Téglalap befelé effekt
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=0)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=0)">

Téglalap kifelé effekt
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=1)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=1)"> 
 
Függőleges kis téglalapok
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=10)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=10)">

Vízszintes kis téglalapok
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=11)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=11)">
 
Kör alakú lapozó effekt
<META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=3)>
<META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=3)>

Kör effekt befelé
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=2)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=2)"> 

Kör effekt kifelé
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=3)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=3)">
 
Vízszintes csíkozás
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=9)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=9)">
 
Blur effekt
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=12)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=12)">
 
Kör effekt, belülről lapoz kifelé
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=23)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=23)">
 
Fentről és lentről lapoz középre
e<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=15)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=15)">

Középről lapoz le és fel
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=16)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=16)">

A két szélről lapoz középre
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=13)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=13)">

Középről lapoz a két szélre
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=14)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=14)">

Jobb fenti sarokból a bal alsó sarokba lapoz
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=17)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=17)">

Jobb lenti sarokból a bal felső sarokba lapoz
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=18)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=18)">

Bal fenti sarokból a jobb alsó sarokba lapoz
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=19)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=19)">

Bal alsó sarokból a jobb felső sarokba lapoz
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=20)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=20)">

Lentről felfelé lapoz
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=4)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=4)">

Fentről lefelé lapoz
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=5)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=5)">

Jobbról balra lapoz
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=7)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=4,Transition=7)">
 
Függőleges csíkozás
<META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=22)>
<META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=22)>

Áttűnés effekt
<meta http-equiv="Page-Enter" content="blendTrans(Duration=3.0)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=3.0)">

Áttűnés effekt II
<META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=6)>
<META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=6)>

Téglalap effekt
<META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=1)>
<META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=1)>

Függőleges radír effekt
<META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=5)>
<META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=5)>

Vízszintes radír effekt
<META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=6)>
<META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=6)>

Függőeleges redőny effekt
<META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=8)>
<META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=8)>

Vízszintes redőny effekt
<META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=9)>
<META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=9)>

Mozaik
<META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=11)>
<META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=11)>

Vidd az egeret a képre!
Válaszd ki a neked megfelelő kódot! ^^
Net explorerben mind működik!

Színes képből fekete-fehér linkelt kép esetén:


 

 

 

 

<style>a:hover img{filter:gray}</style><br />

 

Fekete-fehérből színes kép lesz egyszerű kép esetén:



 

 

 

 

 

<img src="IDE ÍRD A KÉP URL-jét!" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'"><br />

 

Linkelt kép negatív fekete-fehér lesz színes kép esetén: 

<style>a:hover img{filter:xray}</style><br />

Inverz kép

 

 

 

 

<img src="IDE ÍRD A KÉP URL CÍMÉT" border="0" style="filter:invert">

Domború hatású szürke kép:

 

 

 

 

<img src="IDE ÍRD A KÉP URL CÍMÉT

style="filter:progid:dximagetransform.microsoft.engrave">

Kép színes marad, csak fejjel lefelé lesz:

 

 

 

 

<img src="ÍRD IDE A KÉP URL CÍMÉT" border="0" style="filter:flipv">

A kódokat kipróbáltam, nálam működnek!
NET Explorerben tökéletesek!
Továbbá, ha linkelni szeretnéd őket, nyugodtan ;)

 

Kép torzítása:

 

 

 

 

<IMG style="FILTER: blur"
src="IDE ÍRD A KÉP URL CÍMÉT" border=0>

Kép halványítása:

 

 

 

 

<img src="IDE ÍRD A KÉP URL CÍMÉT" style="filter:alpha(opacity=50)">

Kép félhomályos lesz:

 

 

 

 

<img src="IDE ÍRD A KÉP URL CÍMÉT" style="Filter: Alpha(Opacity=100,

FinishOpacity=0,
Style=1, StartX=100, StartY=100, FinishX=0, FinishY=100)">

Kép maszatossá válik

 

 

 

 

<IMG SRC="IDE ÍRD A KÉP URL CÍMÉT" STYLE="filter:Blur(strength=100)">

 

Kép ovális lesz:

 

 

 

 

 

<img src="IDE ÍRD A KÉP URL CÍMÉT" style="Filter: Alpha(Opacity=100,

FinishOpacity=0,
Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)" align="left">

 

Torz kép, ha az egeret ráviszed, tiszta lesz:

<style type="text/css"> a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}</style>

Halvány képből éles lesz, ha az egeret ráviszed:
 

<style type="text/css">
.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}

</style>

<script type="text/javascript">

/***********************************************
* Gradual Highlight image script- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var baseopacity=30

function slowhigh(which2){
imgobj=which2
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
highlighting=setInterval("gradualfade(imgobj)",50)
}

function slowlow(which2){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}

</script>

<img class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)" src="IDE ÍRD A KÉPED URL-JÉT">

Thessa 2011.03.05. 19:51

alap kurzorok

Demo:

Vidd a szövegekre az egeret!

default
help
move
crosshair
text
n-resize
se-resize
ne-resize
s-resize
wait
progress
no-drop
pointer
row-resize
col-resize
vertical-text
 

 

Kódok:

Válaszd ki a neked megfelelő, tetsző kurzornak a kódját! ^^

default:

<STYLE>A:hover { cursor:default; }</STYLE>

help:

<STYLE>A:hover { cursor:help; }</STYLE>

move:

<STYLE>A:hover { cursor:move; }</STYLE>

crosshair:

<STYLE>A:hover { cursor:crosshair; }</STYLE>

text:

<STYLE>A:hover { cursor:text; }</STYLE>

n-resize:

<STYLE>A:hover { cursor:n-resize; }</STYLE>

se-resize:

<STYLE>A:hover { cursor:se-resize; }</STYLE>

ne-resize:

<STYLE>A:hover { cursor:ne-resize; }</STYLE>

s-resize:

<STYLE>A:hover { cursor:s-resize; }</STYLE>

wait:

<STYLE>A:hover { cursor:wait; }</STYLE>

progress:

<STYLE>A:hover { cursor:progress; }</STYLE>

no-drop:

<STYLE>A:hover { cursor:no-drop; }</STYLE>

pointer:

<STYLE>A:hover { cursor:pointer; }</STYLE>

row-resize:

<STYLE>A:hover { cursor:row-resize; }</STYLE>

col-resize:

<STYLE>A:hover { cursor:col-resize; }</STYLE>

vertical-text:

<STYLE>A:hover { cursor:vertical-text; }</STYLE>

Thessa 2011.02.19. 18:13

effektek

Amit az effektekről tudni kell:

  • HTML dobozba helyezendők
  • az egész oldaladra vonatkoznak
  • bármikor törölhetők

Mindegyik menüben megtalálod a kódok magyarázatát, és helyenként egyes, kiegészítő segédleteket is annak érdekében, hogy saját magad, szabadon alakíthasd kódodat! ^^

 

Linkeffektek 

Félkövér, Dőlt, Aláhúzott, Áthúzott linkeffektek (9db)
Nagy-, és kisbetűs linkeffektek (2db)
Betűtípus és betűköz váltó linkeffektek (2db)
Szövegváltó, és tükör linkeffektek (2db)
Link hátterét megváltoztató linkeffektek (1db)
Csíkos effektek
Pöttyös effektek
Keretes effektek

 

Képeffektek

 Fekete-fehér; színes képeffektek (6db)
Torzító/homályosító/világosító/élesítő képeffektek (7db)

 

Kurzoreffektek

  alap kurzorok (16db)

 

Lapozóeffektek 

 általános lapozóeffektek (30db)

süti beállítások módosítása