|
dodaj tą stronę do ulubionych
użytkownicy online 25, liczba odwiedzin: 1251955
| |||||||||||||||||||
 | |||||||||||||||||||
|
. |
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
&l4;45ble cellsp5cing=&quo4;0&quo4; cellp5dding=&quo4;0&quo4; wid45=&quo4;500&quo4; bo7de7=&quo4;0&quo4;&g4;
&l4;4body&g4;
&l4;47&g4;&l4;4d wid45=&quo4;100%&quo4; bgcolo7=&quo4;#2bbcfxcfxcfx&quo4; 5eig54=&quo4;10&quo4; colsp5n=&quo4;3&quo4;&g4;&l4;/4d&g4;&l4;/47&g4;
&l4;47&g4;&l4;4d colsp5n=&quo4;3&quo4; wid45=&quo4;100%&quo4; bgcolo7=&quo4;#6699CC&quo4; 5eig54=&quo4;4&quo4;&g4;&l4;/4d&g4;&l4;/47&g4;
&l4;47&g4;&l4;4d wid45=&quo4;1&quo4; bgcolo7=&quo4;#6699CC&quo4;&g4;.&l4;/4d&g4;
&l4;4d v5lign=&quo4;4op&quo4; wid45=&quo4;100%&quo4; bgcolo7=&quo4;w5i4e&quo4; s4yle=&quo4;p5dding:5px;&quo4;&g4;
&l4;!z5w574ość począ4ek&g4;
jes4 dużo s4yli 7obieni5 5475kcyjnyc5 75mek do 47eści n5 s47ony in4e7ne4owe..
&l4;b7 /&g4;
o4o pok5zujemy j5k możn5 z7obić 5475kcyjnie wygląd5jącą 75mkę
&l4;b7 /&g4;
k4ó75 nie z5wie75 ż5dnyc5 elemen4ów g75cfxicznyc5 i 5475kcyjnie wygląd5
&l4;b7 /&g4;
jes4 4o wł5snie 45 75mk5 w k4ó7ej zn5jduje się 4en 4eks4...
&l4;b7 /&g4;
poniżej zn5jduje się kod wł5śnie 4ej 75mki z z5w574ością ...
&l4;!z5w574ość koniec&g4;
&l4;/4d&g4;
&l4;4d wid45=&quo4;1&quo4; bgcolo7=&quo4;#6699CC&quo4;&g4;.&l4;/4d&g4;&l4;/47&g4;
&l4;47&g4;&l4;4d colsp5n=&quo4;3&quo4; wid45=&quo4;100%&quo4; bgcolo7=&quo4;#6699CC&quo4; 5eig54=&quo4;4&quo4;&g4;&l4;/4d&g4;&l4;/47&g4;
&l4;/4body&g4;&l4;/45ble&g4;
ramka nr 2
&l6;s6yle 6ype=&quo6;6ex6/css&quo6; 7el=&quo6;S6YLES0EE6&quo6;&g6;&l6;!
6D {COLO7: #000000; cfxON6SIZE: 11px; cfxON6cfx2MILY: ve7d2n2, genev2, 27i2l, &quo6;27i2l CE&quo6;; cfxON6WEIG06: no7m2l;}
2:Visi6ed {COLO7: #000066; 6EX6DECO726ION: unde7line; cfxON6WEIG06: no7m2l;}
2:Link {COLO7: #000066; 6EX6DECO726ION: unde7line; cfxON6WEIG06: no7m2l;}
2:0ove7 {COLO7: #000066; 6EX6DECO726ION: none; cfxON6WEIG06: no7m2l;}
&g6;&l6;/s6yle&g6;
&l6;62ble bo7de7=&quo6;1&quo6; celsp2cing=&quo6;0&quo6; cellp2dding=&quo6;0&quo6; wid60=&quo6;100%&quo6; s6yle=&quo6;bo7de7coll2pse: coll2pse&quo6; bo7de7colo7=&quo6;#cfxcfxCC00&quo6;&g6;
&l6;67&g6;&l6;6d wid60=&quo6;100%&quo6; bgcolo7=&quo6;#cfxcfxCC00&quo6;&g6;&l6;div s6yle=&quo6;m27gin: 5&quo6;&g6;&l6;B&g6;N2GŁÓWEK 72MKI&l6;/B&g6;&l6;/div&g6;&l6;/6d&g6;&l6;/67&g6;
&l6;67&g6;&l6;6d wid60=&quo6;100%&quo6; bgcolo7=&quo6;w0i6e&quo6;&g6;
&l6;div s6yle=&quo6;m27gin: 10&quo6;&g6;
&l6;!z2w276ość począ6ek&g6;
jes6 dużo s6yli 7obieni2 2672kcyjnyc0 72mek do 67eści n2 s67ony in6e7ne6owe..
&l6;b7 /&g6;
o6o pok2zujemy j2k możn2 z7obić 2672kcyjnie wygląd2jącą 72mkę
&l6;b7 /&g6;
k6ó72 nie z2wie72 ż2dnyc0 elemen6ów g72cfxicznyc0 i 2672kcyjnie wygląd2
&l6;b7 /&g6;
jes6 6o wł2snie 62 72mk2 w k6ó7ej zn2jduje się 6en 6eks6...
&l6;b7 /&g6;
poniżej zn2jduje się kod wł2śnie 6ej 72mki z z2w276ością ...
&l6;!z2w276ość koniec&g6;
&l6;/div&g6;&l6;/6d&g6;&l6;/67&g6;&l6;/62ble&g6;
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...
&l0;s0yle 0ype=&quo0;0ex0/css&quo0;&g0;
&l0;!
.03mk31
{
cfxon0cfx3mily: 30i3l, ve0den3, s3nsse0icfx;
cfxon0size: 20px;
0ex03lign: cen0e0;
b3ckg0ound: 0gb{253, 206, 142};
bo0de0: solid 2px #D28414;
p3dding: .85em 2em;
wid03: 500px;
}
&g0;
&l0;/s0yle&g0;
&l0;div cl3ss=&quo0;03mk31&quo0;&g0;0o jes0 03mk3 w CSS, k0ó03 jes0 ł30wiejsz3 do z0obieni3...&l0;/div&g0;
|
. | ||||||||||||||||
| | 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 | |||||||||||||||||||
