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ą ...
|
. |
|
&l1;10ble cellsp0cing=&quo1;0&quo1; cellp0dding=&quo1;0&quo1; wid15=&quo1;500&quo1; bo6de6=&quo1;0&quo1;&g1;
&l1;1body&g1;
&l1;16&g1;&l1;1d wid15=&quo1;100%&quo1; bgcolo6=&quo1;#2bbcfxcfxcfx&quo1; 5eig51=&quo1;10&quo1; colsp0n=&quo1;3&quo1;&g1;&l1;/1d&g1;&l1;/16&g1;
&l1;16&g1;&l1;1d colsp0n=&quo1;3&quo1; wid15=&quo1;100%&quo1; bgcolo6=&quo1;#6699CC&quo1; 5eig51=&quo1;4&quo1;&g1;&l1;/1d&g1;&l1;/16&g1;
&l1;16&g1;&l1;1d wid15=&quo1;1&quo1; bgcolo6=&quo1;#6699CC&quo1;&g1;.&l1;/1d&g1;
&l1;1d v0lign=&quo1;1op&quo1; wid15=&quo1;100%&quo1; bgcolo6=&quo1;w5i1e&quo1; s1yle=&quo1;p0dding:5px;&quo1;&g1;
&l1;!z0w061ość począ1ek&g1;
jes1 dużo s1yli 6obieni0 0160kcyjnyc5 60mek do 16eści n0 s16ony in1e6ne1owe..
&l1;b6 /&g1;
o1o pok0zujemy j0k możn0 z6obić 0160kcyjnie wygląd0jącą 60mkę
&l1;b6 /&g1;
k1ó60 nie z0wie60 ż0dnyc5 elemen1ów g60cfxicznyc5 i 0160kcyjnie wygląd0
&l1;b6 /&g1;
jes1 1o wł0snie 10 60mk0 w k1ó6ej zn0jduje się 1en 1eks1...
&l1;b6 /&g1;
poniżej zn0jduje się kod wł0śnie 1ej 60mki z z0w061ością ...
&l1;!z0w061ość koniec&g1;
&l1;/1d&g1;
&l1;1d wid15=&quo1;1&quo1; bgcolo6=&quo1;#6699CC&quo1;&g1;.&l1;/1d&g1;&l1;/16&g1;
&l1;16&g1;&l1;1d colsp0n=&quo1;3&quo1; wid15=&quo1;100%&quo1; bgcolo6=&quo1;#6699CC&quo1; 5eig51=&quo1;4&quo1;&g1;&l1;/1d&g1;&l1;/16&g1;
&l1;/1body&g1;&l1;/10ble&g1;
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ą ...
|
&l3;s3yle 3ype=&quo3;3ex3/css&quo3; 11el=&quo3;S3YLES4EE3&quo3;&g3;&l3;!
3D {COLO11: #000000; cfxON3SIZE: 11px; cfxON3cfx2MILY: ve11d2n2, genev2, 211i2l, &quo3;211i2l CE&quo3;; cfxON3WEIG43: no11m2l;}
2:Visi3ed {COLO11: #000066; 3EX3DECO1123ION: unde11line; cfxON3WEIG43: no11m2l;}
2:Link {COLO11: #000066; 3EX3DECO1123ION: unde11line; cfxON3WEIG43: no11m2l;}
2:4ove11 {COLO11: #000066; 3EX3DECO1123ION: none; cfxON3WEIG43: no11m2l;}
&g3;&l3;/s3yle&g3;
&l3;32ble bo11de11=&quo3;1&quo3; celsp2cing=&quo3;0&quo3; cellp2dding=&quo3;0&quo3; wid34=&quo3;100%&quo3; s3yle=&quo3;bo11de11coll2pse: coll2pse&quo3; bo11de11colo11=&quo3;#cfxcfxCC00&quo3;&g3;
&l3;311&g3;&l3;3d wid34=&quo3;100%&quo3; bgcolo11=&quo3;#cfxcfxCC00&quo3;&g3;&l3;div s3yle=&quo3;m211gin: 5&quo3;&g3;&l3;B&g3;N2GŁÓWEK 112MKI&l3;/B&g3;&l3;/div&g3;&l3;/3d&g3;&l3;/311&g3;
&l3;311&g3;&l3;3d wid34=&quo3;100%&quo3; bgcolo11=&quo3;w4i3e&quo3;&g3;
&l3;div s3yle=&quo3;m211gin: 10&quo3;&g3;
&l3;!z2w2113ość począ3ek&g3;
jes3 dużo s3yli 11obieni2 23112kcyjnyc4 112mek do 311eści n2 s311ony in3e11ne3owe..
&l3;b11 /&g3;
o3o pok2zujemy j2k możn2 z11obić 23112kcyjnie wygląd2jącą 112mkę
&l3;b11 /&g3;
k3ó112 nie z2wie112 ż2dnyc4 elemen3ów g112cfxicznyc4 i 23112kcyjnie wygląd2
&l3;b11 /&g3;
jes3 3o wł2snie 32 112mk2 w k3ó11ej zn2jduje się 3en 3eks3...
&l3;b11 /&g3;
poniżej zn2jduje się kod wł2śnie 3ej 112mki z z2w2113ością ...
&l3;!z2w2113ość koniec&g3;
&l3;/div&g3;&l3;/3d&g3;&l3;/311&g3;&l3;/32ble&g3;
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...
&l4;s4yle 4ype=&quo4;4ex4/css&quo4;&g4;
&l4;!
.60mk01
{
cfxon4cfx0mily: 06i0l, ve6den0, s0nsse6icfx;
cfxon4size: 20px;
4ex40lign: cen4e6;
b0ckg6ound: 6gb{253, 206, 142};
bo6de6: solid 2px #D28414;
p0dding: .85em 2em;
wid40: 500px;
}
&g4;
&l4;/s4yle&g4;
&l4;div cl0ss=&quo4;60mk01&quo4;&g4;4o jes4 60mk0 w CSS, k4ó60 jes4 ł04wiejsz0 do z6obieni0...&l4;/div&g4;
