Modificam Butonul Send si Reset

[ Mesaje noi · Membrii · Regulamentul forumului · RSS ]

Pagina 1 din 1
1

Muşatinu

Date: Miercuri, 2011-10-05, 10:38 | Message # 1

Mesaje: 1801

Awards: 202
« 53 »

Avem 2-ua Butoane majre in uCoz: Send si Reset
Puteti sa le modificati cum vreti. Un exemplu ar fi varianta Google
[spoiler="Exemplu"]

[/spoiler]

In CSS adaugati:

Code

input[type="submit"] {
   background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
   background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
   -webkit-border-radius: 2px;
   -webkit-user-select: none;
   background-color: whiteSmoke;
   background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
   background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
   border: 1px solid gainsboro;
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 2px;
   color: #666;
   cursor: pointer;
   font-size: 11px;
   font-weight: bold;
   height: 29px;
   line-height: 27px;
   margin: 5px;
   padding: 0 8px;
   text-align: center;
   }

   input[type="submit"]:hover {
   border: 1px solid rgba(0, 0, 0, 0.2);
   box-shadow:0px 0px 2px gainsboro;
   -webkit-box-shadow:0px 0px 2px gainsboro;
   -moz-box-shadow:0px 0px 2px gainsboro;}

   input[type="reset"] {
   display: inline;
   vertical-align: middle;
   background-color: #D14836;
   background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
   background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
   background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
   background-image: -o-linear-gradient(top,#dd4b39,#d14836);
   background-image: linear-gradient(top,#dd4b39,#d14836);
   border: 1px solid transparent;
   color: white;
   cursor: pointer;
   text-shadow: 0 1px rgba(0, 0, 0, 0.1);
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   height: 29px;
   line-height: 27px;
   outline: 0;
   padding: 0 8px;
   margin: 5px;
   position: relative;
   display: -moz-inline-box;
   display: inline-block;
   }

   input[type="reset"]:hover {
   background-color: #c03725;
   background-image: -webkit-linear-gradient(top,#dd4b39,#c03725);
   background-image: -moz-linear-gradient(top,#dd4b39,#c03725);
   background-image: -ms-linear-gradient(top,#dd4b39,#c03725);
   background-image: -o-linear-gradient(top,#dd4b39,#c03725);
   background-image: linear-gradient(top,#dd4b39,#c03725);
   box-shadow:0px 0px 2px transparent;
   -webkit-box-shadow:0px 0px 2px transparent;
   -moz-box-shadow:0px 0px 2px transparent;}
   }

Din pacate nu am reusit sa modific celelalte butoane

[texterror4]Sursa: http://webo4ka.ru[/texterror4]

alecsandru22

Date: Luni, 2011-10-10, 16:15 | Message # 2

Mesaje: 33

Awards: 9
« 1 »

ideea este interesanta, problema e ca daca faceti asa ramane butonul "View" simplu si vine urat, cele 2 diferite si asta simplu (pe forum)

iar la mesaje la fel... daca s-ar face ceva sa apara toate butoanele asa ar fi ceva frumos

Trăsniţii - Episoade online doar pe www.trasnitii.do.am

Muşatinu

Date: Luni, 2011-10-10, 16:18 | Message # 3

Mesaje: 1801

Awards: 202
« 53 »

alecsandru22, si eu asa am zis

alexis

Date: Marţi, 2012-01-17, 22:02 | Message # 4

Mesaje: 88

Awards: 4
« 0 »

Mie mi-a modificat si butonul Login.Problema este ca daca vreau sa ma loghez si apas pe buton ma logheaza si imi apare asta

Code

This XML file does not appear to have any style information associated with it. The document tree is shown below.
<ajax>
<cmd p="innerHTML" t="blk549494">
<![CDATA[
<div align="left" style="padding:10px;"><div class="myWinLoadSD"></div></div>
]]>
</cmd>
<cmd p="js">
<![CDATA[
var ad=window.location.href.replace(/#(.*)?/,''); setTimeout("window.location.href='"+ad+"?lN3ibT'",'1000')
]]>
</cmd>
</ajax>