2017. 11. 20.Képes project szövegdoboz 32.
2017. 11. 18.Videó beágyazása Coppermine galériába 2.0
2017. 11. 16.Coppermine themes
2017. 11. 16.WordPress themes
2017. 11. 15.Új design a LindaDesign-on
png-keszites.flv

PNG kép készítése

demi-lovato.png

Sosugary Gallery themes

lindadesign-fantasy.png

Coppermine Gallery themes

vanessa-marano.png

G-Portál themes

Oldal tetejére nyíl a jobb alsó sarokban

Demo látható csak kicsit görgess lefelé.


Egy praktikus kis javascript ahhoz, hogy hamar visszajuss az oldal tetejére :) Ahogy görgetsz lefelé, a böngésző jobb alsó sarkában láthatsz egy nyilacskát, amit természetesen én készítettem Photoshop-pal. Mert az eredeti nem tetszett. Szóval, ha meg van a nyilacska, kattints rá és már is visszavisz a script a lap tetejére :)
Az eredeti kód itt található:
http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm


Kettő darab .js fájlból áll a script és a nyílból, amihez használhatod az enyémet, vagy készíthetsz magadnak másikat is.
A két .js fájlt mentsd le, töltsd fel a tárhelyedre. Az URL címeket pedig cseréld le a kódomban.
HTML-PHP oldalon a kódot a <head> részbe kell illeszteni
G-Portálon a .js fájlokat a Médiatárba töltsd fel. A kódot pedig oldalad jobb vagy bal oldalába tedd, de teheted a Szerkeszthető fejléc vagy lábléc modulba is.
 

A .js fájlok letöltése
oldal-tetejere-nyil-1.js
oldal-tetejere-nyil-2.js


Javascript kód
 

<script type="text/javascript" src="/js/oldal-tetejere-nyil-1.js"></script>
<script type="text/javascript" src="/js/oldal-tetejere-nyil-2.js"></script>


A nyíl kicserélése
A második .js scriptben van egy kódsor. Csináld meg a nyiladat vagy keress egyet a neten. Töltsd fel a tárhelyedre és az URL címét cseréld ki a 2. js fájl-ban található sorban az én nyilam URL címével. A 12. sorban találod a kódsort. A nyíl szélességét és magasságát is meg kell adnod a kódban ugyanabban a sorban.
 

kattints a képre a teljes mérethez


Ez az a kódsor egyébként, ahol ki kell cserélned a nyilat, ha az enyém nem felelne meg:
 

controlHTML: '<img src="/images/scripts/oldal-tetejere/002.png" style="width:127px; height:119px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"


1 030 megtekintés

Hozzászólások