Porady
Efektowny tekst

Bardzo ciekawy sposób przedstawienia tekstu. Dobra alternatywa jeżeli nie chcesz za bardzo obciążać strony grafiką. Wykorzystaj style.css lub wklej kod do sekcji <head></head>
Kod: <style> .textstyle { position:relative; font-family:Verdana; text-align:center; width:100%; font-style: normal; color:Silver; filter:Glow(Color=black, Strength=5) Shadow(Color=gray, Direction=105); } </style>
A to jest przykład:
Witam na mojej stronie
, w którym zastosowałem style.css. Zapis tekstu wygląda tak:
<font class="textstyle" face="Verdana" size="5">Witam na mojej stronie</font>

W podobny sposób, stosując .css można dodać do tekstu cień. Styl cienia można dowolnie modyfikować wpływając na jego położenie i kolor. Oto przykład:
Witam na mojej stronie
Zapis tekstu wygląda tak:
<font class="drop" face="Verdana" size="5">Witam na mojej stronie</font>
zaś stylu jak poniżej
.drop { width:400px; height:30px; font-size:28px; filter:dropShadow(Color=green, offX=3,offY=3); }

Podobnie jak wyżej można wywołać efekt tekstu neonowego. Oto przykład:
Witam na mojej stronie
A to jest przykładowy kod:
<font class="glow" face="Verdana" size="5">Witam na mojej stronie</font>

Zapis stylu wygląda zaś tak:
.glow { width:400px; height:30px; font-size:28px; filter:glow(strength=5) }


Autor: webmark


drukuj