-
.|Ye|.
.User deleted
Le pagine e gli elementi utili
Argomento Correlato: -Selettori di pagina
Nel nuovo layout sono stati implementati dei particolari selettori che identificano *per pagina*, con il preciso compito di differenziare quelle che sono le varie aree del forum e permettere quindi una modifica più ampia e precisa.
Ecco di seguito i selettori:
#board identifica la homepage del forum;
#online identifica la pagina della lista completa degli utenti collegati;
#members identifica le pagine dei vari gruppi utente;
#forum identifica le pagine dell'interno sezione (i topics);
#topic identifica le pagine dell'interno topic (discussione);
#blog identifica le pagine del blog;
#profile identifica le pagine dei profili utente;
#user identifica le pagine del pannello di controllo e le "iscrizioni" sotto la voce "discussioni" nel menu in alto;
#msg identifica le pagine del messenger;
#search identifica le pagine di ricerca tramite box e le "discussione attive" sotto la voce "discussioni" nel menu in alto;
#mod identifica le pagine di moderazione accedibile nel menu in alto tramite "moderazione" se si è appunto moderatori.
Questi selettori vanno messi prima di tutti gli altri. Per esempio se intendessi modificare la barra .mback delle sezioni, scriverai:CODICE#forum .mback {}Selettori di pagine tramite ID
È anche possibile identificare le pagine in maniera ancora più precisa. Per esempio se intendi modificare la pagina solamente di determinate sezioni/discussioni. Prima di tutto è importante prelevare il rispettivo ID della sezione che vuoi modificare, come fare? Prendi questa stessa sezione https://skinfactory.forumfree.it/?f=9851389 l'ID sarà 9851389, ovvero la parte numerale che sta dopo l'uguale.
Ecco di seguito i selettori:
.fID identifica la pagina di una determinata sezione (l'interno sezione e l'interno topic);
.tID identifica la pagina di una determinata discussione (l'interno);
.fID.tID identifica la pagina di una determinata discussione di una determinata sezione;
.id-ID identifica la pagina di un determinato profilo utente (va sostituito solamente ID in maiuscolo!).
Vale sempre la solita regola del "prima". Se intendi modificare la barra .mback della sezione X dovrai scrivere:CODICE.fID .forum .mback {}
.forum identifica il blocco dell'interno sezione, se non venisse specificato modificherebbe la barra .mback anche di tutti i rispettivi topics (l'interno) della sezione.Il contenitore
Non è più indispensabile inserirlo manualmente, perché nel nuovo layout è già presente di default con un selettore proprio. È necessario inserire nel proprio Colori e Stili il seguente codice:CODICE.container {margin: VALORE auto}
dove al posto di VALORE la cifra di distanza dall'alto e dal basso con relativa unità di misura (pt, px, % etc.). L'auto è indispensabile per centrare perfettamente il contenitore e di conseguenza il contenuto.Il footer
Tra le aggiunte c'è sicuramente quella del footer, che rappresenta il fondale del forum e che contiene i banner pubblicitari e le sponsorizzazioni. Non può essere spostato e non può essere eliminato/nascosto, lo si identifica con il selettore .footer.I tabs (le etichette)
È possibile settare alcune etichette che andranno a posizionarsi ai lati del container. Per identificarle puoi servirti del selettore .tabs, di seguito alcune varianti:
.tabs.top identifica le etichette nel lato alto del container;
.tabs.bottom identifica le etichette nel lato basso del container;
.tabs.left identifica le etichette nel lato sinistro del container;
.tabs.right identifica le etichette nel lato destro del container;
.tab_tCIFRA identifica le singole etichette del lato alto del container in ordine da 1 a 4 (da sostituire al posto di CIFRA);
.tab_bCIFRA identifica le singole etichette del lato basso del container in ordine da 1 a 4 (da sostituire al posto di CIFRA);
.tab_lCIFRA identifica le singole etichette del lato sinistro del container in ordine da 1 a 4 (da sostituire al posto di CIFRA);
.tab_rCIFRA identifica le singole etichette del lato destro del container in ordine da 1 a 4 (da sostituire al posto di CIFRA).Il focus
È possibile settare le impostazione grafiche delle righe di topic/messaggi privati quando si spunta il quadratino checkbox per selezionare. Per farlo è sufficiente utilizzare il selettore .focus e impostare !important alle eventuali istruzioni:CODICE.focus {color: #FFF !important; background: #60B6DC !important}
questo è il focus settato nella skin di default, spuntando il checkbox di un qualsiasi topic (se si è almeno moderatori) o di un qualsiasi messaggio privato, la riga diventerà blu e le scritte bianche. È anche possibile settare il focus univocamente a interno sezioni e messenger, servendosi delle apposite classi:CODICE/* interno sezioni */
.forum .focus {}
/* messenger */
.msg .focus {}Lezione Precedente - Lezione Successiva
Edited by .|Ye|. - 1/9/2011, 13:56
.
Lezione9 10Pagine ed elementi utili |
