Loading Page

Efecte pentru casete de text

Bine ai venit
Legaturi
Cautare google
cautare
categorii
css
css
    »   Butoane
    »   Transparenta
    »   Componente formular
html
html
javascript
javascript
photoshop
photoshop
php
php



Paypal
Ai ceva de facut in cod, design sau animatie si nu stii cum?
Trimite-ne mail si-ti vom face tutorial ce va rezolva problema ta.

Documentatii pentru toate nivelele, de la incepatori la avansati, dar si pentru cei ce au nevoie doar de o 'bucata de cod'
tutoriale U-Trade
tutoriale U-Trade

Efecte pentru casete de text

+ Bookmark-uri
Autor: Cristea Iulian



-2 din 22 voturi
Vot pozitiv
Vot negativ
Voteaza acest articol
Tutorial not available for this language. Only english version.




Why use the same styles for your textbox like everybody else? You can customize yourself very easily with a few cascading style sheets.

There are a few examples but you can create your own and of course with other colors.









Here are both: CSS and HTML code for this: 

<style type="text/css">


.borderEffect
{
background-color:#FFFFCC;
color:#A05A3D;
margin:0px;
padding:0px;
border:1px solid #FFCC00;
}
.borderEffect:hover
{
background-color:#FFCC89;
color:#A05A3D;
margin:0px;
padding:0px;
border:1px solid #A05A3D;
}
.secondaryBorderEffect
{
background-color:#FFFFCC;
color:#A05A3D;
margin:0px;
padding:0px;
border:3px outset #FFCC00;
}
.secondaryBorderEffect:hover
{
background-color:#FFFFCC;
color:#A05A3D;
margin:0px;
padding:0px;
border:3px inset #FFCC00;
}
.thirdBorderEffect
{
background-color:#FFFFCC;
color:#A05A3D;
margin:0px;
padding:0px;
border:3px double #FFCC00;
}
.thirdBorderEffect:hover
{
background-color:#FFFFCC;
color:#A05A3D;
margin:0px;
padding:0px;
border:3px ridge #FFCC00;
}
.fourthBorderEffect
{
background-color:#FFFFCC;
color:#A05A3D;
margin:0px;
padding:0px;
border:1px dotted #A05A3D;
}
.fourthBorderEffect:hover
{
background-color:#FFFFCC;
color:#A05A3D;
margin:0px;
padding:0px;
border:1px dashed #A05A3D;
}


</style>

<input type="text"class="borderEffect" /><input type="text" class="secondaryBorderEffect" /><input type="text" class="thirdBorderEffect"/><input type="text" class="fourthBorderEffect"/>



+ posteaza un comentariu


Thank you for help
Acum 2 ani si 1 lunaAcum 2 ani si 1 luna
Celebrate


sitemap   |   termeni si conditii   |   contact
U-Trade © Toate drepturile rezervate 2006-2010 | Efecte pentru casete de text : U-Trade Tutoriale