HTML, CSS, jQuery..
Picatura ta zilnica de ajutor!
Neotalk este un forum ce se axeaza pe o categorie generala, incercand sa cuprinda cat mai multe arii de activitate. Unele dintre sectiuni se dedica suportului si design-ului, iar altele discutiilor diverse.

Cautare
 
 

Rezultate pe:
 
Rechercher Cautare avansata
Cuvinte-cheie
Ultimele subiecte
» Ce ne mai jucam?
Mier Iul 03, 2013 9:47 am Scris de Angelo

» Doddy feat. Puya - Klandestin(Dollar Bill)
Vin Iun 21, 2013 9:08 pm Scris de BringTheChill

» Alex Velea - E marfa tare
Joi Iun 20, 2013 11:28 am Scris de <color=#00000>Adi</color>

» Golf-ul
Mier Iun 19, 2013 12:29 pm Scris de BringTheChill

» Adaugarea unui ceas in header(PhpBB3)
Mier Iun 19, 2013 9:32 am Scris de Angelo

» Greseli legate de gramatica limbii romane
Mar Iun 18, 2013 10:33 pm Scris de Angelo

» Red Hot Chili Peppers - Snow
Mar Iun 18, 2013 10:16 pm Scris de Angelo

» Eminem - I think my Dad's gone crazy
Mar Iun 18, 2013 11:48 am Scris de BringTheChill

» Beatles - Come together
Mar Iun 18, 2013 11:46 am Scris de BringTheChill

Decembrie 2017
LunMarMierJoiVinSamDum
    123
45678910
11121314151617
18192021222324
25262728293031
CalendarCalendar
Parteneri
forum gratuit



Parteneri
forum gratuit



Top postatori
Gabi
 
BringTheChill
 
<color=#00000>Adi</color>
 
Angelo
 
DrRadulovici
 
razvan
 
Admin
 
StaarK*
 
Dani
 
Alexader
 

Personalizarea butoanelor de postare
Pentru a putea posta, va rugam sa va creeati un cont de aici.
Daca deja aveti un cont, va putem conecta pe forum de aici.

Posteaza un subiect nou  Raspunde la subiect ::  :: General :: Tips and tricks :: Tutoriale Forumgratuit :: Tutoriale CSSVezi subiectul anterior Vezi subiectul urmator In jos 

Scris Sam Mar 09, 2013 3:05 am


Personalizarea butoanelor de postare

Salutare cheers ,

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

Gabi
avatar
Rank: Administrator

Mesaje Mesaje : 168
Inscris pe Inscris pe : 06/03/2013

Vezi profilul utilizatorului

Posteaza un subiect nou  Raspunde la subiect ::  :: General :: Tips and tricks :: Tutoriale Forumgratuit :: Tutoriale CSSVezi subiectul anterior Vezi subiectul urmator In jos 

Pentru a putea posta, va rugam sa va creeati un cont de aici.
Daca deja aveti un cont, va putem conecta pe forum de aici.
 •  Incercati sa utilizati un limbaj corect gramatical, care sa excluda exprimarile indecente sau inadecvate subiectului.
 •  Daca postati in sectiunile de suport evitati sa publicati un mesaj la un interval mai mic de 24 de ore.
 •  Respectati deciziile membrilor staff si nu continuati sau amplificati o cearta.
 •  Nu uita sa multumesti celor care te ajuta pentru a capata si data viitoare aceeasi cantitate de ajutor.