• User Attivo

    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.


  • Super User

    l'header dei templates di joomla hanno già il link di default, o nell'intero header o nel logo.


  • User Attivo

    Purtroppo questo template no... grazie lo stesso.


  • Super User

    Se ci indichi il template, possiamo verificare.


  • User Attivo

    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


  • Super User

    **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; -->
    }