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

Fejléces menü készítése online

Kérésre hoztam egy online képlinkelős leírást. Így a fejléc linkeléséhez nem kell külön programot használnod :) Ez a leírás akkor jó, ha készítettél egy fejlécet valamilyen képszerkesztő programban és a fejlécre már a menücímek is rákerültek. Ezek után a fejlécet valahogyan be is kell linkelni ahhoz, hogy használni lehessen az oldalon. Ebben a lerásban nincs szükség semmiféle programra, csak erre a weboldalra:
http://imagemap-generator.dariodomi.de
Legelőször is fel kell itt tölteni a fejlécet erre az oldalra
Kattints az Upload Image-re

 

 

A következő oldalon látod a fejlécedet és alatta az üres mezőt.
Kék alapon látható a New area és a Clear all, amik jelentése:
New area: új menüpont létrehozása
Clear all: mindent töröl és kezdheted újra.
A legelső dolgod, hogy kattints az első menüpontra a képeden.
Mint láthatod bekerült az első kódrész a kódba. Eután a New area-ra kell kattintani egyet, azért mert így jutunk el a következő menüpontra.
Egyesével szépen kattints mindegyik menüpontodra külön-külön, de mindegyik menüpontra való kattintás után egyet a New area-ra is kattints. Ha ezzel készen vagy, akkor láthatod a már majdnem kész kódot.

 

 

Már csak ki kell tölteni benne a hiányzó részeket. De ez a kódban írva is van, hogy hova mi fog kerülni.
Tehát itt a kódom amit kimásoltam:

 

<img src="ide jön a képed url címe" alt="" usemap="#Map" />
<map name="Map" id="Map">
    <area alt="" title="" href="#" shape="rect" coords="53,11" />
    <area alt="" title="" href="#" shape="rect" coords="87,13" />
    <area alt="" title="" href="#" shape="rect" coords="123,11" />
    <area alt="" title="" href="#" shape="rect" coords="200,12" />
    <area alt="" title="" href="#" shape="rect" coords="273,14" />
    <area alt="" title="" href="#" shape="rect" coords="316,13" />
    <area alt="" title="" href="#" shape="rect" coords="351,11" />
    <area alt="" title="" href="#" shape="rect" coords="425,13" />
    <area alt="" title="" href="#" shape="rect" coords="515,14" />
    [...]
</map>

 

Kiemeltem, hogy hova mi fog kerülni.
A # helyére pedig a menüid linkcímei jönnek. A / (per jel) helyére pedig a menüpontok hivatkozásai kerülnek.

 

<img src="http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1403282843_67.png" alt="" usemap="#Map" />
<map name="Map" id="Map">
    <area alt="" title="" href="/" shape="rect" coords="53,11" />
    <area alt="" title="" href="/" shape="rect" coords="87,13" />
    <area alt="" title="" href="/" shape="rect" coords="123,11" />
    <area alt="" title="" href="/" shape="rect" coords="200,12" />
    <area alt="" title="" href="/" shape="rect" coords="273,14" />
    <area alt="" title="" href="/" shape="rect" coords="316,13" />
    <area alt="" title="" href="/" shape="rect" coords="351,11" />
    <area alt="" title="" href="/" shape="rect" coords="425,13" />
    <area alt="" title="" href="/" target="_blank" shape="rect" coords="515,14" />
    [...]
</map>

 

Ha új ablakban szeretnéd valamelyik menüpontot megnyitni, akkor a link után egy szóközzel elválasztva be kell írni ezt: target="blank"

A fejlécedet persze ne felejtsd el feltölteni egy képtárba vagy a tárhelyedre!

G-Portálra:
A teljesen kész kódot, amiben a fejléc URL címe és a menücímek is meg vannak már adva illeszd be portálod szerkeszthető fejlécébe. Okézd le a modult és máris készen van. Be lettek linkelve a menüpontok


1 862 megtekintés

Hozzászólások