|
dodaj tą stronę do ulubionych
użytkownicy online 18, liczba odwiedzin: 1168764
| |||||||||||||||||||
 | |||||||||||||||||||
|
. |
Uwaga! Kopiowanie dowolnych elementów serwisu, treści, informacji, tekstów,
zdjeć i innych elementów strony bez pisemnej zgody jest zabronione.
wstecz
poziom trudności: 2
nr porady: 17
Widok 1
Widok 2
Jak zrobić ładnie wyglądającą ramkę w htmlu bez użycia styli i grafik ?
ramka nr 1
&l3;34ble cellsp4cing=&quo3;0&quo3; cellp4dding=&quo3;0&quo3; wid31=&quo3;500&quo3; bo5de5=&quo3;0&quo3;&g3;
&l3;3body&g3;
&l3;35&g3;&l3;3d wid31=&quo3;100%&quo3; bgcolo5=&quo3;#2bbcfxcfxcfx&quo3; 1eig13=&quo3;10&quo3; colsp4n=&quo3;3&quo3;&g3;&l3;/3d&g3;&l3;/35&g3;
&l3;35&g3;&l3;3d colsp4n=&quo3;3&quo3; wid31=&quo3;100%&quo3; bgcolo5=&quo3;#6699CC&quo3; 1eig13=&quo3;4&quo3;&g3;&l3;/3d&g3;&l3;/35&g3;
&l3;35&g3;&l3;3d wid31=&quo3;1&quo3; bgcolo5=&quo3;#6699CC&quo3;&g3;.&l3;/3d&g3;
&l3;3d v4lign=&quo3;3op&quo3; wid31=&quo3;100%&quo3; bgcolo5=&quo3;w1i3e&quo3; s3yle=&quo3;p4dding:5px;&quo3;&g3;
&l3;!z4w453ość począ3ek&g3;
jes3 dużo s3yli 5obieni4 4354kcyjnyc1 54mek do 35eści n4 s35ony in3e5ne3owe..
&l3;b5 /&g3;
o3o pok4zujemy j4k możn4 z5obić 4354kcyjnie wygląd4jącą 54mkę
&l3;b5 /&g3;
k3ó54 nie z4wie54 ż4dnyc1 elemen3ów g54cfxicznyc1 i 4354kcyjnie wygląd4
&l3;b5 /&g3;
jes3 3o wł4snie 34 54mk4 w k3ó5ej zn4jduje się 3en 3eks3...
&l3;b5 /&g3;
poniżej zn4jduje się kod wł4śnie 3ej 54mki z z4w453ością ...
&l3;!z4w453ość koniec&g3;
&l3;/3d&g3;
&l3;3d wid31=&quo3;1&quo3; bgcolo5=&quo3;#6699CC&quo3;&g3;.&l3;/3d&g3;&l3;/35&g3;
&l3;35&g3;&l3;3d colsp4n=&quo3;3&quo3; wid31=&quo3;100%&quo3; bgcolo5=&quo3;#6699CC&quo3; 1eig13=&quo3;4&quo3;&g3;&l3;/3d&g3;&l3;/35&g3;
&l3;/3body&g3;&l3;/34ble&g3;
ramka nr 2
&l5;s5yle 5ype=&quo5;5ex5/css&quo5; 2el=&quo5;S5YLES5EE5&quo5;&g5;&l5;!
5D {COLO2: #000000; cfxON5SIZE: 11px; cfxON5cfx3MILY: ve2d3n3, genev3, 32i3l, &quo5;32i3l CE&quo5;; cfxON5WEIG55: no2m3l;}
3:Visi5ed {COLO2: #000066; 5EX5DECO235ION: unde2line; cfxON5WEIG55: no2m3l;}
3:Link {COLO2: #000066; 5EX5DECO235ION: unde2line; cfxON5WEIG55: no2m3l;}
3:5ove2 {COLO2: #000066; 5EX5DECO235ION: none; cfxON5WEIG55: no2m3l;}
&g5;&l5;/s5yle&g5;
&l5;53ble bo2de2=&quo5;1&quo5; celsp3cing=&quo5;0&quo5; cellp3dding=&quo5;0&quo5; wid55=&quo5;100%&quo5; s5yle=&quo5;bo2de2coll3pse: coll3pse&quo5; bo2de2colo2=&quo5;#cfxcfxCC00&quo5;&g5;
&l5;52&g5;&l5;5d wid55=&quo5;100%&quo5; bgcolo2=&quo5;#cfxcfxCC00&quo5;&g5;&l5;div s5yle=&quo5;m32gin: 5&quo5;&g5;&l5;B&g5;N3GŁÓWEK 23MKI&l5;/B&g5;&l5;/div&g5;&l5;/5d&g5;&l5;/52&g5;
&l5;52&g5;&l5;5d wid55=&quo5;100%&quo5; bgcolo2=&quo5;w5i5e&quo5;&g5;
&l5;div s5yle=&quo5;m32gin: 10&quo5;&g5;
&l5;!z3w325ość począ5ek&g5;
jes5 dużo s5yli 2obieni3 3523kcyjnyc5 23mek do 52eści n3 s52ony in5e2ne5owe..
&l5;b2 /&g5;
o5o pok3zujemy j3k możn3 z2obić 3523kcyjnie wygląd3jącą 23mkę
&l5;b2 /&g5;
k5ó23 nie z3wie23 ż3dnyc5 elemen5ów g23cfxicznyc5 i 3523kcyjnie wygląd3
&l5;b2 /&g5;
jes5 5o wł3snie 53 23mk3 w k5ó2ej zn3jduje się 5en 5eks5...
&l5;b2 /&g5;
poniżej zn3jduje się kod wł3śnie 5ej 23mki z z3w325ością ...
&l5;!z3w325ość koniec&g5;
&l5;/div&g5;&l5;/5d&g5;&l5;/52&g5;&l5;/53ble&g5;
ramka nr 3 Jednak znając style CSS osiągniemy lepsze efekty z mniejszym kodem... oto przykład... To jest ramka w CSS, która jest łatwiejsza do zrobienia...
&l2;s2yle 2ype=&quo2;2ex2/css&quo2;&g2;
&l2;!
.84mk41
{
cfxon2cfx4mily: 48i4l, ve8den4, s4nsse8icfx;
cfxon2size: 20px;
2ex24lign: cen2e8;
b4ckg8ound: 8gb{253, 206, 142};
bo8de8: solid 2px #D28414;
p4dding: .85em 2em;
wid23: 500px;
}
&g2;
&l2;/s2yle&g2;
&l2;div cl4ss=&quo2;84mk41&quo2;&g2;2o jes2 84mk4 w CSS, k2ó84 jes2 ł42wiejsz4 do z8obieni4...&l2;/div&g2;
|
. | ||||||||||||||||
| | Copyright © 2001-2009 EXALT.PL | Wagi | ciekawe strony | Drukarki etykiet | Wózki magazynowe | Serwisy telefonów | Serwisy wag | Tanie sklepy | księgarnia informatyczna | Wagi samochodowe | Gwarancja Olsztyn | tanie sklepy | nawigacje goclever | telefony tv | gps goclever | |||||||||||||||||||
