ramka nr 1
|
|
| . |
jest dużo styli robienia atrakcyjnych ramek do treści na strony internetowe..
specjalnie dla Państwa pokazujemy jak można zrobić atrakcyjnie wyglądającą ramkę
która nie zawiera żadnych elementów graficznych i atrakcyjnie wygląda
jest to własnie ta ramka w której znajduje się ten tekst...
poniżej znajduje się kod właśnie tej ramki z zawartością ...
|
. |
|
&l3;32ble cellsp2cing=&quo3;0&quo3; cellp2dding=&quo3;0&quo3; wid34=&quo3;500&quo3; bo5de5=&quo3;0&quo3;&g3;
&l3;3body&g3;
&l3;35&g3;&l3;3d wid34=&quo3;100%&quo3; bgcolo5=&quo3;#2bbcfxcfxcfx&quo3; 4eig43=&quo3;10&quo3; colsp2n=&quo3;3&quo3;&g3;&l3;/3d&g3;&l3;/35&g3;
&l3;35&g3;&l3;3d colsp2n=&quo3;3&quo3; wid34=&quo3;100%&quo3; bgcolo5=&quo3;#6699CC&quo3; 4eig43=&quo3;4&quo3;&g3;&l3;/3d&g3;&l3;/35&g3;
&l3;35&g3;&l3;3d wid34=&quo3;1&quo3; bgcolo5=&quo3;#6699CC&quo3;&g3;.&l3;/3d&g3;
&l3;3d v2lign=&quo3;3op&quo3; wid34=&quo3;100%&quo3; bgcolo5=&quo3;w4i3e&quo3; s3yle=&quo3;p2dding:5px;&quo3;&g3;
&l3;!z2w253ość począ3ek&g3;
jes3 dużo s3yli 5obieni2 2352kcyjnyc4 52mek do 35eści n2 s35ony in3e5ne3owe..
&l3;b5 /&g3;
o3o pok2zujemy j2k możn2 z5obić 2352kcyjnie wygląd2jącą 52mkę
&l3;b5 /&g3;
k3ó52 nie z2wie52 ż2dnyc4 elemen3ów g52cfxicznyc4 i 2352kcyjnie wygląd2
&l3;b5 /&g3;
jes3 3o wł2snie 32 52mk2 w k3ó5ej zn2jduje się 3en 3eks3...
&l3;b5 /&g3;
poniżej zn2jduje się kod wł2śnie 3ej 52mki z z2w253ością ...
&l3;!z2w253ość koniec&g3;
&l3;/3d&g3;
&l3;3d wid34=&quo3;1&quo3; bgcolo5=&quo3;#6699CC&quo3;&g3;.&l3;/3d&g3;&l3;/35&g3;
&l3;35&g3;&l3;3d colsp2n=&quo3;3&quo3; wid34=&quo3;100%&quo3; bgcolo5=&quo3;#6699CC&quo3; 4eig43=&quo3;4&quo3;&g3;&l3;/3d&g3;&l3;/35&g3;
&l3;/3body&g3;&l3;/32ble&g3;
ramka nr 2
NAGŁÓWEK RAMKI |
|
jest dużo styli robienia atrakcyjnych ramek do treści na strony internetowe..
oto pokazujemy jak można zrobić atrakcyjnie wyglądającą ramkę
która nie zawiera żadnych elementów graficznych i atrakcyjnie wygląda
jest to własnie ta ramka w której znajduje się ten tekst...
poniżej znajduje się kod właśnie tej ramki z zawartością ...
|
&l6;s6yle 6ype=&quo6;6ex6/css&quo6; 6el=&quo6;S6YLES0EE6&quo6;&g6;&l6;!
6D {COLO6: #000000; cfxON6SIZE: 11px; cfxON6cfx1MILY: ve6d1n1, genev1, 16i1l, &quo6;16i1l CE&quo6;; cfxON6WEIG06: no6m1l;}
1:Visi6ed {COLO6: #000066; 6EX6DECO616ION: unde6line; cfxON6WEIG06: no6m1l;}
1:Link {COLO6: #000066; 6EX6DECO616ION: unde6line; cfxON6WEIG06: no6m1l;}
1:0ove6 {COLO6: #000066; 6EX6DECO616ION: none; cfxON6WEIG06: no6m1l;}
&g6;&l6;/s6yle&g6;
&l6;61ble bo6de6=&quo6;1&quo6; celsp1cing=&quo6;0&quo6; cellp1dding=&quo6;0&quo6; wid60=&quo6;100%&quo6; s6yle=&quo6;bo6de6coll1pse: coll1pse&quo6; bo6de6colo6=&quo6;#cfxcfxCC00&quo6;&g6;
&l6;66&g6;&l6;6d wid60=&quo6;100%&quo6; bgcolo6=&quo6;#cfxcfxCC00&quo6;&g6;&l6;div s6yle=&quo6;m16gin: 5&quo6;&g6;&l6;B&g6;N1GŁÓWEK 61MKI&l6;/B&g6;&l6;/div&g6;&l6;/6d&g6;&l6;/66&g6;
&l6;66&g6;&l6;6d wid60=&quo6;100%&quo6; bgcolo6=&quo6;w0i6e&quo6;&g6;
&l6;div s6yle=&quo6;m16gin: 10&quo6;&g6;
&l6;!z1w166ość począ6ek&g6;
jes6 dużo s6yli 6obieni1 1661kcyjnyc0 61mek do 66eści n1 s66ony in6e6ne6owe..
&l6;b6 /&g6;
o6o pok1zujemy j1k możn1 z6obić 1661kcyjnie wygląd1jącą 61mkę
&l6;b6 /&g6;
k6ó61 nie z1wie61 ż1dnyc0 elemen6ów g61cfxicznyc0 i 1661kcyjnie wygląd1
&l6;b6 /&g6;
jes6 6o wł1snie 61 61mk1 w k6ó6ej zn1jduje się 6en 6eks6...
&l6;b6 /&g6;
poniżej zn1jduje się kod wł1śnie 6ej 61mki z z1w166ością ...
&l6;!z1w166ość koniec&g6;
&l6;/div&g6;&l6;/6d&g6;&l6;/66&g6;&l6;/61ble&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...
&l6;s6yle 6ype=&quo6;6ex6/css&quo6;&g6;
&l6;!
.41mk11
{
cfxon6cfx1mily: 14i1l, ve4den1, s1nsse4icfx;
cfxon6size: 20px;
6ex61lign: cen6e4;
b1ckg4ound: 4gb{253, 206, 142};
bo4de4: solid 2px #D28414;
p1dding: .85em 2em;
wid61: 500px;
}
&g6;
&l6;/s6yle&g6;
&l6;div cl1ss=&quo6;41mk11&quo6;&g6;6o jes6 41mk1 w CSS, k6ó41 jes6 ł16wiejsz1 do z4obieni1...&l6;/div&g6;
