Personalizarea butoanelor de postare!

Vezi subiectul anterior Vezi subiectul urmator In jos

Personalizarea butoanelor de postare!

Mesaj Scris de Rawr la data de Vin Apr 13, 2012 12:11 pm

Bună seara,

Probabil mulţi dintre voi s-au întrebat cum pot personaliza butoanele "Previzualizează" şi "Trimiteţi", precum şi cele de acest gen. Ei bine, mai jos aveţi codurile, pentru fiecare versiune, care fac acest lucru.

Rezultat: [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Pentru versiunea phpBB3

Adăugaţi la începutul foii dvs. CSS.(PA - Afişare - Imagini şi culori - Culori - Foaie de stil CSS)

Cod:
input.button2{
border:1px solid #ccc;
padding:3px;
background:#fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 0 4px #ccc;
-webkit-box-shadow: 0 0 4px #ccc;
-moz-box-shadow: 0 0 4px #ccc;
font-size: 13px;}

input.button1{
border:1px solid #ccc;
padding:3px;
background:#fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 0 4px #ccc;
-webkit-box-shadow: 0 0 4px #ccc;
-moz-box-shadow: 0 0 4px #ccc;
font-size: 13px;}

input.button1:hover , input.button2:hover{
box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
border: 0px solid #ffffff;
color: #000000;}

Pentru versiunea phpBB2

Adăugaţi la începutul foii dvs. CSS.(PA - Afişare - Imagini şi culori - Culori - Foaie de stil CSS)

Cod:
input.liteoption{
border:1px solid #ccc;
padding:3px;
background:#fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 0 4px #ccc;
-webkit-box-shadow: 0 0 4px #ccc;
-moz-box-shadow: 0 0 4px #ccc;
font-size: 13px;}

input.mainoption{
border:1px solid #ccc;
padding:3px;
background:#fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 0 4px #ccc;
-webkit-box-shadow: 0 0 4px #ccc;
-moz-box-shadow: 0 0 4px #ccc;
font-size: 13px;}

input.liteoption:hover , input.mainoption:hover{
box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
border: 0px solid #ffffff;
color: #000000;}


Pentru versiunea Invision


Adăugaţi la începutul foii dvs. CSS.(PA - Afişare - Imagini şi culori - Culori - Foaie de stil CSS)

Cod:
input.button{
border:1px solid #ccc;
padding:3px;
background:#fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 0 4px #ccc;
-webkit-box-shadow: 0 0 4px #ccc;
-moz-box-shadow: 0 0 4px #ccc;
font-size: 13px;}

input.button:hover {
box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
border: 0px solid #ffffff;
color: #000000;}

Pentru versiunea PunBB

Adăugaţi la începutul foii dvs. CSS.(PA - Afişare - Imagini şi culori - Culori - Foaie de stil CSS)

Cod:
div.frm-buttons input{
border:1px solid #ccc;
padding:3px;
background:#fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 0 0 4px #ccc;
-webkit-box-shadow: 0 0 4px #ccc;
-moz-box-shadow: 0 0 4px #ccc;
font-size: 13px;}

input.div.frm-buttons input:hover {
box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
border: 0px solid #ffffff;
color: #000000;}

Orice nelămurire legată de aceste coduri o puteţi adresa în secţiunea de suport! Numai bine! flower
avatar
Rawr


Mesaje Mesaje : 213
Puncte Puncte : 480
Varsta Varsta : 18
Localizare Localizare : Cluj-Napoca
Reputatie : 6

Vezi profilul utilizatorului http://fg-d.forumz.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum