   | |
| A fórum moderátora: KovJonas |
| uCoz közösség » Webmester-részleg » A honlap külalakjának testreszabása » "A lap tetejére" gomb |
| "A lap tetejére" gomb |
Hogyan lehet egy "a lap tetejére" gombot beilleszteni a weboldalamra (mint itt a Fórumon)?
Tudom, nem olyan fontos, de mégis, érdekel 
|
Idézet (bigblog) Hogyan lehet egy "a lap tetejére" gombot beilleszteni a weboldalamra (mint itt a Fórumon)? Tudom, nem olyan fontos, de mégis, érdekel SZia. Egyszerűen a következő kódot másold be a vezérlőpult/külalak szerkesztés/a honlap alsó része-be: Kód <div id="navigation_up_down_87260"><noscript>Javascript is disable - <a href="http://www.webestools.com/">Webestools</a> - <a href="http://www.webestools.com/navigation-buttons-generator-scroll-top-bottom-shortcut-page-up-down-scroll-buttons-javascript.html">Navigation Buttons Generator html scroll up down</a></noscript><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/2-87260-right.js"></script></div> Én ezt használom.Ez az oldal tetejére és aljára is navigál.
|
Hát kedves remus... Nem rossz ötlet, csak hát megpróbáltam a Dragonbiten és megnyomom a 'lefele' gombot és csak felfele fut...
Nem lehet valahogy eltűntetni a 'lefele' gombot? Amúgy a jQuery-s megoldás is jó... Hozzáadva (13.09.2013, 14:44) --------------------------------------------- Hát vmarci21 sajnos nem tudom, hova illesszem be ennek a kódját: http://mattvarone.com/web-design/uitotop-jquery-plugin/ Nekem ez tetszett a legjobban... |
bigblog, nem kell túlbonyolítani:
http://jsfiddle.net/mnQb6/42/ És a képet lecserélheted, és akkor már ugyan olyan mint a linkelten.... |
Bocsi, hogy megint fárasztalak, vmarci21, de még mindig nem tudom mit és hova kell elhelyezni...
Pontosabban el tudnád magyarázni? |
bigblog, http://htmliskola.uw.hu/ mondjuk a 16-os, és a 17-es leckét átnézhetnéd
|
Értem én! Nem azzal van a gond...
Ott kiírja, hogy HTML, CSS, JavaScript, meg az előnézet. De hova kell tenni mindegyiket. Nincs nagy gondom a HTML-lel, de azért átnézem... Hozzáadva (14.09.2013, 18:11) |
a gondom még mindig ugyan az.. ha frissítem a lap tetején állva az oldalt, a gomb megjelenik, pedig nem kellene..mi a bibi? itt a szkript:
Kód <a href="#" class="scrollup"><img src="http://getting-started.ucoz.hu/UP.png" border="0" align="right" alt="lap tetejére" title="lap tetejére" style="bottom:0px; right:20px; z-index:100; position:fixed; width:100px; height:100px; "/> <script type="text/javascript"> $(document).ready(function(){ $(window).scroll(function(){ if ($(this).scrollTop() > 400) { $('.scrollup').fadeIn(); } else { $('.scrollup').fadeOut(); } }); $('.scrollup').click(function(){ $("html, body").animate({ scrollTop: 0 }, 1500); return false; }); }); </script></a> Textador,Getting-Started Owner
|
Idézet (bigblog) Hát kedves remus... Nem rossz ötlet, csak hát megpróbáltam a Dragonbiten és megnyomom a 'lefele' gombot és csak felfele fut. A belépési oldalon és a főoldalon is fel van tűntetve,hogy az oldal mozilla böngészőre van optimalizálva. Bárki,bármilyen scriptet rak be,ellenőrizze más böngészőkkel is a működését,mert (javítsatok ki,ha tévedek) a ucoz rendszer mozillára van optimalizálva. Röviden: a script helyesen,csakis mozilla böngészővel műxik.
|
Idézet (remus) A belépési oldalon és a főoldalon is fel van tűntetve,hogy az oldal mozilla böngészőre van optimalizálva. Értem én... Csak hát nem csak Mozilla böngészővel szörfölnek az emberek a neten... de mindegy. Már találtam más megoldást  Hozzáadva (26.09.2013, 12:56) Hozzáadva (26.10.2013, 07:54) |
Sziasztok.
Az ezen a fórumon is megjelenő laptetejére gomb kódja: Kód <SCRIPT src="http://bambun.ru/css_js/strelka_exe.js" type="text/javascript" language="javascript"></SCRIPT> <a id="gotop" class="scrollTop" href="#" onclick="top.goTop(); return false;" style="text-align: justify;"><script src="http://xall-pc.ru/up.js" type="text/javascript"></script></a> <style type="text/css"> .scrollTop{ background:url(http://bambun.ru/images/up.png) 0 0 no-repeat; display:block; width:32px; height:32px; position:fixed; bottom:20px; right:1%; z-index:2000; } .scrollTop:hover{ background-position:0 -58px; } </style> Használjátok egészséggel.
|
remus, köszi, de az én szkriptem teljesen személyre szabható és 100%-osan működik!
http://ucoztaska.ucoz.hu/forum/30-38-1 |
| |||