-
|
.
|
| CITAZIONE (Dadz @ 14/8/2010, 08:50) Le posizioni assolute spostano gli elementi via dal flusso normale del documento (lo puoi testare usando i float in un layout, per esempio) e pertanto si possono creare problemi a risoluzioni diverse, in condizioni diverse e boh. Pertanto, se volete fare di testa vostra a me non cambia nulla, ma se vorrete apprezzare il consiglio ne trarrete solo vantaggio, penso! Anche se in questo caso, magari, non cambia esattamente una cippa è sempre meglio evitare questi metodi "di ripiego".
xD Esatto... Per molto tempo ho cercato codici e codici i HTML che posizionassero dei selettori in una determinata posizione cercando la compatibilità su tutti i browser, ma sfortunatamente è sempre stata un'impresa, dato che IE fa veramente ''schifo'', il float ha la stessa funzione del valore assoluto, e per quanto riguarda la risoluzione....beh si ci sono stati sempre dei problemi... Più o meno i codici che vengono utilizzati per l'html possono essere riutilizzati nel CSS con gli stessi risultati...E' per questo che ho postato il codice, ma ho comunque deciso di seguire il tuo consiglio, dadz,  E' raro che uno skinner si ponga il problema dell'mtitle, ecco perchè molti nuovi skinner fanno fatica a capire il metodo da te citato xD Anche se in realtà è semplicissimo.Bastano due passaggi...
Anche se mi sembra una cosa stupida forse dovremmo fare un tutorial |
|
-
|
.
|
| CITAZIONE (Dadz @ 14/8/2010, 10:04) Ken, .board si trova in home non nelle sezioni  .
Errore di distrazione xD |
|
-
|
.
|
| Sostituisci questi codici a quelli che hai nello skin e cancella il codice dell'mback right:
CODICE .mtitle {text-align: right; letter-spacing: 2px; padding-top: 15px; padding-right: 30px; word-spacing: 2px; font-weight: bold; font-size: 8pt; color: #A2E0A5; text-shadow: 1px 1px 1px #E6E5E5}
.mback {height: 32px; background-repeat: repeat-x; background-image: url(http://digilander.libero.it/AniyaChan/NewGeneration/newgeneration_05.png)}
.mback_center {height: 32px; background-image: url(http://digilander.libero.it/AniyaChan/NewGeneration/newgeneration_06.png); background-repeat: no-repeat; background-position: right} |
|
-
|
.
|
| CODICE .mtitle {text-align: right; letter-spacing: 2px; padding-right: -200px; word-spacing: 2px; position:absolute; right: 130px; font-weight: bold; font-size: 8pt; color: #A2E0A5; text-shadow: 1px 1px 1px #E6E5E5}
sostituisci tutto xD e il valore da settare a piacimento è : ''130px;'' |
|
-
|
.
|
| CITAZIONE (^MiSa^ @ 14/8/2010, 01:31) con quel codice più che problemi di browser ci sarebbero problemi di risoluzione. Io personalmente uso sempre il primo metodo  Poi scegli tu 
....Tutto ciò che è nuovo vi spaventa....è proprio qui che sbagliate... Non da nessun problema... ho testato il codice personalmente...sia browser che risoluzione che tutto quanto...so quello che posto...se non ne fossi sicuro non avrei mai postato il codice... Se no...C'è sempre il metodo tradizionale xD |
|
-
|
.
|
| Ci sono Vari metodi per questo effetto:
CODICE .board tr:hover > .aa, .board tr:hover > .bb, .board tr:hover > .xx, .board tr:hover > .yy, .board tr:hover > .zz {PROPRIETÀ}
o in alternativa questo:
CODICE /* ILLUMINAZIONE SEZIONI */
.web a:link img, .web a:visited img {filter:alpha(opacity=30); -moz-opacity: 0.5; opacity: 0.5}
.web a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0}
|
|
-
|
.
|
| | Ho testato il codice, e non da problemi con nessuno browser e ne alla struttura dello skin, penso andrebbe bene tanto è solo uno skin xD |
|
-
|
.
|
| C'è un modo semplice, basta che aggiungi questo codice all'mtitle:
CODICE position:absolute;right: 161px;
Il valore dovrebbe andare bene, poi lascio a te il posizionamento nel rettangolo. =)
Se devi abbassare o alzare l'mtitle aggiungi top o bottom ... |
|
-
|
.
|
| 1- Io ti consiglierei semplicemente di aggiungere dei (br) in Gestione HTML/in cima al forum.
2- Sostituisci LEFT a RIGHT e metti il valore che più preferisci:
CITAZIONE /* BARRA ATTORNO AL FORUM */
.mtitle {text-align: left; letter-spacing: 0; word-spacing: 1px; padding-bottom: 3; margin-right: 80px; font-size: 12px; color: #5E5E5E; text-shadow: 1px 0 0 #EFF6C2}
|
|
-
|
.
|
| | cosa intendi per scritte incassate?? spiegati meglio. |
|
-
|
.
|
| | Inanzitutto quel pannello che hai citato si chiama Step Carousel, poi possiamo dire che non è un qualcosa di semplice, questo Step Carousel viene creato in una propria pagina web (io normalmente me la creo su altervista) inserendo i vari file che servono per il funzionamento e inseguito questa pagina.html viene inserita qui su forumfree tramite un iframe. Si possono inserire anche video di Youtube, e se ne possono cambiare la grandezza a piacimento cambiando i valori all'interno dell'embed del video. L'argomento in questione è fattibile ma complicato da spiegare in quattro passaggi. |
|
-
|
.
|
| Sostituisci questo code a quello che hai nel codice della skin in colori e stili.
Ho sostituito solo bottom a top e 8 px ai 3 che avevi.
CODE .mtitle {text-align: center; letter-spacing: 1px; word-spacing: 1px; padding-bottom: 8px; font-weight: bold; font-size: 8.5pt; color: #445588}
e per posizionare il ''titolo della sezione'' a destra o sinistra cambia text-align: ; a tuo piacere.
spero che sia stato esauriente nella risposta. Se hai altri problemi chiedi. =) |
|
-
|
.
|
| Per spostare il testo al disopra della linea basta scrivere bottom al posto di top nel .mtitle quindi:
/* BARRA ATTORNO AL FORUM */--->.mtitle --->padding-bottom: Valore px;
e per l'allineamento del testo a destra e a sinistra basta che sostituisci il center con right o left al .mtitle ---->text-align: ??? ; |
|
-
|
.
|
| | dove lo vedi il bordo nero?fai uno stamp di come lo visualizzi e postalo. |
|
-
|
.
|
| | è stato un piacere aiutarti =D |
|
40 replies since 28/7/2007
.
