Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Header - Classi differenti per ogni sezione del sito -

    Salve a tutti.

    Ho un semplice sito in php (tra l'altro basato fast template di alessandro fulciniti).
    Il sito è strutturato in diverse pagine/sezioni: chi / dove / come / contatti incluse a seconda della necessità direttamente nell'index.php tramite lo script di alessandro.

    L'header è incluso nell'index tramite un semplice include.

    L'header è composto da un logo che flotta a destra e una piccola immagine che flotta a sinistra.

    Ho quindi una cosa del genere come css:



    #contenitore {

    width:700px;

    padding:10px;

    background-color:#FFFFFF;

    margin:0 auto 0 auto;

    }

    #header {

    width:700px;

    background-color:#ffffff;

    height:258px;

    color:#FFFFFF;

    font-family:Verdana, Arial, Helvetica, sans-serif;


    font-size:150%;

    font-weight:bold;

    line-height:20px;

    }

    .immagine-header-laterale {

    border-right:3px solid #CBCBCB;

    float:left;

    }
    .logo {


    border-left:3px solid #CBCBCB;
    float:right;

    }
    Come html ho:

    <div id="contenitore">

    <div id="header">

    [img]immagini/imm1.jpg[/img]

    [img]immagini/logo.gif[/img]

    </div>
    </div>
    Ora quello che vorrei fare è avere una diversa immagine laterale l'header per ogni pagina/sezione del sito.

    Ho pensato di scrivere semplicemente una classe per ogni sezione e cambiare l'html dando al div semplicemente la classe in cui è prevista l'immagine di background tramite background-image.

    Nell'html una cosa tipo

    <div id="contenitore">

    <div id="header">

    <div class ="laterale1"></div>

    oppure

    <div class ="laterale2"></div>

    oppure

    <div class ="laterale3"></div>
    [img]immagini/logo.gif[/img]

    </div>
    </div>
    e nel CSS:

    }
    .laterale1 {

    border-right:3px solid #CBCBCB;
    background-image: url("immagini/1.gif");
    float:left;
    }
    }
    .laterale2 {

    border-right:3px solid #CBCBCB;
    background-image: url("immagini/2.gif");
    float:left;
    }

    .laterale3 {

    border-right:3px solid #CBCBCB;
    background-image: url("immagini/3.gif");
    float:left;
    }

    Il problema è che visto che l'header è incluso a priori in tutte la pagine non so come poter assegnare classi diverse per ogni pagina/sezione.

    Non so se concettualmente è esatto quello ho scritto e spero di aver espresso al meglio il mio problema. Di sicuro ho trascurato qualcosa di moooolto importante. :P

    Grazie per l'aiuto
    Conoscere gli altri è comprensione
    conoscere se stessi è saggezza

  2. #2
    Beh... ti conviene fare uno scriptino in php.
    Qualcosa del tipo

    if ($pagina=="chi-siamo")
    {
    print "[img]foto-chi-siamo.jpg[/img]
    }
    ecc...

    Chiedi nella sezione dedicata al Php

    Ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.