-
|
| .
|
Senior Member
- Group
- Member
- Posts
- 30,100
- Status
- Offline
|
|
E rieccomi qui, ma con un problema diverso.
Come dice il titolo, sto tentando da ieri di mettere Nel forum di prova tre sezioni affiancate a una sezione/immagine come nell'esempio qua sotto
Però sono sorti dei problemi:
- Questa qui. In pratica volevo che fossero tutti sulla stessa linea, cioè orizzontali.
Il codice per quell'effetto è questo
CODICE /*Blocco Sezione 1 */
#f64623416 {background: url(https://i.imgur.com/dgmo8UL.gif); width: 240px; float: left; height: 255px; border-bottom: 0 solid #000; margin-top: 1px}
#f64623416 .bb, #f64623416 .zz, #f64623416 .xx, #f64623416 .ww, #f64623416 .yy, #f64623416 .web {display: none !important}
#f64623416 .aa {width: 0 !important}
#f64623417, #f64901998, #f64901999 {width: 67, 5%; height: 79px;}
#f64623417 .aa, #f64901998 .aa, #f64901999 .aa {width: 0 !important}
#f64623417 .bb, #f64901998 .bb, #f64901999 .bb {width: 50%}
#f64623417 .yy {display: none !important}
Oltre a ciò, avevo anche inserito l'effetto del testo su immagine al passaggio del mouse nell'immagine/sezione ma non funziona.
Colori e Stili CODICE .immagine {width: 239px; height: 254px; border: 4px solid #8C9D91; background: url(https://i.imgur.com/dgmo8UL.gif) no-repeat}
.testo {width: 225px; height: 240px; opacity: 0; transition: all .7s ease-in-out; color: #CEDBD1; font-size: 11px; line-height: 11px; padding: 3px; padding-top: 2px; background: #222325}
.testo:hover {opacity: 0.8} Html CODICE <div class="immagine"><span style="font-family:georgia; font-size:14px; letter-spacing: 0; text-transform: lowercase; font-weight: bold;"><a href="?f=64623416">Prova</a></span><div class="testo">Lorem ipsum dolor sit amet, consectetur adipisci elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua.</div></div>
P.S: Il problema del bordo inferiore l'ho risolto dato che era il border-bottom a 'coprirlo'
Edited by Röšîel - 22/5/2019, 13:16
|
|
|
| .
|
-
|
| .
|
- Group
- ForumFree Staff
- Posts
- 109,418
- Location
- Slayer's Flag
- Status
- Anonymous
|
|
1) cosa dovrebbe essere nella stessa linea? (con colori così scuri e poco contrastanti, non si riesce a vedere nelllo screenshot)
2) sopra quale immagine dovrebbe apparire il testo?
|
|
|
| .
|
-
|
| .
|
Senior Member
- Group
- Member
- Posts
- 30,100
- Status
- Offline
|
|
1) Quello del numero di discussioni, delle risposte e il nome dell'utente. Come appare nell'anteprima è tutto deformato, io invece lo volevo tutti sulla stessa riga, centrale, ma soprattutto all'interno della propria sezione. (P.S: Ho fatto un altro stamp e questa volta l'ho schiarito il più possibile.)
Aggiornamento: Per il primo problema ho risolto con il "display:none".
2). A quella più grande, cioè questo qui.
Edited by Röšîel - 23/5/2019, 17:09
|
|
|
| .
|
-
|
| .
|
- Group
- ForumFree Staff
- Posts
- 109,418
- Location
- Slayer's Flag
- Status
- Anonymous
|
|
|
| .
|
-
|
| .
|
Senior Member
- Group
- Member
- Posts
- 30,100
- Status
- Offline
|
|
Ha funzionato, ma chissà il perché con quell'altro non me lo faceva boh.
Ora però è risorto l'ennesimo problema (e mi maledico per questo -.- ).
Stamp parte segnata - Stamp senza segni
In pratica la mia immagine doveva coprire quell'area evidenziata con il pennello e invece mi è venuto così.
Edited by Röšîel - 24/5/2019, 14:48
|
|
|
| .
|
-
|
| .
|
Senior Member
- Group
- ForumFree Mod
- Posts
- 18,027
- Status
- Anonymous
|
|
Ha rimosso il codice?
Nel codice che aveva inserito (che non sono riuscito a salvare)
Basterebbe inserire un position:relative al #FID
e un position absolute al suo .desc con left e top 0 (puoi inserire anche width 100% e height:100%)
|
|
|
| .
|
-
|
| .
|
Senior Member
- Group
- Member
- Posts
- 30,100
- Status
- Offline
|
|
Credo di aver rimosso involontariamente qualche codice.
Alla fine comunque ha fatto la differenza proprio il position nell'id della sezione e della descrizione.
Il problema è finalmente risolto, grazie mille ^^
|
|
|
| .
|
6 replies since 22/5/2019, 10:15 148 views
.
