-
.|Ye|.
.User deleted
Il pannello e il messenger
Argomento Correlato: Skinning for Dummies [lezione 5]
Con l'avvento del nuovo layout la struttura del pannello di controllo e del messenger è notevolmente cambiata, seppur mantenendo le stesse funzioni di base.Il pannello di controllo
Puoi accedere al pannello di controllo direttamente dal menu dropdown in alto, premendo sulle opzioni nascoste assegnate al nome utente. Esso è diviso in 6 aree (Profilo - Avatar - Firma - Impostazioni - E-mail - Password), ognuna assegnata ad un'etichetta (tab) rintracciabile nella parte superiore del blocco.
Puoi identificarlo tramite il selettore .cp (control panel) e contiene a sua volta una serie di selettori pressapoco equivalenti in ciascuna area, per questo preferisco elencare solamente i più importanti:
.tabs identifica l'insieme delle etichette sopra il blocco del pannello;
.tabs .sub identifica le singole etichette sopra il blocco del pannello;
.tabs .sub.current identifica l'etichetta corrente, legata all'area che si sta visitando al momento;
.main_list identifica il corpo sotto le etichette e comprende .sunbar e .list;
.sunbar indica le barre che fanno da "titolo" nelle varie aree del pannello;
.list identifica l'insieme di tutte le righe dopo .sunbar fino a .darkbar;
.list li indica univocamente le righe;
.darkbar identifica la riga dove è presente il bottone di conferma.
(zoom)Il messenger
Anche per quanto riguarda il messenger puoi disporre di diverse aree percorribili (in tutto 5: Invia messaggio - Messaggi - Cartelle - Rubrica - Appunti) e la struttura di base è in tutto e per tutto identica a quella del pannello di controllo.
Puoi identificarlo tramite #msg ed esso comprende gli stessi selettori e le stesse funzioni descritte nel pannello di controllo (anche il selettore .cp è presente) con l'aggiunta di altri selettori nell'area "Messaggi", dove trovi la serie di messaggi spediti dagli altri utenti. Solo per questa parte posso quindi aggiungere:
.title, .title.top, .title.bottom che indicano rispettivamente il .title, la riga che sta al vertice dell'elenco dei messaggi e quella che sta in fondo.
.aa, .bb, .xx, .yy, .zz che indicano le varie colonne, sia del titolo, sia dei messaggi;
.big_list indica l'insieme di tutte le righe, ma solo quelle dei messaggi;
li.STATO stessa cosa delle sezioni, al posto di STATO on e off a seconda se i messaggi non sono stati letti o viceversa;
li#msgCIFRA stessa cosa dei topics, al posto di CIFRA una cifra da 0 a TOT che rappresenta, dall'alto verso il basso, il numero del messaggio in cui è posto;
.yy.thumbs indica la miniatura dell'avatar.
(zoom)
Per quanto riguarda l'interno dei messaggi ci troviamo di fronte ad un semi-ricalco dell'interno topics, ma per correttezza cito ugualmente le parti più importanti:
.mback e varianti, identificano la barra;
.title2 che sostituisce il .title dell'interno discussione, anche qui può essere a sua volta diviso in quello sopra (.title2.top) e in quello sotto (.title2.bottom);
.left, .right come nell'interno topics identificano rispettivamente la parte sinistra (dove sta avatar e info) e la parte destra (dove sta il messaggio).
(zoom)Lezione Precedente - Lezione Successiva
Edited by .|Ye|. - 28/8/2011, 14:32
. -
.
Scusate non riesco a riconoscere questo pezzo: www.cantilux.net/files7/1391386456.png
Dovrei eliminarlo come ho fatto con .title.top e .bottom, ma non riesco!
.
Lezione 8Pannello e messenger |
Web