|
dodaj tą stronę do ulubionych
użytkownicy online 28, liczba odwiedzin: 1251924
| |||||||||||||||||||
 | |||||||||||||||||||
|
. |
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;65ble cellsp5cing=&quo6;0&quo6; cellp5dding=&quo6;0&quo6; wid62=&quo6;500&quo6; bo10de10=&quo6;0&quo6;&g6;
&l6;6body&g6;
&l6;610&g6;&l6;6d wid62=&quo6;100%&quo6; bgcolo10=&quo6;#2bbcfxcfxcfx&quo6; 2eig26=&quo6;10&quo6; colsp5n=&quo6;3&quo6;&g6;&l6;/6d&g6;&l6;/610&g6;
&l6;610&g6;&l6;6d colsp5n=&quo6;3&quo6; wid62=&quo6;100%&quo6; bgcolo10=&quo6;#6699CC&quo6; 2eig26=&quo6;4&quo6;&g6;&l6;/6d&g6;&l6;/610&g6;
&l6;610&g6;&l6;6d wid62=&quo6;1&quo6; bgcolo10=&quo6;#6699CC&quo6;&g6;.&l6;/6d&g6;
&l6;6d v5lign=&quo6;6op&quo6; wid62=&quo6;100%&quo6; bgcolo10=&quo6;w2i6e&quo6; s6yle=&quo6;p5dding:5px;&quo6;&g6;
&l6;!z5w5106ość począ6ek&g6;
jes6 dużo s6yli 10obieni5 56105kcyjnyc2 105mek do 610eści n5 s610ony in6e10ne6owe..
&l6;b10 /&g6;
o6o pok5zujemy j5k możn5 z10obić 56105kcyjnie wygląd5jącą 105mkę
&l6;b10 /&g6;
k6ó105 nie z5wie105 ż5dnyc2 elemen6ów g105cfxicznyc2 i 56105kcyjnie wygląd5
&l6;b10 /&g6;
jes6 6o wł5snie 65 105mk5 w k6ó10ej zn5jduje się 6en 6eks6...
&l6;b10 /&g6;
poniżej zn5jduje się kod wł5śnie 6ej 105mki z z5w5106ością ...
&l6;!z5w5106ość koniec&g6;
&l6;/6d&g6;
&l6;6d wid62=&quo6;1&quo6; bgcolo10=&quo6;#6699CC&quo6;&g6;.&l6;/6d&g6;&l6;/610&g6;
&l6;610&g6;&l6;6d colsp5n=&quo6;3&quo6; wid62=&quo6;100%&quo6; bgcolo10=&quo6;#6699CC&quo6; 2eig26=&quo6;4&quo6;&g6;&l6;/6d&g6;&l6;/610&g6;
&l6;/6body&g6;&l6;/65ble&g6;
ramka nr 2
&l1;s1yle 1ype=&quo1;1ex1/css&quo1; 11el=&quo1;S1YLES0EE1&quo1;&g1;&l1;!
1D {COLO11: #000000; cfxON1SIZE: 11px; cfxON1cfx4MILY: ve11d4n4, genev4, 411i4l, &quo1;411i4l CE&quo1;; cfxON1WEIG01: no11m4l;}
4:Visi1ed {COLO11: #000066; 1EX1DECO1141ION: unde11line; cfxON1WEIG01: no11m4l;}
4:Link {COLO11: #000066; 1EX1DECO1141ION: unde11line; cfxON1WEIG01: no11m4l;}
4:0ove11 {COLO11: #000066; 1EX1DECO1141ION: none; cfxON1WEIG01: no11m4l;}
&g1;&l1;/s1yle&g1;
&l1;14ble bo11de11=&quo1;1&quo1; celsp4cing=&quo1;0&quo1; cellp4dding=&quo1;0&quo1; wid10=&quo1;100%&quo1; s1yle=&quo1;bo11de11coll4pse: coll4pse&quo1; bo11de11colo11=&quo1;#cfxcfxCC00&quo1;&g1;
&l1;111&g1;&l1;1d wid10=&quo1;100%&quo1; bgcolo11=&quo1;#cfxcfxCC00&quo1;&g1;&l1;div s1yle=&quo1;m411gin: 5&quo1;&g1;&l1;B&g1;N4GŁÓWEK 114MKI&l1;/B&g1;&l1;/div&g1;&l1;/1d&g1;&l1;/111&g1;
&l1;111&g1;&l1;1d wid10=&quo1;100%&quo1; bgcolo11=&quo1;w0i1e&quo1;&g1;
&l1;div s1yle=&quo1;m411gin: 10&quo1;&g1;
&l1;!z4w4111ość począ1ek&g1;
jes1 dużo s1yli 11obieni4 41114kcyjnyc0 114mek do 111eści n4 s111ony in1e11ne1owe..
&l1;b11 /&g1;
o1o pok4zujemy j4k możn4 z11obić 41114kcyjnie wygląd4jącą 114mkę
&l1;b11 /&g1;
k1ó114 nie z4wie114 ż4dnyc0 elemen1ów g114cfxicznyc0 i 41114kcyjnie wygląd4
&l1;b11 /&g1;
jes1 1o wł4snie 14 114mk4 w k1ó11ej zn4jduje się 1en 1eks1...
&l1;b11 /&g1;
poniżej zn4jduje się kod wł4śnie 1ej 114mki z z4w4111ością ...
&l1;!z4w4111ość koniec&g1;
&l1;/div&g1;&l1;/1d&g1;&l1;/111&g1;&l1;/14ble&g1;
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...
&l3;s3yle 3ype=&quo3;3ex3/css&quo3;&g3;
&l3;!
.84mk41
{
cfxon3cfx4mily: 48i4l, ve8den4, s4nsse8icfx;
cfxon3size: 20px;
3ex34lign: cen3e8;
b4ckg8ound: 8gb{253, 206, 142};
bo8de8: solid 2px #D28414;
p4dding: .85em 2em;
wid35: 500px;
}
&g3;
&l3;/s3yle&g3;
&l3;div cl4ss=&quo3;84mk41&quo3;&g3;3o jes3 84mk4 w CSS, k3ó84 jes3 ł43wiejsz4 do z8obieni4...&l3;/div&g3;
|
. | ||||||||||||||||
| | 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 | |||||||||||||||||||
