Pismo kombinowane

Po kliknięciu nastąpi powrót do strony głównej skryptów.

       Pniższe przykłady pokazują, jak można umiejętnie żonglować stylami, aby uzyskać świetny efekt. Poniższe przykłady są bardzo łatwe do zamieszczenia i dostosowania do własnych potrzeb.



Czerwony napis z cieniem

Czerwony napis z cieniem




Literki na białych podkładach i z cieniem

Literki na białych podkładach i z cieniem

Literki na białych podkładach i z cieniem




Niebieskie literki na białym tle

Niebieskie literki na białym tle

Niebieskie literki na białym tle




Zielone literki na żółtym tle

Zielone literki na żółtym tle

Zielone literki na żółtym tle










Do zamieszczenia w ramach HEAD:

<style>
div { position:absolute; }
</style>


Do umieszczenia w dowolnym miejscu:

<div class=Example1>
<style>
.shade1 { top:+4; left:+4; color:black; }
.fill1 { top:0; left:0; color:red; }
</style>
<div class="shade1">
<center><h1>Czerwony napis z cieniem</h1></center>
</div>
<div class="fill1">
<center><h1>Czerwony napis z cieniem</h1></center>
</div>
</div>

Lub:

<style>
.light2 { top:-1; left:-2; color:white; }
.shade2 { top:+1; left:+2; color:black; }
.fill2 { top:0; left:0; color:silver; } </style>
<div class=Example2>
<div class="light2">
<center><h1>Literki na białych podkładach i z cieniem</h1></center>
</div>
<div class="shade2">
<center><h1>Literki na białych podkładach i z cieniem</h1></center>
</div>
<div class="fill2">
<center><h1>Literki na białych podkładach i z cieniem</h1></center>
</div>
</div>

Lub:

<style>
.light3 { top:-2; left:-2; color:white; }
.shade3 { top:+2; left:+2; color:lightblue; }
.fill3 { top:0; left:0; color:blue; } </style>
<div class=Example3>
<div class="light3">
<center><h1>Niebieskie literki na białym tle</h1></center>
</div>
<div class="shade3">
<center><h1>Niebieskie literki na białym tle</h1></center>
</div>
<div class="fill3">
<center><h1>Niebieskie literki na białym tle</h1></center>
</div>
</div>

Lub:

<style>
.light4 { top:-2; left:-2; color:yellow; }
.shade4 { top:+2; left:+2; color:yellow; }
.fill4 { top:0; left:0; color:darkgreen; } </style>
<div class=Example4>
<div class="light4">
<center><h1>Zielone literki na żółtym tle</h1></center>
</div>
<div class="shade4">
<center><h1>Zielone literki na żółtym tle</h1></center>
</div>
<div class="fill4">
<center><h1>Zielone literki na żółtym tle</h1></center>
</div>
</div>




Skrypt do pobrania:

Po kliknięciu nastąpi transfer archiwum z plikiem tekstowym ze skryptem