2015. április 6., hétfő

Segítségek #6

Sziasztok! 

Bella Stewart kérésére hoztam pár link-effektet.  

Csak annyit kell tennetek, hogy az elrendezésnél a kódot beillesztitek a "HTML/JavaScriptHozzáadás" modulba.  
Itt vannak a kódok, többet is felhasználhattok egy blogra, de külön modulba rakjátok őket! 


Árnyék lesz a link mögött: 

<script type="text/css"> 
 A:link, A:visited, A:active {text-shadow: 0px 0px 0px #666;} 
A:hover { text-shadow: 1px 1px 10px #666;}
</script> 


Nagybetűs az összes link: 

<script type="text/css"> 
 A:link, A:visited, A:active {text-transform:uppercase;} 
</script> 


Kisbetűs linkből nagybetűs lesz ha ráviszed az egeret: 

<script type="text/css"> 
 A:link, A:visited, A:active {text-transform:lowercase;} 
A:hover { text-transform:uppercase;}
</script> 


Nagybetűs linkből kisbetűs lesz, ha ráviszed az egeret: 

<script type="text/css"> 
 A:link, A:visited, A:active {text-transform:uppercase;} 
A:hover {text-transform:lowercase;}
</script>


Pontozott vonal lesz a link alatt: 

<script type="text/css"> 
 A:link, A:visited, A:active {border-bottom:#666 dotted 2px;} 
A:hover { border-bottom:#666 dotted 2px;}
</script> 


Pontoz ott vonal lesz a link alatt, ha ráviszed az egeret: 

<script type="text/css"> 
 A:link, A:visited, A:active {border-bottom:#666 dotted 0px;} 
A:hover { border-bottom:#666 dotted 2px;}
</script> 



Megnő a link betűtípusa, ha ráviszed az egeret: 

<script type="text/css"> 
 A:link, A:visited, A:active {font-size: 12px;} 
A:hover { font-size: 16px;}
</script>



Remélem tudtam segíteni. :)


Nincsenek megjegyzések:

Megjegyzés küldése