Back to top

Autore Topic: dare link a immagine in home  (Letto 4401 volte)

Offline giovanni.far

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
dare link a immagine in home
« il: 21 Set 2009, 01:41:03 »
Salve, oggi ho scaricato un nuovo template, di default ha un immagine bellissima in alto al centro alla pagina senza pero' un link che porta per esempio alla home del sito ...
Vorrei metterglielo io se possibile, ho controllato un po il file .css dell template e alla voce
"header" ho trovato la seguente riga:
Citazione
#header { width: 982px; height: 211px; background:url(../images/header.jpg) top center no-repeat; }
Header.jpg e' l'immagine del logo... e sarebbe proprio lei che vorrei dar link in home...
e' possibile?
thx

Offline gagarin77

  • Appassionato
  • ***
  • Post: 469
  • Sesso: Maschio
    • Mostra profilo
Re:dare link a immagine in home
« Risposta #1 il: 21 Set 2009, 09:58:46 »
ciao,
Si è possibile ma per farlo dovresti modificare il codice del template.

dovresti cercare id header nel tuo template e vedere a che tag è attribuito
(es ad un div) a quel punto ti conviene creare all'interno di quel tag un tag <a>  <a/> (tag x i link)
e caricare poi li l'immagine di sfondo
a quel punto inserisci nel tag <a> ...[/url] il link che vuoi


E' meglio sbagliarsi in fretta che aver ragione troppo tardi

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:dare link a immagine in home
« Risposta #2 il: 21 Set 2009, 10:52:49 »
ciao
Codice: [Seleziona]
Salve, oggi ho scaricato un nuovo template, di default prova almeno a dire il nome del template  oppure posta il link del sito. ci sono vari modi x per fare quello che vuoi tu.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline giovanni.far

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:dare link a immagine in home
« Risposta #3 il: 21 Set 2009, 16:54:16 »
ciao
Codice: [Seleziona]
Salve, oggi ho scaricato un nuovo template, di default prova almeno a dire il nome del template  oppure posta il link del sito. ci sono vari modi x per fare quello che vuoi tu.

ciao il nome del template e': "realtyna joomla real estate template Seven"
scaricato da joomla.it :)

come nella demo del template ha un logo sopra linkato alla home e un immagine che prende tutta la pagina in lunghezza della città senza nessun link.
io ho tolto il logo sopra linkato alla home e lasciato solo l'immagine della città che pero' non ha un link... non ha niente...
gagarin77 volevo chiederti se possibile dove devo cercare quella tag <div header..> nel css del template? o nell index.php?
una volta trovata non ho capito bene come rispettare la sintassi...
ti lascio qui sotto il codice della home del template... (index.php) credo sia qui che bisogna se ho capito bene fare cio che  dici...
Citazione
/membri/nomemiosito/templates/realtyna-seven/index.php
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
$url = clone(JURI::getInstance());
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<?php 
require_once ( "templates/" . $this->template . "/menu.php");

if ( $this->countModules('left + user1 + advert1') == 0) $a = '-noleft';   
if ( $this->countModules('right + user2 + advert2') == 0) $b = '-noright';

?>

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template_css.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/horizontal.css" type="text/css" />
<!--[if IE 6]>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" language="javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/animation.js"></script>
<script type="text/javascript" language="javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/cssmenus.js"></script>
<link rel="shortcut icon" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/favicon.ico"/>

</head>
<body>
<div align="center">
   <div id="top_box"><div id="top">
      <div id="top_l"><div id="menu">
        <jdoc:include type="modules" name="user6" style="xhtml" />
     </div></div>
      <div id="top_r"><div id="logo"><a href="index.php"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo_transparent.png" alt="logo" border="0"/>[/url]</div></div>
   </div></div>
   <div id="header_box"><div id="header">
      <?php if($this->countModules('top')) : ?>
      <div id="head_mod_out"><div id="head_mod"><div id="head_mod_in"><jdoc:include type="modules" name="top" style="xhtml"/></div></div></div>
      <?php endif; ?>
   </div></div>
   <div id="head_bot_box"><div id="head_bot">
      <div id="serach_box"><div id="search">   
         <form action="index.php" method="post">
           <input name="searchword" id="mod_search_searchword" maxlength="20" alt="Search" class="inputbox" type="text" size="20" value="search"  onblur="if(this.value=='') this.value='search';" onfocus="if(this.value=='search') this.value='';" />
      <input type="submit" value="" class="button"/>
      <input type="hidden" name="task"   value="search" />
      <input type="hidden" name="option" value="com_search" />
