LA PIAZZA DI FFZ - Assistenza Il forum di assistenza di FreeForumZone

css personalizzato modifica il css del forum

  • Messaggi
  • OFFLINE
    Silvia
    Post: 29.196
    Registrato il: 01/01/2003
    00 17/05/2016 22:58
    Ciao,

    volevo personalizzare il mio forum creando usando HTML e CSS.
    lavorando sul pc di casa ho creato questo:



    poi però caricando sul sito nella pagin INTESTAZIONI HTML tutti i miei codici mi sono accorta che il mio css andava a modificare anche gran parte del forum e quindi per non fare casini ho tolto il css ottenendo comunque un effetto gradevole ma non quello che volevo..

    freeforumzone.com/forum.aspx?c=12050&f=12050

    il css riguardava le tabelle, th, tr, td e i link...
  • OFFLINE
    admin
    Post: 15.292
    Registrato il: 26/08/2000
    FreeForumZone Admin
    00 18/05/2016 18:04
    Qual è l'effetto che vuoi ottenere? Vuoi personalizzare solo quelle tabelle, giusto?

    Se modifichi, nel css, direttamente i tag th, tr, td ecc... questo ha effetto su tutto il forum!

    Puoi fare così: circondi tutto quello che vuoi mettere nell'html di inizio pagina da un div con una classe, e poi includi le modifiche ai tag che ti interessano solo se interni alla classe che li contiene, ti faccio un esempio:

    Personalizzazione tabelle in header del forum
    <div class="animemanga_header">
    <table>
     <tr>
       <td> colonna 1 </td>
       <td> colonna 2 </td>
     </tr>
    </table>
    </div>
    
    <style type="text/css">
    .animemanga_header table {
      /* tabella header animemanga */
      border: solid 1px #red;
    }
    .animemanga_header td {
      padding:5px;
    }
    </style>
    


    In sostanza, nel css, tutte le regole precedute da ".animemanga_header" avranno effetto solo all'interno del div con classe "animemanga_header".

    Fai attenzione a mantenere la stessa sintassi (con il punto "." iniziale ".animemanga" nelle regole del css, senza il punto "animemanga_header" come nome della classe nella parte html e lo spazio dopo ".animemanga_header" nelle regole del css, es: ".animemanga_header td") altrimenti non funziona.

    Spero di esserti stato di aiuto, se hai problemi chiedi pure!
    [Modificato da admin 18/05/2016 18:07]
  • OFFLINE
    Silvia
    Post: 29.196
    Registrato il: 01/01/2003
    00 18/05/2016 22:28
    Ok grazie!
    Vedrò di lavorarci e fare un po' di prove!