Back to top

Autore Topic: Aggiungere link e testo al logo nel css del template.  (Letto 2889 volte)

Offline eclipse59

  • Appassionato
  • ***
  • Post: 265
  • Sesso: Maschio
    • Mostra profilo
Scusate l'ignoranza, nel template.css la riga che definisce il logo nella pagina è:

div#logo {
background: url(../images/logo.png) 0 0 no-repeat;
}

ma volevo sapere se è possibile l'inserimento di codice che attribuisca un link al logo e l'aggiunta di testo di fianco al logo stesso, alla maniera proprio dell'html, come nell'esempio sotto:

<h2><a href="http://www.sito_x.it" target="_blank"><img src="images/logo.jpg" alt="Hompage del sito x" width="150" height="70" border="0" />[/url] Testo da aggiungere a fianco del logo </h2>

Offline .Andrea S.

  • Instancabile
  • ******
  • Post: 4404
  • Sesso: Maschio
    • Mostra profilo
Re: Aggiungere link e testo al logo nel css del template.
« Risposta #1 il: 21 Feb 2008, 11:21:51 »
poi farlo modificando il file index.php del template, dove viene richiamato il div "logo".
Andrea | www.joomlovers.net | Il sito per gli amanti di Joomla!

Offline eclipse59

  • Appassionato
  • ***
  • Post: 265
  • Sesso: Maschio
    • Mostra profilo
Re: Aggiungere link e testo al logo nel css del template.
« Risposta #2 il: 21 Feb 2008, 11:52:31 »
mmm... allora Andrea, inserendo l'html così com'è il link non viene collegato al logo ma appare il testo definito in "Alt" che si sovrappone al logo (comunque il testo è linkato). Il testo che dovrebbe apparire di finco al logo non viene formattato come intestazione 2 (ma forse, in parte, si può rimediare con "strong") e non si trova nella posizione in cui vorrei che fosse, in questo caso penso si potrebbe risolvere però inserendo le coordinate.
Insomma, la strada è quella ma bisognerebbe apportare qualche correttivo. Qualche idea? ;)

Offline .Andrea S.

  • Instancabile
  • ******
  • Post: 4404
  • Sesso: Maschio
    • Mostra profilo
Re: Aggiungere link e testo al logo nel css del template.
« Risposta #3 il: 21 Feb 2008, 12:54:38 »
copia quì il codice del pezzo interessato. (o metti un link)
Andrea | www.joomlovers.net | Il sito per gli amanti di Joomla!

Offline eclipse59

  • Appassionato
  • ***
  • Post: 265
  • Sesso: Maschio
    • Mostra profilo
Re: Aggiungere link e testo al logo nel css del template.
« Risposta #4 il: 21 Feb 2008, 13:30:50 »
Attualmente il codice in index.php l'ho modificato in questo modo:

<div id="logo"><a href="http://www.sito_" target="_blank"><img src="images/logo.png" alt="Vai al sito x" width="150" height="70" border="0" />[/url]<span style=margin-left:138.0pt;margin-top:50.0pt;font-size:12.0pt;color:#999999><strong> Testo da far comparire di fianco al logo </strong></span></div>

Quello che non funziona ancora è:
 1. non viene incorporato il link al logo, ma appare il testo attribuito ad "alt" linkato e sovrapposto al logo;
2. il margin-top non funziona (mentre funziona il margin-left);

Precedentemente il tag <span-style> si trovava subito dopo il <div id="logo">, ma in questo modo mi formattava anche il testo dopo il tag "alt".
Io non riesco più a venirne fuori, spero in te ::) ::) ;)

Offline .Andrea S.

  • Instancabile
  • ******
  • Post: 4404
  • Sesso: Maschio
    • Mostra profilo
Re: Aggiungere link e testo al logo nel css del template.
« Risposta #5 il: 21 Feb 2008, 16:03:25 »
Prova con questo:
Codice: [Seleziona]
<div id="logo">
 <a href="http://www.illinkchetipare.it" title="titolo che ti pare">
  <span id="logo">
   testo accanto al logo
  </span>
 </a>
</div>
poi modifichi il css per impostare dimensioni del logo, l'img da caricare e i margini
Andrea | www.joomlovers.net | Il sito per gli amanti di Joomla!

Offline eclipse59

  • Appassionato
  • ***
  • Post: 265
  • Sesso: Maschio
    • Mostra profilo
Re: Aggiungere link e testo al logo nel css del template.
« Risposta #6 il: 21 Feb 2008, 17:37:15 »
Niente da fare Andrea  :(
Nel senso che con il tuo codice è il testo che dovrebbe essere accanto al logo ad essere linkato, invece del testo "titolo che ti pare", ma comunque il testo appare sovrapposto al logo e non di fianco.
Inoltre, i margini sul css hanno effetto su tutto, logo e testo, ma questo rimane sempre sovrapposto al logo.
Comunque, è un piccolo passo avanti  ;D sono sicuro che con qualche altro tentativo ci riesci   ::) :-*

Offline .Andrea S.

  • Instancabile
  • ******
  • Post: 4404
  • Sesso: Maschio
    • Mostra profilo
Re: Aggiungere link e testo al logo nel css del template.
« Risposta #7 il: 21 Feb 2008, 17:48:44 »
Tu hai detto
Citazione da: eclipse59
volevo sapere se è possibile l'inserimento di codice che attribuisca un link al logo
Quindi questo codice linka il logo come hai chiesto: (ho fatto una rettifica)
Codice: [Seleziona]
<div id="logo">
 <a href="http://www.illinkchetipare.it" title="titolo che ti pare">
  <span id="logo">
   <div id="testo">
    testo
   </div>
  </span>
 </a>
</div>
e definisci la variabile "testo" nel css impostando un margine sinistro che ti consenta di non sovrapporlo..... se non funziona vai a tentativi  ;)
Andrea | www.joomlovers.net | Il sito per gli amanti di Joomla!

Offline eclipse59

  • Appassionato
  • ***
  • Post: 265
  • Sesso: Maschio
    • Mostra profilo
Re: Aggiungere link e testo al logo nel css del template.
« Risposta #8 il: 21 Feb 2008, 17:57:14 »
OK Andrea, grazie per tutto l'aiuto :)
Cmq, anche dalla tua citazione, risulta evidente che il link doveva essere inglobato nel logo (come si fa con una normale pagina html) e non nel testo che deve apparire accanto ad esso   ;) ::)

 



Web Design Bolzano Kreatif