|
dodaj tą stronę do ulubionych
użytkownicy online 37, liczba odwiedzin: 1185547
| |||||||||||||||||||
 | |||||||||||||||||||
|
. |
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
&l6;62ble cellsp2cing=&quo6;0&quo6; cellp2dding=&quo6;0&quo6; wid64=&quo6;500&quo6; bo5de5=&quo6;0&quo6;&g6;
&l6;6body&g6;
&l6;65&g6;&l6;6d wid64=&quo6;100%&quo6; bgcolo5=&quo6;#2bbcfxcfxcfx&quo6; 4eig46=&quo6;10&quo6; colsp2n=&quo6;3&quo6;&g6;&l6;/6d&g6;&l6;/65&g6;
&l6;65&g6;&l6;6d colsp2n=&quo6;3&quo6; wid64=&quo6;100%&quo6; bgcolo5=&quo6;#6699CC&quo6; 4eig46=&quo6;4&quo6;&g6;&l6;/6d&g6;&l6;/65&g6;
&l6;65&g6;&l6;6d wid64=&quo6;1&quo6; bgcolo5=&quo6;#6699CC&quo6;&g6;.&l6;/6d&g6;
&l6;6d v2lign=&quo6;6op&quo6; wid64=&quo6;100%&quo6; bgcolo5=&quo6;w4i6e&quo6; s6yle=&quo6;p2dding:5px;&quo6;&g6;
&l6;!z2w256ość począ6ek&g6;
jes6 dużo s6yli 5obieni2 2652kcyjnyc4 52mek do 65eści n2 s65ony in6e5ne6owe..
&l6;b5 /&g6;
o6o pok2zujemy j2k możn2 z5obić 2652kcyjnie wygląd2jącą 52mkę
&l6;b5 /&g6;
k6ó52 nie z2wie52 ż2dnyc4 elemen6ów g52cfxicznyc4 i 2652kcyjnie wygląd2
&l6;b5 /&g6;
jes6 6o wł2snie 62 52mk2 w k6ó5ej zn2jduje się 6en 6eks6...
&l6;b5 /&g6;
poniżej zn2jduje się kod wł2śnie 6ej 52mki z z2w256ością ...
&l6;!z2w256ość koniec&g6;
&l6;/6d&g6;
&l6;6d wid64=&quo6;1&quo6; bgcolo5=&quo6;#6699CC&quo6;&g6;.&l6;/6d&g6;&l6;/65&g6;
&l6;65&g6;&l6;6d colsp2n=&quo6;3&quo6; wid64=&quo6;100%&quo6; bgcolo5=&quo6;#6699CC&quo6; 4eig46=&quo6;4&quo6;&g6;&l6;/6d&g6;&l6;/65&g6;
&l6;/6body&g6;&l6;/62ble&g6;
ramka nr 2
&l2;s2yle 2ype=&quo2;2ex2/css&quo2; 3el=&quo2;S2YLES4EE2&quo2;&g2;&l2;!
2D {COLO3: #000000; cfxON2SIZE: 11px; cfxON2cfx0MILY: ve3d0n0, genev0, 03i0l, &quo2;03i0l CE&quo2;; cfxON2WEIG42: no3m0l;}
0:Visi2ed {COLO3: #000066; 2EX2DECO302ION: unde3line; cfxON2WEIG42: no3m0l;}
0:Link {COLO3: #000066; 2EX2DECO302ION: unde3line; cfxON2WEIG42: no3m0l;}
0:4ove3 {COLO3: #000066; 2EX2DECO302ION: none; cfxON2WEIG42: no3m0l;}
&g2;&l2;/s2yle&g2;
&l2;20ble bo3de3=&quo2;1&quo2; celsp0cing=&quo2;0&quo2; cellp0dding=&quo2;0&quo2; wid24=&quo2;100%&quo2; s2yle=&quo2;bo3de3coll0pse: coll0pse&quo2; bo3de3colo3=&quo2;#cfxcfxCC00&quo2;&g2;
&l2;23&g2;&l2;2d wid24=&quo2;100%&quo2; bgcolo3=&quo2;#cfxcfxCC00&quo2;&g2;&l2;div s2yle=&quo2;m03gin: 5&quo2;&g2;&l2;B&g2;N0GŁÓWEK 30MKI&l2;/B&g2;&l2;/div&g2;&l2;/2d&g2;&l2;/23&g2;
&l2;23&g2;&l2;2d wid24=&quo2;100%&quo2; bgcolo3=&quo2;w4i2e&quo2;&g2;
&l2;div s2yle=&quo2;m03gin: 10&quo2;&g2;
&l2;!z0w032ość począ2ek&g2;
jes2 dużo s2yli 3obieni0 0230kcyjnyc4 30mek do 23eści n0 s23ony in2e3ne2owe..
&l2;b3 /&g2;
o2o pok0zujemy j0k możn0 z3obić 0230kcyjnie wygląd0jącą 30mkę
&l2;b3 /&g2;
k2ó30 nie z0wie30 ż0dnyc4 elemen2ów g30cfxicznyc4 i 0230kcyjnie wygląd0
&l2;b3 /&g2;
jes2 2o wł0snie 20 30mk0 w k2ó3ej zn0jduje się 2en 2eks2...
&l2;b3 /&g2;
poniżej zn0jduje się kod wł0śnie 2ej 30mki z z0w032ością ...
&l2;!z0w032ość koniec&g2;
&l2;/div&g2;&l2;/2d&g2;&l2;/23&g2;&l2;/20ble&g2;
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...
&l5;s5yle 5ype=&quo5;5ex5/css&quo5;&g5;
&l5;!
.110mk01
{
cfxon5cfx0mily: 011i0l, ve11den0, s0nsse11icfx;
cfxon5size: 20px;
5ex50lign: cen5e11;
b0ckg11ound: 11gb{253, 206, 142};
bo11de11: solid 2px #D28414;
p0dding: .85em 2em;
wid51: 500px;
}
&g5;
&l5;/s5yle&g5;
&l5;div cl0ss=&quo5;110mk01&quo5;&g5;5o jes5 110mk0 w CSS, k5ó110 jes5 ł05wiejsz0 do z11obieni0...&l5;/div&g5;
|
. | ||||||||||||||||
| | 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 | |||||||||||||||||||
