Web-Gallery • 03.03.13 9:33
Colocando title das boxes em degrade 03.03.13 9:33
Olá,
Vou ensinar a colocar DEGRADE nos titles das boxes da sua CMS...
Vá em web-gallery/v2/styles e abra o arquivo style.css
Procure por div.TITULODABOX h2.title, no meu caso será div.orange h2.title, que será a box laranja.
Irá ter algo parecido com isso:
Sendo que, #HEXADECIMALDA1COR é o código hexadecimal do gradiente de cima, exemplo: #000 / E #HEXADECIMALDA2COR é o código hexadecimal do gradiente de baixo, exemplo: #FFF
Créditos totais à WictorP.
Vou ensinar a colocar DEGRADE nos titles das boxes da sua CMS...
Vá em web-gallery/v2/styles e abra o arquivo style.css
Procure por div.TITULODABOX h2.title, no meu caso será div.orange h2.title, que será a box laranja.
Irá ter algo parecido com isso:
- Código:
div.orange h2.title {
background-color:#000;
}
- Código:
/* Para Mozilla*/
background: -moz-linear-gradient(top, #HEXADECIMALDA1COR, #HEXADECIMALDA2COR) repeat-X;
/* Para WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#HEXADECIMALDa1COR), to(#HEXADECIAMALDA2COR)) repeat-X;
/* Para IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#HEXADECIMALDA1COR, endColorstr=#HEXADECIMALDA2COR)";
/* Para IE*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#HEXADECIMALDA1COR, endColorstr=#HEXADECIMALDA2COR);
border-radius:4px;
Sendo que, #HEXADECIMALDA1COR é o código hexadecimal do gradiente de cima, exemplo: #000 / E #HEXADECIMALDA2COR é o código hexadecimal do gradiente de baixo, exemplo: #FFF
Créditos totais à WictorP.
Wooque • 03.03.13 19:50