</form>            
      </div></div>
      <div id="date_box"><div id="date"><?php echo JHTML::_('date',  'now', '%A, %d %b %Y' ); ?>
     </div></div>
   </div></div>
   <div id="container"  class="clearfix">
      <div id="left_col<?php echo $a; ?>"><div id="left_col_in">
         <div id="left_mod">
            <jdoc:include type="modules" name="left" style="rounded"/>
            <jdoc:include type="modules" name="user1" style="rounded"/>
            <jdoc:include type="modules" name="advert1" style="rounded"/>
         </div>
      </div></div><!--left_col-->
      <div id="right_col<?php echo $a; ?>">
         <div id="content<?php echo $a; ?><?php echo $b; ?>">
            <div id="content_in<?php echo $a; ?><?php echo $b; ?>">
               <div id="pathway_box<?php echo $a; ?><?php echo $b; ?>"><div id="path"><jdoc:include type="modules" name="breadcrumb" style="html"/>
              </div></div>
               <div id="mainbody_in<?php echo $a; ?><?php echo $b; ?>"><div id="mainbody"><jdoc:include type="component" style="html"/></div></div>
               <div id="banner<?php echo $a; ?><?php echo $b; ?>" align="center"><jdoc:include type="modules" name="banner" style="xhtml"/></div>
            </div>
         </div>
         <div id="right_box">
            <div id="right_mod">
               <jdoc:include type="modules" name="right" style="rounded"/>
               <jdoc:include type="modules" name="user2" style="rounded"/>
               <jdoc:include type="modules" name="advert2" style="rounded"/>
            </div>
         </div>
      </div><!--right_col-->
   </div><!--container-->
   <div id="footer" class="clearfix">
      <div id="footer_in">
         <div id="license_box"><div id="license" align="left"><?php  include "footer.php"; ?></div></div>
         <div id="copyright_box"><div id="copyright"><a href="http://software.realtyna.com/joomla-real-estate-template.html" title="Joomla Real Estate Template">Joomla Real Estate Template[/url] Designed By Realtyna Real Estate</div></div>
      </div>
   </div>
</div>
</body>
</html>




mi puoi fare un esempio se non e' troppo? grazie mille


« Ultima modifica: 21 Set 2009, 17:02:51 da giovanni.far »

Offline gagarin77

  • Appassionato
  • ***
  • Post: 469
  • Sesso: Maschio
    • Mostra profilo
Re:dare link a immagine in home
« Risposta #4 il: 21 Set 2009, 17:24:05 »
ciao
premetto che non conosco il template che usi ma:
il div che contiene la tua immagine è questo

<div id="header_box"><div id="header">
      <?php if($this->countModules('top')) : ?>
...



una soluzione è insriire un tag
come questo
<a href="#"><img  src="/tua immagine.gif" alt"testo alternativo immagine" title="quwllo che vuoi" />[/url]
al limite se vuoi piu info su questa soluzione basta che cerchi su google link con immagini...



altra soluzione visto che comunque è presente una zona dove pubblicare un modulo
 <?php if($this->countModules('top')) : ?>

potresti togliere l'immagine di sfondo ed
inserirla in modulo che gestisce link +immagini (caricando naturalmente quella che vuoi) e potendo cosi gestire meglio eventuali cambiamenti




E' meglio sbagliarsi in fretta che aver ragione troppo tardi

Offline giovanni.far

  • Esploratore
  • **
  • Post: 198
    • Mostra profilo
Re:dare link a immagine in home
« Risposta #5 il: 22 Set 2009, 02:55:36 »
ciao ho provato a fare come hai detto e devo dire che funziona!
pero' funziona soltanto se l'immagine del tema non viene spostata, in questo modo se metto la tag che mi hai detto l'immagine linkata si sovrappone a quella del tema perfettamente...
ma siccome io l'immagine del tema l'ho messa per questione di gusti in cima alla pagina e non piu in basso come di default, se applico la tua tag mi appare si l'immagine di sfondo linkata... ma nella posizione di default... di conseguenza ho 2immagini sovrapposte per meta... una linkata e una no...
non so se hai capito, spero di si...
in sostanza non funziona solo se non sposto l'immagine ma la lascio nella posizione di default...

Offline gagarin77

  • Appassionato
  • ***
  • Post: 469
  • Sesso: Maschio
    • Mostra profilo
Re:dare link a immagine in home
« Risposta #6 il: 22 Set 2009, 09:32:23 »
ciao,

se puoi dovresti  mettere un link al sito x
capire meglio il probl.

Comunq:
non ho precisato che ora l'istruzione da css è da
togliere
background:url(../images/header.jpg) top center no-repeat; }

poichè caricandola direttamente dal tag <a>..[/url]

per il resto non capisco cosa intendi con spostare...
se vui visulizzare l'immagine in una altra zona del tuo template devi naturalmente spostare
il tag  <a>..[/url] in quella parte del template....

E' meglio sbagliarsi in fretta che aver ragione troppo tardi

 



Web Design Bolzano Kreatif