Joomla.it Forum

Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : mancar 30 Sep 2007, 12:01:44

: link del logo header
: mancar 30 Sep 2007, 12:01:44
salve a tutti,
vorrei modificare il logo posto nella parte superiore di joomla (corrispondente all' header short), in modo che cliccandoci sopra mi collega alla home page del mio sito.
Penso che è necessario apportare modifiche all' index.php, ma non so dove.
Allego il file index.php:
:
<?php
defined
'_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
// needed to seperate the ISO number from the language file constant _ISO
$iso explode'='_ISO );
// xml prolog

// echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
echo '<?xml version=\"1.0\" encoding=\"utf-8\"?>
';
?>
<!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">
<head>
<?php
if(file_exists("$mosConfig_absolute_path/administrator/components/com_jse/worker.jse.php")){
       include_once 
"$mosConfig_absolute_path/administrator/components/com_jse/worker.jse.php";
}
?>

<?php
   
if (file_exists($mosConfig_absolute_path."/components/com_joomlastats/joomlastats.inc.php")) 
      require_once(
$mosConfig_absolute_path."/components/com_joomlastats/joomlastats.inc.php");
   
?>

<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
$collspan_offset = ( mosCountModules'right' ) + mosCountModules'user2' ) ) ? 1;
//script to determine which div setup for layout to use based on module configuration
$user1 0;
$user2 0;
$colspan 0;
$right 0;
// banner combos

//user1 combos
if ( mosCountModules'user1' ) + mosCountModules'user2' ) == 2) {
$user1 2;
$user2 2;
$colspan 3;
} elseif ( 
mosCountModules'user1' ) == ) {
$user1 1;
$colspan 1;
} elseif ( 
mosCountModules'user2' ) == ) {
$user2 1;
$colspan 1;
}

//right based combos
if ( mosCountModules'right' ) and ( empty( $_REQUEST['task'] ) || $_REQUEST['task'] != 'edit' ) ) {
$right 1;

?>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="<?php echo $mosConfig_live_site;?>/templates/silves_solarflare/css/template_css.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
<!--
body {
background-color: #bec8ce;
}
-->
</style></head>
<body>

<div align="center">
<table width="908" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td class="outline">
  <div id="pathway_outer">
    <div id="pathway_inner">
    <div id="pathway_text">
    <?php mosPathWay(); ?>
    </div>
    <div id="buttons">
    <?php mosLoadModules 'user3', -1); ?>
    </div>
      </div>
  </div>
  <div id="search_outer">
    <div id="search_inner">
    <?php mosLoadModules 'user4', -); ?>
    </div>
  </div>
  <div class="clr"></div>
  <div id="header_outer">
  <div id="header">
  &nbsp;
  </div>
  <div id="top_outer">
    <div id="top_inner">
    <?php
       if ( mosCountModules'top' ) ) {
       mosLoadModules 'top' );
       } else {
       ?>

      <span class="error">Top Module Empty</span>
      <?php
       }
       ?>

      </div>
      </div>
  </div>
  <div id="left_outer">
  <div id="left_inner">
  <?php mosLoadModules 'left' ); ?>
  </div>
  </div>
  <div id="content_outer">
    <div id="content_inner">
    <?php
   if ( mosCountModules ('banner') ) {
   ?>

  <table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
    <tr>
<td>
<div id="banner_inner">
<img src="<?php echo $mosConfig_live_site;?>/templates/silves_solarflare/images/advertisement.png" alt="advertisement.png, 0 kB" title="advertisement" border="0" height="8" width="468"/><br />
  <?php mosLoadModules'banner', -); ?><br />
</div>
<div id="poweredby_inner">
<img src="<?php echo $mosConfig_live_site;?>/templates/silves_solarflare/images/powered_by.png" alt="powered_by.png, 1 kB" title="powered_by" border="0" height="68" width="165"/><br />
</div>
</td>
  </tr>
  </table>
<?php
   }
   ?>

  <table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
<tr valign="top">
<td width="99%">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">

<?php 
if ($colspan 0) {
?>

<tr valign="top">
<?php
   if ( $user1 ) {
   ?>

  <td width="50%">
  <div class="user1_inner">
  <?php mosLoadModules 'user1' ); ?>
  </div>
  </td>
  <?php
   }
   if ( $colspan == 3) {
 ?>

<td width="2">
<img src="<?php echo $mosConfig_live_site;?>/templates/silves_solarflare/images/spacer.png" alt="" title="spacer" border="0" height="10" width="2"/>
</td>
<?php
}
   if ( $user2 ) {
   ?>

  <td width="50%">
  <div class="user2_inner">
  <?php mosLoadModules 'user2' ); ?>
  </div>
  </td>
  <?php
   }
?>

</tr>
<tr>
<td colspan="<?php echo $colspan?>">
<img src="<?php echo $mosConfig_live_site;?>/templates/silves_solarflare/images/spacer.png" alt="" title="spacer" border="0" height="2" width="100"/><br />
</td>
</tr>
<?php
}
?>

<tr>
<td colspan="<?php echo $colspan?>" class="body_outer">
  <?php mosMainBody(); ?>
</td>
</tr>
</table>


</td>
<?php
if ( $right ) {
   ?>

  <td>
  <div id="right_outer">
  <div id="right_inner">
  <?php mosLoadModules 'right' ); ?>
  </div>
  </div>
  </td>
  <?php
   }
   ?>


</tr>
  </table>
  </div>
  </div>
  </td>
  </tr>
  </table>
</div>
<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
<?php mosLoadModules'debug', -);?>
</body>
</html>
: Re: link del logo header
: dlando 30 Sep 2007, 12:17:41
il logo e' definito nel css come background della classe.
levalo dal css, mettilo come immagine nel template e linkalo.
: Re: link del logo header
: mancar 30 Sep 2007, 20:07:25
scusami,ma non sono molto esperto di php e joomla. Quando dici: "metilo come immagine nel template" a quale file ti riferisci ? E in che punto del codice devo inserirlo ?
: Re: link del logo header
: bigham 30 Sep 2007, 21:53:28
Modifica questa parte:
   <div id="header">
   &nbsp;
   </div>

in questo modo:
:
   <div id="header">
<a href="http://indirizzo_tuo_sito"> <img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/nome_immagine.estensione" alt="testo visibile al passaggio del mouse" height="valore altezza immagine" width="valore larghezza immagine"/> < /a>
   </div>

Nel foglio di stile template_css.css nell'identificatore @header togli l'attributo background-image.
: Re: link del logo header
: mancar 30 Sep 2007, 23:10:19
grazie mille,
funziona !
Solo una cosa: l'immagine presenta un bordo di colore rosso (probabilmente dovuto al link). Come posso fare per eliminarlo ? Oppure per cambiargli colore ?
Grazie
: Re: link del logo header
: bigham 01 Oct 2007, 10:47:22
Ciao.

Essendo un link ad una url il browser lo tratta come tale.
La gestione grafica dei link (colore, sottolineatura, ecc) è gestita dal foglio si stile template_css.css.

Dovresti trovare le seguenti classi:
a:hover {
   color: #595441;
   text-decoration: none;
   font-weight: bold;
}
a:link, a:visited {
   color: #4A8797;
   text-decoration: none;
   font-weight: bold;
} /* general links style*/
Queste è la classe generica con i tre eventi hover (quando il mouse passa sul link) link (quando il link è visibile) e visited (quando il link è stato cliccato)

N.B.
Modificare questa classe però significa cambiare l'aspetto dei link per l'intero sito.

La soluzione sta nel creare una nuova classe da assegnare SOLO all'header che comprenda anche i tre stati del link.
Nel tuo caso esiste già l'identificato #header quindi non devi fare altro che aggiungere:
a#header:hover {
... attributi
}
a#header:link, a#header:visited {
... attributi
}

La classe modificherà gli attributi del link sull'intestazione in base a quello che verrà da te specificato e ignorando le impostazioni generali.

Fammi sapere.
Ciao
: Re: link del logo header
: mancar 11 Oct 2007, 11:47:15
grazie per i suggerimenti.
Ho tuttavia un problema di visualizzazione con Internet Explorer: si disimpagina il layout del template (dopo aver esteso la larghezza della pagina). Come posso risolvere ?
Il link del sito è:

http://www.ingegneriasolare.org (http://www.ingegneriasolare.org)
: Re: link del logo header
: dlando 11 Oct 2007, 12:46:58
problema di css non di semplice soluzione.

Innanzitutto: con che IE si presenta il problema ? Su che sistema operativo ?
( si', IE5 IE6 e IE7 non hanno lo stesso comportamento e IE5/6 per PC e IE5/6 per MAC non hanno lo stesso comportamento ).

Per intanto potresti "aggirare" il problema creando 2 o piu' fogli di stile distinti per le versioni di IE.
Poi li carichi con un costrutto condizionale da inserire nel codice HTML della pagina del tipo:

<!--[if IE 5.5]>
  <link rel="stylesheet" type="text/CSS" href="iefix.CSS">
<![endif]-->

che carica il foglio di stile iefix.css solo per ie5.5
Nel frattempo dovresti individuare la variabile che ti da' il problema e utilizzare uno degli nmila hack presenti per le diverse versioni di IE e utilizzarlo.