       
|
|
|
Witaj na szabloniki.com!
Na naszej stronie znajdziesz: dodatki na bloga, darmowe szablony stron, szablony na bloga, PHP-Fusion Themes (szablony do PHP-Fusion), generator bannerów, wskaznik PageRank strony, skrypty, avatary, tutoriale do Photoshopa, tla pod bannery, tanie szablony za SMS. |
|
|
dodatki, skrypty, generatory |
|
| |
 
|
Zaokgąglone rogi w CSS |
Istnieje wiele generatorów, które wykonają całą czarną robotę za nas. Jednym z niewielu jest ten.
Jak się nim posługiwać?
Outer Background Color - jest to kolor, który będzie się wyświetlał wokół zaokrąglonych rogów
Inner Background Color - tło w środku
Border Color - kolor obramowania
Text Color - kolor tekstu
Efekt jaki mi się udało uzyskać:
Kod CSS:
#rnd_container {background: #9AAD1E; margin:1px;}
.rnd_top, .rnd_bottom {display:block; background:#9AAD1E; font-size:1px;}
.rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
.rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
.rnd_b2, .rnd_b3, .rnd_b4 {background:#EDEDED; border-left:1px solid #5D671B; border-right:1px solid #5D671B;}
.rnd_b1 {margin:0 5px; background:#5D671B;}
.rnd_b2 {margin:0 3px; border-width:0 2px;}
.rnd_b3 {margin:0 2px;}
.rnd_b4 {height:2px; margin:0 1px;}
.rnd_content {
display:block;
border:0 solid #5D671B;
border-width:0 1px;
padding: 4px;
background:#EDEDED;
color:#4D5336;
}
Kod HTML:
<div id="rnd_container"><b class="rnd_top"><b class="rnd_b1"></b><b class="rnd_b2"></b><b class="rnd_b3"></b><b class="rnd_b4"></b></b><div class="rnd_content">Miejsce na tekst.</div><b class="rnd_bottom"><b class="rnd_b4"></b><b class="rnd_b3"></b><b class="rnd_b2"></b><b class="rnd_b1"></b></b></div>
|
Dodane przez sliffka
dnia wrzesień 03 2008 11:48:50
6900 Czytań ·
|
|
|
|
n
