Regolare la larghezza dei box del Portal 2.2.x

  • Di tanto in tanto c'è la necessità di attribuire alle colonne esterne una larghezza fissa. La colonna centrale prenderà sempre lo spazio rimanente. Il vostro stile dovrà avere una larghezza massima e una minima.


    NOTA: Questa guida parla dell'interfaccia del portale, modificando il portale vengono limitate le modifiche riportate.


    Layout Standard

    All'installazione il portale si presenta così:


    Colonna di sinistra (20%) | colonna Media (60%) | Colonna destra (20%)


    Il forum ha, a seconda dei box attivi, uno dei tre layout utilizzati:


    Layout Portale 1:

    Link portale: 20% | Discussioni (Spazio restante)


    Layout Portale 2:

    Discussioni (Spazio restante) | Box portale: 20%


    Layout Portale 3:


    Colonna di sinistra (20%) | colonna Media (restante) | Colonna destra (20%)


    I broswer moderni* ottengono un layout che si basa sulle proprietà delle tabelle CSS. Ma internet explorer < 8 non è in grado di gestire questa funzione perché non conosce le proprietà richieste. Inseriremo anche le nomenclature per internet explorer <3.


    PORTALE: Larghezza fissa per le colonne esterne, larghezza rimanente per la colonna centrale
    CSS per i moderni broswer

    Per le colonne esterne, possiamo assegnare una larghezza fissa in pixel (in questo caso 200 pixel per colonna). La colonna centrale assume automaticamente la larghezza residua disponibile.





    CSS
    1. #tplPortal .layout-4 .first,#tplPortal .layout-4 .third,#tplPortalEdit .layout-4 .first,#tplPortalEdit .layout-4 .third { width: 200px;}
    2. #tplPortal .layout-4 .second,#tplPortalEdit .layout-4 .second { width: auto; }




    Dichiarazioni aggiuntive per Internet Explorer < 8



    CSS
    1. #tplPortal .layout-4 .first,#tplPortal .layout-4 .third,#tplPortalEdit .layout-4 .first,#tplPortalEdit .layout-4 .third { width: 20%;}
    2. #tplPortal .layout-4 .second,#tplPortalEdit .layout-4 .second { width: 60%; }


    [size=10]


    [u]Box Forum: larghezze fisse per le colonne esterne, larghezza residua della colonna centrale

    Se si utilizzano li box di visualizzazione portale nel forum si può anche qui utilizzare larghezze fisse.


    [b]CSS per i moderni broswer[size=10]


    [b]


    CSS
    1. .portalLeftColumn,.portalRightColumn { width: 200px; }

    [b]



    [b]Dichiarazioni aggiuntive per Internet Explorer < 8


    [b]


    CSS
    1. .portalLeftColumn,.portalRightColumn { width: 20%; }

    [b]



    *Ad altri browsers moderni si includono le ultime versioni dei seguenti browser:Internet Explorer, Firefox, Opera, Chrome, Safari