Personalizarea butoanelor de postare!

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!