css kodok & HTml kodok a hotdogra és más weblapokra is !

weblap Fejlesztés csak a hotdogon !!

Back to top widget - Vissza a tetejére widget




Ez a widget elhelyez egy kis nyilat (vagy amilyen képet akarsz) a monitor jobb alsó sarkában. Rákattintva visszaugrik a blog elejére, a fejléchez. Nem kell görgetnük tehát, hogy visszajussunk. Ez különösen hosszú, törés nélküli cikkeket tartalmazó oldalaknál előnyös.
DEMO itt.


  1. Az egyik lehetőség, hogy elhelyezd: 

    Irányítópult -> Tervezés -> Oldalelemek -> Modul hozzáadása az oldalsávhoz -> HTML/Javascript modul 
    Címet ne adj, a tartalom részébe pedig másold be ezt a kódot: 
    <style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://1.bp.blogspot.com/_u4gySN2ZgqE/SukYqBahTkI/AAAAAAAABCc/QVxl3cG5_90/s400/back-to-top.gif" /></a></div>
    Mentés
    Ezután húzd a modult legalulra, hisz üresnek fog látszani, de mégis látszik az oldalsávban, majd Mentsd el a változtatást. A piros rész a képecske URL címe. Ehelyett bármilyen más képet is betehetsz, pl. a Picasába feltöltve.

  2. Elegánsabb módszer, ha egyenesen beleteszed a kódba. Ezt így csináld: 

    Irányítópult -> Tervezés -> HTML-kód szerkesztése ->Vezérlősablonok kibontása
    Ctrl+f
    A keresőbe írd be: ]]></b:skin>
    Ez ELÉ szúrd be 
    .backtotop a:hover {background:none;}

    Ezután két sorral lejjebb a <body> mögött találsz ilyet:
    <div id='outer-wrapper'>

    vagy

    <div id='wrap'>

    stb.
    Attól függ, hogy milyen sablonod van.
    Közvetlenül UTÁNA szúrd be ezt a kódot:
    <div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://1.bp.blogspot.com/_u4gySN2ZgqE/SukYqBahTkI/AAAAAAAABCc/QVxl3cG5_90/s400/back-to-top.gif" /></a></div>

    Mentés



Weblap látogatottság számláló:

Mai: 6
Tegnapi: 18
Heti: 38
Havi: 302
Össz.: 79 135

Látogatottság növelés
Oldal: Back to top widget - Vissza a tetejére widget
css kodok & HTml kodok a hotdogra és más weblapokra is ! - © 2008 - 2024 - csskodok.hupont.hu

Az ingyenes honlapkészítés azt jelenti, hogy Ön készíti el a honlapját! Ingyen adjunk: Ingyen Honlap!

ÁSZF | Adatvédelmi Nyilatkozat

X

A honlap készítés ára 78 500 helyett MOST 0 (nulla) Ft! Tovább »