Box di Sezione

Codice che permette di creare un box/divisore con contenuti sotto una sezione/categoria

« Older   Newer »
 
  Share  
.
  1.      
     
    .
    Avatar

    Member

    Group
    Lettore
    Posts
    781
    Activity Level
    0

    Status
    Anonymous
    QUOTE (LordAndrew @ 27/7/2015, 04:23) 
    Nel CSS la posizione del codice non influenza per nulla il risultato, al massimo per per "sovrascrivere gli altri codici" si utilizza l'!important

    In presenza di regole identiche vince l'ultima specificata. Inoltre la priorità dei codici dipende dalla specificità dei selettori e come è stato detto dall'utilizzo di !important.
     
    Top
    .
  2.      
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    1,220
    Activity Level
    0

    Status
    Offline
    Quoto Henry, caro lordandrew prova a scrivere un paragrafo in html e settare lo stile così:
    CODICE
    p {color: red}
    p {color: black}

    e dimmi se il testo è rosso o nero... ;)
     
    Top
    .
  3.      
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    1,772
    Activity Level
    0

    Status
    Offline
    Alla fine sono riuscita a mettere il codice ma ora non so come fare per togliere quella cosa nera che vedo sul box di sezione, sapete dirmi come fare? O almeno cosa devo modificare per toglierlo?
    Vi posto la stringa di codice

    CODICE
    #fc64599210 .mback_left, #fc64599210 .main6 tr[id] > *:not(.bb), #fc64599210 .bb .web, #fc64599210 .title {display: none}
    #fc64599210 .mback, #fc64599210 .mback_right {height: 22px; background: #000000 none repeat-x}
    #fc64599210 .minus {background: none center center no-repeat; width: 7px; height: 7px; margin-right: 10px}
    #fc64599210 .plus {background: none center center no-repeat; width: 7px; height: 7px; margin-right: 10px}
    #fc64599210 .mback .mtitle {color: #FFF; font-size: 9pt; font-weight: bold}
    #fc64599210 .bb {text-align: center; padding: 0; background: #ECF5F7}
    .rubriche {display: block; padding: 10px 0}
    .rubriche div {width: 150px; display: inline-block; text-align: left; padding: 0 5px}
    .rubriche h3, .rubriche h4 {margin: 0; padding: 0}
    .rubriche h3 {display: inline; font-size: 9pt}
    .rubriche h4 {font-weight: normal; font-size: 8pt}
    .rubriche img {float: left; margin: 10px 10px 0 2px; opacity: 0.3} .rubriche a:hover img {opacity: 1.0} BOX DI SEZIONE - http://ffmagazine.forumfree.it/?t=55686887 */
    #fc64599210 .mback_left, #fc64599210 .main6 tr[id] > *:not(.bb), #fc64599210 .bb .web, #fc64599210 .title {display: none}
    #fc64599210 .mback, #fc64599210 .mback_right {height: 22px; background: #000000 none repeat-x}
    #fc64599210 .minus {background: none center center no-repeat; width: 7px; height: 7px; margin-right: 10px}
    #fc64599210 .plus {background: none center center no-repeat; width: 7px; height: 7px; margin-right: 10px}
    #fc64599210 .mback .mtitle {color: #FFF; font-size: 9pt; font-weight: bold}
    #fc64599210 .bb {text-align: center; padding: 0; background: #ECF5F7}
    .rubriche {display: block; padding: 10px 0}
    .rubriche div {width: 150px; display: inline-block; text-align: left; padding: 0 5px}
    .rubriche h3, .rubriche h4 {margin: 0; padding: 0}
    .rubriche h3 {display: inline; font-size: 9pt}
    .rubriche h4 {font-weight: normal; font-size: 8pt}
    .rubriche img {float: left; margin: 10px 10px 0 2px; opacity: 0.3} .rubriche a:hover img {opacity: 1.0}
     
    Top
    .
  4.      
     
    .
    Avatar

    Member

    Group
    Lettore
    Posts
    781
    Activity Level
    0

    Status
    Anonymous
    Dovresti eliminare questa parte:
    CODE
    #fc64599210 .mback, #fc64599210 .mback_right {height: 22px; background: #000000 none repeat-x}
    #fc64599210 .minus {background: none center center no-repeat; width: 7px; height: 7px; margin-right: 10px}
    #fc64599210 .plus {background: none center center no-repeat; width: 7px; height: 7px; margin-right: 10px}
    #fc64599210 .mback .mtitle {color: #FFF; font-size: 9pt; font-weight: bold}
     
    Top
    .
  5.      
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    1,772
    Activity Level
    0

    Status
    Offline
    CITAZIONE (.Henry @ 9/9/2015, 17:57) 
    Dovresti eliminare questa parte:
    CODICE
    #fc64599210 .mback, #fc64599210 .mback_right {height: 22px; background: #000000 none repeat-x}
    #fc64599210 .minus {background: none center center no-repeat; width: 7px; height: 7px; margin-right: 10px}
    #fc64599210 .plus {background: none center center no-repeat; width: 7px; height: 7px; margin-right: 10px}
    #fc64599210 .mback .mtitle {color: #FFF; font-size: 9pt; font-weight: bold}

    Grazie :D
    Praticamente cosa sarebbe una cornice?
     
    Top
    .
  6.      
     
    .
    Avatar

    Member

    Group
    Lettore
    Posts
    781
    Activity Level
    0

    Status
    Anonymous
    Si, credo per differenziarlo dalle altre sezioni. Tuttavia con alcune skin può causare qualche problema :sisi:
     
    Top
    .
  7.      
     
    .
    Avatar

    Member

    Group
    Member
    Posts
    102
    Activity Level
    0
    Location
    Milano

    Status
    Offline
    e' inutile... proprio non ci riesco -.-"
    o sono tonta o proprio con me non funzionaaaaaa
     
    Top
    .
  8.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    3,985
    Activity Level
    0

    Status
    Offline
    dopo una ricerca disperata di questo codice per il vecchio layout e la miracolosa segnalazione di quest'articolo da parte di -Ced, sono finalmente riuscita a rendere orizzontali le sezioni (a seguito di smanettamenti vari per adattarlo).
    ho solo una richiesta, se è possibile (anche se probabilmente l'avreste già fatto, ma ci provo lo stesso). è possibile visualizzare l'ultima risposta anche nel vecchio layout?
    il forum della sola skin su cui sto provando il codice è questo
     
    Top
    .
  9.      
     
    .
    Avatar

    Member

    Group
    Lettore
    Posts
    781
    Activity Level
    0

    Status
    Anonymous
    Puoi inserire il widget degli ultimi topic nelle descrizioni delle varie sezioni:
    CODICE
    [LAST_TOPICS=n:1,sez:IDSEZIONE]

    Quindi ad esempio il primo box diventerà:
    HTML
    <div>
    <a href="?f=993744"><img src="http://i.imgur.com/dVB03MW.gif"><h3>Sez 1</h3></a><br>
    <div style="overflow:auto; height: 20px"><h4>prova 1 jhghjg fdgfd safsfsdf sdfsdgfsdfsd dgdfgdfgfdgd dfgdfgfdgdf dfgdfgdf sfsdfs dfg dfg<br>
    [LAST_TOPICS=n:1,sez:993744]
    </h4></div>
    </div>
     
    Top
    .
  10.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    3,985
    Activity Level
    0

    Status
    Offline
    non funziona :(
     
    Top
    .
  11.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    3,985
    Activity Level
    0

    Status
    Offline
    scusate, non so se abbia sbagliato qualcosa o se magari c'è un codice aggiuntivo che possa ovviare al mio problema. cerco di spiegarvi tutti i passaggi dall'inizio nella speranza che riusciate a capimi.

    come detto più sopra, ho installato il codice in una mia skin fatta con il vecchio layout, il link, è questo.
    prendo in considerazione il primo box, perchè la prova che mi serve descrivervi l'ho fatta li.
    allora, ho creato 4 sezioni e ho inserito i vari codici in gestione sezione e in css per come ci avete spiegato. ho reso la 2° sezione, sottosezione della 1°, e la 4° sezione come sottosezione della 3°, il tutto usando i soliti numerini del box sottosezione in gestione sezioni.
    lasciando il codice con tutti gli id delle sezioni, e quindi anche delle sottosezioni, in home vedevo tutto come fossero normali sezioni in bellavista, e non sottosezioni.
    quindi ho eliminato dal codice quelle che avevo messo come sottosezioni, o meglio, quest'operazione l'ho fatta solo con la 1° sottosezione, l'altra infatti si vede ancora.
    così facendo funziona, ma entrando dentro la sezione principale, la sottosezione non è più in orizzontale ma di nuovo in verticale.
    ho provato a creare un'altra sezione rubrica con il titolo della 1° sezione, ho inserito il codice con l'id di quella che voglio sia la sottosezione, cioè la 2° sezione, ma appena vado in home, non solo rivedo la sottosezione come fosse una sezione normale, ma è persino sotto tutte le altre, in una riga diversa.
    alla fine quest'ultimo passaggio l'ho eliminato e sono tornata ad avere la sottosezione in verticale.

    nella speranza di essermi spiegata bene, quello che voglio fare è semplicemente questo: rendere orizzontali anche le sottosezioni...c'è un modo, please? :(

    altra cosa, mettendo il codice per gli ultimi topic mi sono resa conto che funziona, ma solo se l'ultimo post è recente. e poi come mai l'altezza del font è diversa dal resto?

    Edited by Cristina Black - 9/10/2015, 00:11
     
    Top
    .
  12.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    3,985
    Activity Level
    0

    Status
    Offline
    up
     
    Top
    .
  13.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    3,985
    Activity Level
    0

    Status
    Offline
    Evidentemente nessuno sa rispondere alla mia domanda, non ci credo che non ci sia nessuno che venga a vedere questo topic o a cui non sia arrivata la notifica di nuovo messaggio.
    Lasciamo perdere il problema sopra descritto, manterrò le sottosezioni verticali e via. Spero che però almeno a questo mi rispondiate e non mi ignoriate così -.-.
    Allora, io come browser uso Chrome e molto spesso uso lo zoom per via delle scritte troppo piccole di molti forum. Provando lo zoom nel forum in cui ho fatto le prove per le sezioni orizzontali (ripeto, questo qui), le targhette, e quindi le sezioni, non si zoomano allo stesso modo. In pratica è tutto sproporzionato: se zoomo per ingrandire, le targhette vanno fuori dal corpo della skin, e se zoomo per rimpicciolire, le targhette diventano piccole piccole lasciando un sacco di spazio nel box.
    Non so se ci sia un codice che permette di mantenere tutto proporzionato quando si zooma, quindi senza spazi o fuoriuscite di targhette, e non so se va inserito in mezzo a quello per rendere le sezioni orizzontali, per questo lo chiedo a voi. Potete aiutarmi almeno in questo, per favore?
     
    Top
    .
  14.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    3,985
    Activity Level
    0

    Status
    Offline
    che assistenza...
     
    Top
    .
  15.      
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    1,052
    Activity Level
    +76

    Status
    Anonymous
    Come mai il riquadro dove ci sono le sezioni non ha la stessa grafica del forum? http://netflix.forumcommunity.net/
     
    Top
    .
86 replies since 15/5/2011, 13:09   18712 views
  Share  
.
Top