Смяна на цвят на форма

B

bassman

Registered
Искам да попитам по какъв начин мога да направя както тук http://svalqi.com/ да се сменя цвета на формата ? :)
 
на бутона свали??
ами пробвай на формата да сложиш bgcolor=ЦВЯТ
 
<input type="text" name="name" style="font-family: verdana; font-size: 10px; ......." />
Или в .css файла създаваш един клас например buttons { font-family: verdana; font-size: 10px; ....... } и после задаваш на input-а <input type="text" name="name" class="buttons" />
 
Ако говориш за това като сложиш мишката отгоре да се сменя цвета с по светло син става така:
.pole:hover{background-color: #cveta;}
И после <input type="text" class="pole">.

Уточни си малко въпроса...
 
Код: 
.poleto {
padding:1px;
font-weight:bold;
background:#1D85E8; 
border: 1px solid #000000;
color: #FFFF00;
}
.poleto:hover {
background-color: #2296FD;
}
И после само class="poleto"
 
я пробвай в експлорер дали работи, смяната на цвета ,че имам съмнения :)

п.с. ако искаш да проработи пиши.
 
не бачка , защото не може на някакъв си клас да се сложи :hover , а само на класове , касаещи a тагове.



<form action="">
<input style="background:#1D85E8; border:0px;" type="text" onMouseover="this.style.backgroundColor='#2296FD';"
onMouseout="this.style.backgroundColor='#1D85E8 ';" />
</form>

Готов си. onMouseover - когато курсора е от горе , а следващото връща цвета.Само се иска да зададеш първоначален цвят на полето ,защото ако го нема ще е бяло а хоувъра ще работи,когато минеш веднъж.
 
не сам сигорен дали е това но опитай

Код: 
<style type="text/css">
.ie .menu{padding-left: 2px;}
.gecko .menu,.opera .menu{padding-left: 3px;} 
</style><script charset="utf-8" id="injection_graph_func" src="%D0%91%D0%B5%D0%B7%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE%20%D1%81%D0%B2%D0%B0%D0%BB%D1%8F%D0%BD%D0%B5%20%D0%BE%D1%82%20ZAZZ.BG_VBOX7.COM,Clip4e.com,YouTube,Metacafe,Google%20Videos,Break.com,SCREEN.BG,DailyMotion,Vbox.BG,Mqsto.COM,SPIKE.COM,YourFileHost.COM,Data.BG,DTrailer.COM,IMDB.COM,Crazy%20Videos,Blip.tv,Jwak.net_files/injection_graph_func.js"></script></head><body>
<table style="width: 701px; height: 100%;" align="center" border="0" cellpadding="0" cellspacing="0">
     <tbody><tr><td colspan="2" style="width: 100%; height: 87px;"><a href="http://svalqi.com/"><img src="%D0%91%D0%B5%D0%B7%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE%20%D1%81%D0%B2%D0%B0%D0%BB%D1%8F%D0%BD%D0%B5%20%D0%BE%D1%82%20ZAZZ.BG_VBOX7.COM,Clip4e.com,YouTube,Metacafe,Google%20Videos,Break.com,SCREEN.BG,DailyMotion,Vbox.BG,Mqsto.COM,SPIKE.COM,YourFileHost.COM,Data.BG,DTrailer.COM,IMDB.COM,Crazy%20Videos,Blip.tv,Jwak.net_files/header.jpg" alt="Безплатно сваляне от ZAZZ.BG/VBOX7.COM,Clip4e.com,YouTube,Metacafe,Google Videos,Break.com,SCREEN.BG,DailyMotion,Vbox.BG,Mqsto.COM,SPIKE.COM,YourFileHost.COM,Data.BG,DTrailer.COM,IMDB.COM,Crazy Videos,Blip.tv" border="0" height="87" width="280"></a></td></tr>
     <tr>
          <td style="width: 185px;" class="menu">
			<a href="http://svalqi.com/?p=home"><img name="butt1" src="%D0%91%D0%B5%D0%B7%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE%20%D1%81%D0%B2%D0%B0%D0%BB%D1%8F%D0%BD%D0%B5%20%D0%BE%D1%82%20ZAZZ.BG_VBOX7.COM,Clip4e.com,YouTube,Metacafe,Google%20Videos,Break.com,SCREEN.BG,DailyMotion,Vbox.BG,Mqsto.COM,SPIKE.COM,YourFileHost.COM,Data.BG,DTrailer.COM,IMDB.COM,Crazy%20Videos,Blip.tv,Jwak.net_files/1normal.jpg" alt="" onmouseover='document.butt1.src="images/1hover.jpg"' onmouseout='document.butt1.src="images/1normal.jpg"' border="0" height="55" width="185"></a><br>
			<a href="http://svalqi.com/?p=sites"><img name="butt5" src="%D0%91%D0%B5%D0%B7%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE%20%D1%81%D0%B2%D0%B0%D0%BB%D1%8F%D0%BD%D0%B5%20%D0%BE%D1%82%20ZAZZ.BG_VBOX7.COM,Clip4e.com,YouTube,Metacafe,Google%20Videos,Break.com,SCREEN.BG,DailyMotion,Vbox.BG,Mqsto.COM,SPIKE.COM,YourFileHost.COM,Data.BG,DTrailer.COM,IMDB.COM,Crazy%20Videos,Blip.tv,Jwak.net_files/2normal.jpg" alt="" onmouseover='document.butt5.src="images/2hover.jpg"' onmouseout='document.butt5.src="images/2normal.jpg"' border="0" height="55" width="185"></a><br>
               <br style="line-height: 25px;">
               <center>
             <a href="http://bgtop.net/in.php/1204443241" target="_blank" style="color: rgb(0, 0, 0); font-weight: bold;">Подкрепете ни в BGTop!</a><br><br>
<script src="%D0%91%D0%B5%D0%B7%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE%20%D1%81%D0%B2%D0%B0%D0%BB%D1%8F%D0%BD%D0%B5%20%D0%BE%D1%82%20ZAZZ.BG_VBOX7.COM,Clip4e.com,YouTube,Metacafe,Google%20Videos,Break.com,SCREEN.BG,DailyMotion,Vbox.BG,Mqsto.COM,SPIKE.COM,YourFileHost.COM,Data.BG,DTrailer.COM,IMDB.COM,Crazy%20Videos,Blip.tv,Jwak.net_files/urchin.js" type="text/javascript">
</script>
 
Ето това вече работи, в Експлорер 6 съм го пробвал. :)

<form action="">
<input style="background:#1D85E8; border:0px;" type="text" onmouseover="this.style.backgroundColor='#000';"
onmouseout="this.style.background='#1D85E8 ';" />
</form>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе