- Home
- Categorie
- Coding e Sistemistica
- Joomla!
- Modifica CSS template Joomla
-
Modifica CSS template Joomla
Ciao. Nel mio header ho una immagine (logo.png) che vorrei linkare alla home page. L'immagine viene "chiamata" mediante CSS ed io non riesco ad aggiungerci il link.
Nel mio CSS la linea è:
background-image: url(../images/logo.png);
Mi aiutate nella modifica per aggiungere il link alla mia home?
Grazie e buon weekend a tutti.
-
l'header dei templates di joomla hanno già il link di default, o nell'intero header o nel logo.
-
Purtroppo questo template no... grazie lo stesso.
-
Se ci indichi il template, possiamo verificare.
-
Ah bene, grazie! In grassetto il nome del template... Ti posto inoltre la parte iniziale del css dove è l'header. Vorrei associare il link della Home Page al logo (logo.png). :
/*
@css-style for template gopip_easy_fluid
@author: Rene Wandel
@web: http://www.gopip.de
@email: [email protected]
*/body{
margin: 0px 0 0px 0;
padding: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #646464;
font-size: 0.7em;
}#bg{
background-image: url(../images/bodybg.png);
background-repeat: repeat-x;
background-color: #EAEAEA;
}#container {
width: 95%;
background-color: #FFFFFF;
position: relative;
margin: 0px;
padding: 0px;
text-align: left;
min-width: 900px;
}#container_inner{
border: 1px solid #777777;
background-image: url(../images/linie.gif);
background-repeat: repeat-y;
background-position: 20% 0;
}#container_inner1{
background-image: url(../images/linie.gif);
background-repeat: repeat-y;
background-position: 80% 0;
}#header {
width:auto;
padding:0px;
margin: 0px;
border-bottom: 1px solid #CCCCCC;
background-color:;
}#header_inner{
background-color:;
}#header_img1{
width: 421px;
height: 100px;
margin: 0px 5px 0px 15px;
background-color:;
float: left;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-position: center left;
}#header_banner{
width: 465px;
margin: 0px;
padding: 15px 10px 0 0;
background-color:;
float: right;
}#sitetitle{
margin: 0px;
padding: 0px;
width: 100%;
height: 20px;
background-color: #F1F1F1;
border-bottom: 1px solid;
border-top: 1px solid;
}Ti posto anche la parte iniziale del file index.php. Oltre questi due files ho solo l'XML e le immagini:<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!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 ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo ISO; ?>" />
<?php mosShowHead(); ?>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/style<?php echo $templatestyle; ?>.css" rel="stylesheet" type="text/css" />
<?php echo "<link rel="shortcut icon" href="$GLOBALS[mosConfig_live_site]/images/favicon.ico" />" ; ?>
</head>Ciao
-
**HTML:
**```
<div id="header_img1"></div>
<a href="index.php">
<?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/logo.png" border="0" width="310" height="90" alt="logo" />'; ?>**CSS:**
#header_img1{
width: 310px;
height: 100px;
margin: 0px 5px 0px 15px;
background-color: #FFFFFF;
float: right;
<!-- background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-position: center left; -->
}