Filehost.ro - gazduire fisiere
Keyboard RO
Locul de unde iti poti conduce propria Romanie virtuala 		Nou pe simpatie:
deea43 pe Simpatie
Femeie
24 ani
Timis
cauta Barbat
25 - 56 ani
Keyboard ROReguliInregistrareLoginPozeNu sunteti logat. Lista Forumurilor Pe Tematici
Keyboard RO / Tuorial Css /

Css

 Pagini:  1 2 3  
#1
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271
Cum se face Css? simplu sa lom codul de la o fosta tema

Code:

BODY { background-image:url('Link-ul nu il aratam din motive de infatisare proasta a css-ului') }

TD {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #5FFB17
}

INPUT, SELECT {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #5FFB17 ;
    background-color: #424242
}

TEXTAREA {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #5FFB17;
    background-color: #383838
}

FORM { margin: 0 }

PRE {
    font-size: 11px;
    margin: 0
}

TABLE.punmain {
    border: none;
    width: 100%;
    background-color: #606060
}
TABLE.punplain {
    border: none;
    width: 100%
}
TABLE.punspacer {
    border: none;
    width: 100%
}

TR.punhead { background-color: #2554C7 }
TR.puncon1 { background-color: #000000 }
TR.puncon2 { background-color: #424242 }
TR.puncon3 { background-color: #484848 }
TR.puntopic { height: 1.5em }

TD.punhead { color: #C7A317 }
TD.punheadcent {
    color: #F0F0F0;
    text-align: center
}
TD.puncon1 { background-color: #000000 }
TD.puncon1cent {
    background-color: #383838;
    text-align: center
}
TD.puncon1right {
    background-color: #383838;
    text-align: right
}
TD.puncon2 { background-color: #424242 }
TD.puncon2cent {
    background-color: #424242;
    text-align: center
}
TD.puncon3 { background-color: #484848 }
TD.puncent { text-align: center }
TD.punright { text-align: right }
TD.puntop { vertical-align: top }
TD.puntopright {
    text-align: right;
    vertical-align: top
}
TD.punquote {
    background-color: #484848;
    border: #606060;
    border-style: dashed;
    border-width: 1px
}

A:link, A:visited {
    text-decoration: none;
    color: #FFFFFF
}
A:link.punhot, A:visited.punhot { color: #FF4000 }
A:link.punclosed, A:visited.punclosed { color: #888888 }
A:hover {
    text-decoration: none;
    color: #80EE80
}
A:hover.punhot { color: #FF5010 }
A:hover.punclosed { color: #AAAAAA }

IMG.punavatar {
    margin-top: 3px;
    margin-bottom: 3px
}

.puntext { font-size: 11px }
.punedited {
    font-size: 10px;
    font-style: italic;
}
.punsignature { font-size: 10px }
.punheadline {
    font-size: 12px;
    font-weight: bold;
}
.puntitle {
    font-size: 14px;
    font-weight: bold
}
.punhot { color: #FF6000 }



_______________________________________
keyboard
 
   
#2
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271
Ce este un Css Este infatisarea forumului  a si este strikt interis sa ei codul  de sus ca sa ei un cod  trebuie sa te duci in admin  si jos veti avea " Infatisare forumului " acolo este un link de genu "Numele temei tale".css Ex Radium.css

E lom acel cod si il punem   intr-un document Microsoft Front Page (Cu copy si paste) apoi incepem sa modificam :

Code:

BODY { background:url('http://keyboardro.3xforum.ro/img/pics/keyboardro.3xforum.ro/style/ferrari-enzo-wallpaper.jpg') }

Este Background  Daca nu vreti sa fie o imagine .... puneti asa

Code:

BODY { background-color #000000 }

in loc de #000000 pui culoare care o vrei   app daca vrei sa vezi de unde ei formatul de culoare  ca nu pui red sau rosu pui un cod pe care il afli  de aici http://www.computerhope.com/htmcolor.htm (ok linkul il stiu de pe un forum)

Dace vrei o imagine o uplodezi pe forumul ei si ie link-ul  si il pui  acolo deci asa

Code:

BODY { background:url(' Link-ul pozei Tale ') }



_______________________________________
keyboard
 
   
#3
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271


Code:

TD {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #5FFB17
}

INPUT, SELECT {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #5FFB17 ;
    background-color: #424242
}

TEXTAREA {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #5FFB17;
    background-color: #383838
}

Acesta este scrisul.........

Code:

font: 10px Verdana, Arial, Helvetica, sans-serif;

deci 10px este marime scrisului

Code:

Verdana, Arial, Helvetica, sans-serif

Este tipul scrisului puteti sa-l modificati dar puteti lua denumirile din photoshop sau Word .... Dar recomad sa nu il modificati.....

#5FFB17 este culoare scrisului

background-color: #424242

este culore pe care scri dar NU SCHIMBATI DACA NU VA PRICEPETI (ori cum daca te pricepi nu te ajuta acest tutoril .... adica deja sti pt sa iti explic eu ?) 

Tote sectiunele sunt pe aceias tema deci ce faci la TEXTAREA faci si la TD si INPUT , SELECT

_______________________________________
keyboard
 
   
#4
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271


Code:

FORM { margin: 0 }

PRE {
    font-size: 11px;
    margin: 0

Niste Aiureli nu unbla

_______________________________________
keyboard
 
   
#5
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271


Code:

TABLE.punmain {
    border: none;
    width: 100%;
    background-color: #606060
}
TABLE.punplain {
    border: none;
    width: 100%
}
TABLE.punspacer {
    border: none;
    width: 100%

Reprezinta tabelul  Care tabel ? Sunt  o gramada o satzi arat ....

Unul ......

Css - Reprezinta tabelul Care tabel ? Sunt o gramada o - Tuorial Css
Css – poza de paulyvon97, in Tuorial Css · 39.3KB


_______________________________________
keyboard
 
   
#6
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271
Ce poti modifica de acolo este doar culoare  linilor 


ok  cum modificati Culoarea? 

Deci in prima sectiune (TABEL.punmain) in ultimul rand o sa gasesti #606060 e steri si pui culoare care o vrei codul colori il afli in link-ul de mai sus

_______________________________________
keyboard
 
   
#7
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271


Code:

TR.punhead { background-color: #2554C7 }
TR.puncon1 { background-color: #000000 }
TR.puncon2 { background-color: #424242 }
TR.puncon3 { background-color: #484848 }
TR.puntopic { height: 1.5em }

TD.punhead { color: #C7A317 }
TD.punheadcent {
    color: #F0F0F0;
    text-align: center

TR.punhead { background-color: #2554C7 } ...... culoare Primei Bari dupa mesajul promotional  adica acolo unde este  Traducatorul Google si Logo Elite Group Forum

A si pe bara scrie asa :


    Forum                                     Subiecte   Postari             Ultimul Post  Moderatori

Ai inteles acu nu ?

Cum schimbam culoarea ? pei in loc de #2554C7 punem culoare pe care o vrei

Daca vrei sa pui o imagine o uplodezi in Forum Iei link-ul

Si pui asa

Code:

TR.punhead { background:url(Link-ul Pozei)   }

____________________________________________________________________

Code:

TR.puncon1 { background-color: #000000 }

este fondul pe care apar forumurile adica cum ar fi " Forum de orice" sau " Produse power by Keyboard Ro"

Cum schimbi Culoarea?

In loc de  #000000 pui ce culoare vrei .....

Daca vrei o poza ....... Uplodezi poza pe forum ..... iei link-ul si pui asa

Code:

TR.puncon1 { background:url(Link-ul pozei) repeat  }



Code:

TR.puncon2 { background-color: #424242 }
TR.puncon3 { background-color: #484848 }
TR.puntopic { height: 1.5em }

Alte aiureli la care nu umblam
Dar totusi daca vreti sa puneti o imagine . scrieti- le la fel ca cele de mai sus

Code:

TD.punhead { color: #C7A317 }
TD.punheadcent {
    color: #F0F0F0;
    text-align: center

Aicea este Culoarea Barei pe care sunt scrise  Categoriile

In loc de #C7A317 pui culoare pe care o vrei
Daca vrei sa pui o poza o uplodezi pe forumul tau ei link-ul si fac asa

Code:

TD.punhead { url: (Link-ul pozei) }



_______________________________________
keyboard
 
   
#8
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271


Code:

TD.puncon1 { background-color: #000000 }
TD.puncon1cent {
    background-color: #383838;
    text-align: center

ok acesta este culoarea de la portiunea aceia cu

Code:

Keyboard RO | Lista de useri | Cauta | Profil | Admin | Logout

CHAT GENERAL | CHAT KEYBOARDRO | POZE KEYBOARDRO

Logat ca keyboard
Administrator   [ live tool ] | Aveti 1 mesaje din care 0 noi.

Ultima vizita: Ieri 21:36:01

Si jos unde scrie

Code:

Acest forum are 7 useri inregistrati, 44 subiecte si 115 mesaje.
Ultimul user inregistrat este martyn.
Pe forum sunt 1 user inregistrat si 0 vizitatori.

Ma rog o sa scrie ca are 8 useri si tot asa da momentan-s 7
Deci nu culoare scrisului ci ce a fondului

daca vreti o imagine , urmariti pasii de mai sus
Dar cum modificam culoarea ?

Punem asa

Code:

TD.puncon1 { background-color: Codul culori  }

Alceva nu modificam !!!!!

_______________________________________
keyboard
 
   
#9
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271


Code:

TD.puncon1right {
    background-color: #383838;
    text-align: right
}
TD.puncon2 { background-color: #424242 }
TD.puncon2cent {
    background-color: #424242;
    text-align: center
}
TD.puncon3 { background-color: #484848 }
TD.puncent { text-align: center }
TD.punright { text-align: right }
TD.puntop { vertical-align: top }
TD.puntopright {
    text-align: right;
    vertical-align: top

niste caracteristici alr forumului in legatura cu asezarea in pagina Eu RECOMAND CU TARIE sa nu modifici ca poata ca trezesti cu scrisu de la dreapta la stanga ca arabi ......

_______________________________________
keyboard
 
   
#10
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271


Code:

TD.punquote {
    background-color: #484848;
    border: #606060;
    border-style: dashed;
    border-width: 1px

Acesta reprezinta Partea acea din topic daca citezi pe cineva 

Ce putem modifica de aici ?pei coloare fondului pe care este afisat scrisul ...........

Cum putem face asta ........... pei punem asa

Code:

background-color: codul culori pe care o vrei ;

Mai putem modifica si alte chesti da ese urat

_______________________________________
keyboard
 
   
#11
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271


Code:

A:link, A:visited {
    text-decoration: none;
    color: #FFFFFF

Aceasta este culoarea unui link adica culoare scrisului de la un link ( Ex www.keyboardro.3xforum.ro ) sau culoare textului daca folosim tag-ul : [u r l] Si cum schimbam  culoare . Pei punem asa :

Code:

color: codul culori



_______________________________________
keyboard
 
   
#12
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271


Code:

A:link.punhot, A:visited.punhot { color: #FF4000 }
A:link.punclosed, A:visited.punclosed { color: #888888 }
A:hover {
    text-decoration: none;
    color: #80EE80
}
A:hover.punhot { color: #FF5010 }
A:hover.punclosed { color: #AAAAAA }

IMG.punavatar {
    margin-top: 3px;
    margin-bottom: 3px
}

.puntext { font-size: 11px }
.punedited {
    font-size: 10px;
    font-style: italic;
}
.punsignature { font-size: 10px }
.punheadline {
    font-size: 12px;
    font-weight: bold;
}
.puntitle {
    font-size: 14px;
    font-weight: bold
}
.punhot { color: #FF6000 }

Alte caracteristici la care nu umblam


Daca ceva nu a mers sau alte chesti   puneti -va creierul la treaba si face-ti 20 de posturi si veniti sa intrebati

_______________________________________
keyboard
 
   
#13
miki-nebunika
Incepator
Postari: 3
da nu se activeaza      
uite codu facut cu ajutorul forumului

BODY { background-image:url('http://th89twinskaulitz.3xforum.ro/img/pics/th89twinskaulitz.3xforum.ro/style/anigif3.gif') }

TD {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #571B7e
}
TD {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #571B7e
}

INPUT, SELECT {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #571B7e ;
    background-color: #000000
}

TEXTAREA {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #571B7e;
    background-color: #000000
}
FORM { margin: 0 }

PRE {
    font-size: 11px;
    margin: 0
TABLE.punmain {
    border: none;
    width: 100%;
    background-color: #C12283
}
TABLE.punplain {
    border: none;
    width: 100%
}
TABLE.punspacer {
    border: none;
    width: 100%
TR.punhead { background-color: #C12283 }
TR.puncon1 { background-color: #000000 }
TR.puncon2 { background-color: #424242 }
TR.puncon3 { background-color: #484848 }
TR.puntopic { height: 1.5em }

TD.punhead { color: #C12283 }
TD.punheadcent {
    color: #F0F0F0;
    text-align: center
TD.puncon1 { background-color: #000000 }
TD.puncon1cent {
    background-color: #000000;
    text-align: center
TD.puncon1right {
    background-color: #383838;
    text-align: right
}
TD.puncon2 { background-color: #424242 }
TD.puncon2cent {
    background-color: #424242;
    text-align: center
}
TD.puncon3 { background-color: #484848 }
TD.puncent { text-align: center }
TD.punright { text-align: right }
TD.puntop { vertical-align: top }
TD.puntopright {
    text-align: right;
    vertical-align: top
TD.punquote {
    background-color: #000000;
    border: #606060;
    border-style: dashed;
    border-width: 1px
A:link, A:visited {
    text-decoration: none;
    color: #FFFFFF
A:link.punhot, A:visited.punhot { color: #FF4000 }
A:link.punclosed, A:visited.punclosed { color: #888888 }
A:hover {
    text-decoration: none;
    color: #80EE80
}
A:hover.punhot { color: #FF5010 }
A:hover.punclosed { color: #AAAAAA }

IMG.punavatar {
    margin-top: 3px;
    margin-bottom: 3px
}

.puntext { font-size: 11px }
.punedited {
    font-size: 10px;
    font-style: italic;
}
.punsignature { font-size: 10px }
.punheadline {
    font-size: 12px;
    font-weight: bold;
}
.puntitle {
    font-size: 14px;
    font-weight: bold
}
.punhot { color: #FF6000 }
 
   
#14
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271
pei  iei  codul asta si il pui intrun fisier Front Page .....

Apoi din clic dreapta dai pe rename si la rename pui numele custom.css si il uplodezi
din nou.... dupa upload dai clic pe " Utilizare " daca tot nu mere ti-l rezoov eu

_______________________________________
keyboard
 
   
#15
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271
Da vad ca s-a rezolvat .......  A si cand iti tai venele sa nu tai si netu...... ( El nu-i emo ) ..... oricum am glumit.....

_______________________________________
keyboard
 
   
#16
miki-nebunika
Incepator
Postari: 3
nu sunt emo
poate doar emo stily dar nici aia...
imi plc doar cum suna 

 
   
#17
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271
ok da glumeam si yo un picutz.....  si cu faorumul s-a rezolvat?

_______________________________________
keyboard
 
   
#18
miki-nebunika
Incepator
Postari: 3
nu 

 
   
#19
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271
t-am verificat Css-ul .......... in primul rand  nu poti pune gif la bg ........ in al doile rand pozele trebui uplodat ijn forumul tau ude se foloseste css-ul nu inalta parte si trei la mna codul culori trebuie sa contina numa litere mari

Ar trebui sa faci cinste cu o bere ca til-am luat pe tot la mana sa-l verific...

_______________________________________
keyboard
 
   
#20
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271
Il al 4 rand TD se repeta ....

_______________________________________
keyboard
 
   
#21
martyn
Shit in the rain
Postari: 29
iar casa continui ce am observat eu aici ai avut idee buna dar cam complicat a apoi multe di nce zici tu nu sunt aiureli adica si cu alea modifici ceva apoi codu lculorii poti sa-l scrii cum vrei si FF0000 si ff0000 si fF0000 nu conteaza dac e litera mare sau mica  

_______________________________________
Semnatura  interzisa
 
   
#22
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271
Mda nu am stiut.....ms oricum 

_______________________________________
keyboard
 
   
#23
martyn
Shit in the rain
Postari: 29
Mai simplista paleta asta de culori si mai practica as zice eu

Css - Mai simplista paleta asta de culori si mai - Tuorial Css
Css – poza de martyn, in Tuorial Css · 81.9KB


_______________________________________
Semnatura  interzisa
 
   
#24
Disturb.o_O
Incepator
Postari: 11
La mn nu vrea sa mearga.. parca am facut bine.



BODY { background-image:url(`http://i326.photobucket.com/albums/k409/XXdelaxanXX/BLUE_Flames-1.jpg`) }

  TD {
    font: 13px Verdana,Comic Sans MS;
    color: #1E90FF
}

INPUT, SELECT {
    font: 13px Verdana,Comic Sans Ms;
    color: #1E90FF ;
    background-color: #424242
}

TEXTAREA {
    font: 13px Verdana,Comic Sans Ms;
    color: #1E90FF ;
    background-color: #383838
}

FORM { margin: 0 }

PRE {
    font-size: 11px;
    margin: 0
}

TABLE.punmain {
    border: none;
    width: 100%;
    background-color: #00FFFF
}
TABLE.punplain {
    border: none;
    width: 100%
}
TABLE.punspacer {
    border: none;
    width: 100%
}

TR.punhead { background-color: #2554C7 }
TR.puncon1 { background-color: #000000 }
TR.puncon2 { background-color: #424242 }
TR.puncon3 { background-color: #484848 }
TR.puntopic { height: 1.5em }

TD.punhead { color: #C7A317 }
TD.punheadcent {
    color: #F0F0F0;
    text-align: center
}
TD.puncon1 { background-color: #000000 }
TD.puncon1cent {
    background-color: #383838;
    text-align: center
}
TD.puncon1right {
    background-color: #383838;
    text-align: right
}
TD.puncon2 { background-color: #424242 }
TD.puncon2cent {
    background-color: #424242;
    text-align: center
}
TD.puncon3 { background-color: #484848 }
TD.puncent { text-align: center }
TD.punright { text-align: right }
TD.puntop { vertical-align: top }
TD.puntopright {
    text-align: right;
    vertical-align: top
}
TD.punquote {
background-color: #00FFFF;
border: #606060;
border-style: dashed;
border-width: 1px

}

A:link, A:visited {
    text-decoration: none;
    color: #8A2BE2
}
A:link.punhot, A:visited.punhot { color: #FF4000 }
A:link.punclosed, A:visited.punclosed { color: #888888 }
A:hover {
    text-decoration: none;
    color: #80EE80
}
A:hover.punhot { color: #FF5010 }
A:hover.punclosed { color: #AAAAAA }

IMG.punavatar {
    margin-top: 3px;
    margin-bottom: 3px
}

.puntext { font-size: 11px }
.punedited {
    font-size: 10px;
    font-style: italic;
}
.punsignature { font-size: 10px }
.punheadline {
    font-size: 12px;
    font-weight: bold;
}
.puntitle {
    font-size: 14px;
    font-weight: bold
}
.punhot { color: #FF6000 }
 
   
#25
paulyvon97
Adminu cu care nu vrei se te certi
Postari: 271
pei l-ai uploadat ? avea numele custom si extensia .css

_______________________________________
keyboard
 
   
Pagini:  1 2 3  
Mergi la