Not signed in ( Sign In)

Categories

Welcome, Guest

Want to take part in these discussions? Sign in if you have an account, or apply for one below

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

    •  
      CommentAuthorlantaca
    • CommentTimeJun 25th 2009 edited
     permalink
    Vorrei aggiungere la topbar al blog.
    per adesso ho fatto così:

    faccio finta di aggiungere una nuova colonna che chiamo columntop:
    in column aggiungo

    /* ===== COLUMN ===== */
    #columntop {
    clear: both;
    font-size: 80% !important;
    font-size: 75%;
    padding: 5px;
    border-top: solid 1px #ccc
    border-bottom: solid 1px #ccc
    }

    #columnright {
    ....


    poi creo il file widgetst che ha il seguente codice
    <div id="columntop">
    {widgets pos=top}
    <div id="{$id}">
    <h4>{$subject}</h4>
    {$content}
    </div>
    {/widgets}
    </div>


    infine in index richiamo widgetst dopo l'header
    {include file=header.tpl}
    {include file=widgetst.tpl}
    ...


    Problemi da risolvere:
    1) i bordi solidi della top bar sopra e sotto non si visualizzano, se li metto a destra e sinistra invece si.
    2) ho creato una pagina statica chiamata topbar da mettere come widgets, solo che mi visualizza il titolo del widgets nella top bar e non ci deve essere.
    3) dovrei mettere i vari collegamenti della top bar giustificati

    Suggerimenti?
    Grazie a tutti
  1.  permalink
    Per i bordi mi sembra strano... Sicuramente c'è qualcosa nel CSS che non li fa visualizzare!
    Per rimuovere il titolo ti basta togliere la riga

    {$subject}

    dal file tpl...
    Per la terza domanda... Non ho capito cosa intendi dire!
    •  
      CommentAuthorlantaca
    • CommentTimeJun 26th 2009
     permalink
    Vorrei che i collegamenti della top bar si disponessero automaticamente allargandosi, l'uno dall'altro, fino a riempire tutta la larghezza della pagina.
    Come quando in word si sceglie di giustificare il testo ai bordi e questo torna a capo sempre alla fine della pagina e non prima...
  2.  permalink
    Devi usare la proprietà display: inline...
    •  
      CommentAuthorlantaca
    • CommentTimeJun 27th 2009 edited
     permalink
    mmm, con display non credo che si possa fare... almeno secondo come ho scritto il menù della topbar!
    per farla orizzontale ho scritto i collegamenti uno di fianco all'altro e non uno sotto l'altro con l'elenco puntato.

    [url=?]Home[/url] [url=?paged=1]Blog[/url] [url=static.php?page=about]About[/url] [url=contact.php]Contact[/url]

    Per usare display:inline devo scriverli uno sotto l'altro e il comando li mette di fianco automaticamente?

    Facendo come ho fatto io per adesso, scrivendo nel widgetst.tpl
    <div id="columntop">
    {widgets pos=top}
    <div id="{$id}">
    <h2 align=center>{$content}</h2>
    </div>
    {/widgets}
    </div>

    La top la mette centrata ma i collegamenti restano sempre separati da un solo spazio.
    Il risultato per il momento è questo:



    Il mio progetto è di arrivare a creare un tema il più possibile simile all'interfaccia di questo sito www.scoutcalcinaia.com che ho disegnato interamente con tabelle, senza una riga di CSS (viva frontpage!)
    Se riesco a farlo cambio sito e lo baso su Flatpress. Ma la strada è ancora lunga, mi pare....
    •  
      CommentAuthorNoWhereMan
    • CommentTimeJun 27th 2009
     permalink
    usa una lista,


    [list]
    [*][url=?]Home[/url]
    [*][url=?paged=1]Blog[/url]
    [*][url=static.php?page=about]About[/url]
    [*][url=contact.php]Contact[/url]
    [/list]


    dopodiché nel CSS usa l'id generato automaticamente (in questo caso #widget-bp-NOMEDELLASTATICA, supponiamo #widget-bp-menu )


    #widget-bp-NOMEDELLASTATICA li {
    display: inline;
    /* aggiungiamo un po' di padding a destra e sinistra di ogni elemento della lista */
    padding-left: 2em;
    padding-right: 2em;
    }
    •  
      CommentAuthorlantaca
    • CommentTimeJul 13th 2009
     permalink
    mah... mi sa che il CSS dove copio quanto sopra è quello sbagliato, perché non va...
    Io lo metto in Style.css, giusto?

    p.s.
    l'ho messa in tutti i css ma non funziona mai... che sbaglio?
    •  
      CommentAuthorlantaca
    • CommentTimeJul 13th 2009
     permalink
    risolto,
    l'ho inserita in column.css, quando richiamo la topbar
    #columntop ul li {
    display: inline;
    list-style-type: none;
    margin-right: 10px;
    margin-left: 10px;
    }
    •  
      CommentAuthorlantaca
    • CommentTimeJul 16th 2009
     permalink
    L'unica cosa che ancora non sono riuscito a fare è quella di mettere una linea di divisione tra la topbar e tutto quello che c'è sotto.
    /* ===== COLUMN ===== */

    #columntop {
    /*clear: both;*/
    font-size: 80% !important;
    font-size: 75%;
    border-top: solid 1px #ccc
    border-bottom: solid 1px #ccc
    /*padding: 10px;*/

    }

    #columnright {
    float: right;
    right: 0;
    border-left: solid 1px #ccc
    }
    ....


    le il bordo lo metto a sinistra o a destra mi viene visualizzato, quello sopra e quello sotto invece no. Anche se metto il padding o aumento le distanze.
    Che devo fare?
  3.  permalink
    Puoi usare una horizontal rule < hr / >(codice che dovrai mettere nel file tpl che contiene il widget della topbar) , e poi in common.css ne definisci le proprietà!
    •  
      CommentAuthorNoWhereMan
    • CommentTimeJul 16th 2009 edited
     permalink
    credo ci sia un top-border bianco lasciato sul container principale. usa firebug e controlla (anche gli strumenti di sviluppo di IE8 funzionano)
  4.  permalink
    Chiedo scusa per aver letto male la richiesta... :)
    •  
      CommentAuthorlantaca
    • CommentTimeJul 16th 2009 edited
     permalink
    Il problema era più banale: sono io che sono un idiota...
    non avevo chiuso le stringhe col punto e virgola... ora va, non importava nemmeno disabilitare il bordo biancho che mi hai detto
    questo tema sta diventando proprio bellino :P