Riga sezione personalizzata

[ CSS ] Come creare una riga personalizzata in mezzo alle sezioni nel vecchio layout del circuito.

« Older   Newer »
 
  Share  
.
  1. .|Ye|.
        +1   -1
     
    .

    User deleted


    Riga sezione personalizzata

    Ho ricevuto diverse richieste in cui mi si chiedeva come ottenere un box sezione personalizzato e quindi liberamente modificabile. Per chi non avesse capito, una cosa del genere:Senza%20titolo-23

    1) Per ottenere ciò è necessario prima di tutto creare una sezione che sia la prima e anche l'ultima componente di un gruppo sezioni prima del gruppo sezioni a cui volete agganciare (non importa come chiamate la sezione e il gruppo sezioni). Per fare questo trovate il necessario su Amministrazione > Sito web > Crea sezioni (e poi Gestione sezioni).

    2) A questo punto è necessario prendere l'id della sezione che è stata appena creata; lo si può prendere dall'indirizzo stesso della sezione. Per esempio la sezione "Coding" di questo forum: https://skinfactory.forumfree.it/?f=9649093, l'id è 9649093. Nei codici che seguiranno sarà necessario sostituire a ID.

    3) Tramite colori e stili, eliminiamo la barra e gli elementi superflui quali le varie celle che compongono la sezione (tranne una, quella dove c'è il titolo e la descrizione):
    CODICE
    #fcID .aa, #fcID .ww, #fcID .zz, #fcID .yy, #fcID .xx, #fcID .title, #fcID .foot, #fcID .web, #fcID .mback {display: none}


    4) Spostiamo la nostra riga di sezione ormai priva del suo rivestimento in modo da attraccarla al gruppo sezioni che c'è sopra:
    CODICE
    #fcID {margin-top: -VALOREpx}

    al posto di VALORE la cifra.

    5) Ora sarà sufficiente andare in Amministrazione > Sito web > Gestione sezioni e scrivere ciò che si desidera nella descrizione della stessa sezione. Per modifiche relative alla forma e all'aspetto del contenuto servirsi, tramite colori e stili, del selettore:
    CODICE
    #fcID .bb {}

    ricordandosi di cambiare ID con quello della sezione ;)

    Faqs

    È possibile ottenere lo stesso risultato con una riga sezione compresa in un gruppo di altre sezioni?
    La risposta è no, ogni riga sezione è a sua volta una riga di una tabella, quando è da sola non c'è problema, quando è affiancata da altre sezioni (=righe), eliminare le rispettive colonne (aa, zz etc) non garantisce l'assorbimento dello spazio da parte della colonna contenente la descrizione della sezione (bb). Anche perché se fosse possibile non servirebbe agire in questo modo ;) e la risposta è sì, la riga sezione personalizzata sarà sempre l'ultima di un gruppo sezione, se non il gruppo sezione stesso.

    Trick a cura di .|Ye|. per lo Skinfactory.


    Edited by .|Ye|. - 16/2/2012, 15:42
     
    Top
    .
  2. Wed
        +1   -1
     
    .

    User deleted


    Tecnicamente è sbagliato fc devi prendere l'ID del gruppo sezioni per la sezione singola è f.
     
    Top
    .
  3. .|Ye|.
        +1   -1
     
    .

    User deleted


    Leggi le faqs :)
     
    Top
    .
  4. Wed
        +1   -1
     
    .

    User deleted


    Mi ero fermato al punto 4 :asd: Chiedo perdono.
     
    Top
    .
  5. SimPatrick
        +1   -1
     
    .

    User deleted


    Ciao a tutti,
    è possibile fare la stessa cosa con le righe delle discussioni? Prima di mettermi a provare vorrei la conferma.
    Saluti a tutti.
     
    Top
    .
  6. .|Ye|.
        +1   -1
     
    .

    User deleted


    CITAZIONE (SimPatrick @ 4/4/2012, 15:56) 
    Ciao a tutti,
    è possibile fare la stessa cosa con le righe delle discussioni? Prima di mettermi a provare vorrei la conferma.
    Saluti a tutti.

    Non si può fare. Al limite si può fare qualcosa a tutte le righe, ma non a righe precise in base alla discussione.
     
    Top
    .
  7.     +1   -1
     
    .
    Avatar


    Group
    Member
    Posts
    4,427
    Likes
    0
    Location
    Cuneo

    Status
    Offline
    Nel nuovo clayout come si fa?
     
    Top
    .
  8. Valls ~
        +1   -1
     
    .

    User deleted


    Se non sbaglio, con il nuovo layout è più semplice perchè puoi lavorare su ciascuna riga senza intaccare le altre, quindi direi:
    CODICE
    #fID .aa, #fID .zz, #fID .yy, #fID .web {display:none}

    Modifichi la descrizione come preferisci e poi regoli tutto con:
    CODICE
    #fID .bb {}

    Ora non ho il tempo di controllarlo, ma penso funzioni (:
     
    Top
    .
  9.     +1   -1
     
    .
    Avatar


    Group
    Member
    Posts
    4,427
    Likes
    0
    Location
    Cuneo

    Status
    Offline
    Grazie mille :)
     
    Top
    .
  10.     +1   +1   -1
     
    .
    Avatar

    Senior Member

    Group
    Team
    Posts
    12,737
    Likes
    +150

    Status
    Anonymous
    Per il nuovo layout c'è una guida apposita =)
    https://skinfactory.forumfree.it/?t=66272373
     
    Top
    .
  11.     +1   -1
     
    .
    Avatar


    Group
    Addict
    Posts
    1,394
    Likes
    0
    Location
    Catania

    Status
    Anonymous
    Non ci capisco niente, seriamente! xD Me lo può fare qualcuno? xD Magari faccio qualche spam per il suo forum! ;)

    Se siete disponibile potreste inviarmi un MP, grazie! [così gli passo l'url perchè se lo faccio qui è spam, quindi ban!]
     
    Top
    .
  12. Valls ~
        +1   -1
     
    .

    User deleted


    Cosa non è chiaro esattamente? Si tratta di inserire il codice in Colori e Stili nel tuo forum e cambiare "ID" con l'id della sezione che vuoi personalizzare (:
    Gli altri due passaggi servono: il primo a unire la sezione personalizzata al blocco sovrastante; il secondo a personalizzare il testo che vuoi mettere in quella sezione ^^

    Prova a fare così e se qualcosa non funziona, chiedi pure qui (:
     
    Top
    .
11 replies since 19/7/2011, 17:46   1161 views
  Share  
.