Δημιουργία link πάνω στη φωτογραφία του template

Joomla! Templates

Συντονιστές: Super-Moderators, WebDev Moderators, PHP Moderators

Απάντηση
aguila21
Honorary Member
Δημοσιεύσεις: 3510
Εγγραφή: 30 Απρ 2003 21:44
Επικοινωνία:

Δημιουργία link πάνω στη φωτογραφία του template

Δημοσίευση από aguila21 » 27 Ιουν 2010 02:27

Υπάρχει τρόπος να ενεργοποιηθεί σε ένα σημείο της φωτογραφίας του template ένας σύνδεσμος;Αν δείτε στη σελίδα μου www.imaginas.gr στην κεντρική φωτογραφία εκεί που λέει "καλώς ήλθατε" κλπ θέλω να το κάνω ενεργό ώστε πατώντας εκεί να οδηγεί στην Gallery.Γίνεται αυτό;

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6224
Εγγραφή: 30 Νοέμ 2004 03:09

Δημιουργία link πάνω στη φωτογραφία του template

Δημοσίευση από fafos » 27 Ιουν 2010 04:30

me image map (efoson h photo den einai background):
http://www.maschek.hu/imagemap/imgmap

dose to link ths photo kai epelekse th perioxh pou thes na ginei link.. dineis to url, kaneis copy past ton kodika pou tha "gennhsei" kato apo thn fotografia...

aguila21
Honorary Member
Δημοσιεύσεις: 3510
Εγγραφή: 30 Απρ 2003 21:44
Επικοινωνία:

Δημιουργία link πάνω στη φωτογραφία του template

Δημοσίευση από aguila21 » 27 Ιουν 2010 09:02

Και σε ποιο σημείο βάζω τον κώδικα;

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Δημιουργία link πάνω στη φωτογραφία του template

Δημοσίευση από alou » 27 Ιουν 2010 09:33

Το imagemap δουλεύει κάπως έτσι

Κώδικας: Επιλογή όλων

<IMG SRC="path/i_eikonasou.gif" USEMAP="#toimagemap">
<map id="toimagemap"> 
<o kwdikas pou 8a sou bgalei to link pou sou edwse o fafos>
</map>
Η αν είναι στο φόντο, βάζεις ένα διαφανές gif 1X1 και το ορίζεις στο μέγεθος που θες και στη θέση που θες (π.χ. βάζοντάς το σε ένα absolut positioned div) και το κάνεις link..

aguila21
Honorary Member
Δημοσιεύσεις: 3510
Εγγραφή: 30 Απρ 2003 21:44
Επικοινωνία:

Δημιουργία link πάνω στη φωτογραφία του template

Δημοσίευση από aguila21 » 27 Ιουν 2010 10:24

Το αρχείο index.php έχει αυτό το σημείο όπου βρίσκεται η φωτογραφία

Κώδικας: Επιλογή όλων

    <?php &#125; else &#123; ?>

    <div class="spotlight"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/spotlight.jpg" border="0" alt=" " />

      <jdoc&#58;include type="modules" name="myspotlight"  style="xhtmlxtd" />

    </div>
Πώς θα συμπεριελάβω τον παρακάτω κώδικα;

Κώδικας: Επιλογή όλων

<map id="imgmap20106279958" name="imgmap20106279958"><area shape="rect" alt="Imaginas Gallery" title="" coords="731,157,909,500" href="http&#58;//www.imaginas.gr/gallery" target="_self" /><!-- Created by Online Image Map Editor &#40;http&#58;//www.maschek.hu/imagemap/index&#41; --></map>

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6224
Εγγραφή: 30 Νοέμ 2004 03:09

Δημιουργία link πάνω στη φωτογραφία του template

Δημοσίευση από fafos » 27 Ιουν 2010 16:15

prota mesa sto image prepei na valeis to id tou map (usemap="imgmap20106279958")

amesos meta vazeis ton kodika tou map:

Κώδικας: Επιλογή όλων

    <?php &#125; else &#123; ?>

    <div class="spotlight"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/spotlight.jpg" border="0" alt=" " usemap="imgmap20106279958" />

<map id="imgmap20106279958" name="imgmap20106279958"><area shape="rect" alt="Imaginas Gallery" title="" coords="731,157,909,500" href="http&#58;//www.imaginas.gr/gallery" target="_self" />

      <jdoc&#58;include type="modules" name="myspotlight"  style="xhtmlxtd" />

    </div>



Απάντηση

Επιστροφή στο “Joomla! Templates”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης