2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
Coppermine Gallery themes

Coppermine Gallery themes
80 napja
111 néző

WordPress themes

WordPress themes
81 napja
114 néző

G-Portál themes

G-Portál themes
81 napja
67 néző

Tumblr themes

Tumblr themes
81 napja
101 néző

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 211 megtekintés

Hozzászólások