Login    Iscriviti
  • Autore
    Messaggio

icone dello staff

Messaggio da leggereda LìôN88 » domenica 2 dicembre 2012, 23:47

Nella bacheca di questa skin
http://skinswwnewlayout.forumfree.it/
non riesco a sistemare l'avatar in questo modo
Immagine
non capisco perchè anche se sono uguali compaiono di dimensioni diverse.

poi vorrei sistemarli in questo ordine preciso.
Immagine
non ci capisco na mazza

questi sono i codici

Html
Codice: Seleziona tutto
<td class="ww">
 
<a class="thumbnail" href="#"><img alt="" src="http://i.imgur.com/z2XRK.jpg">
<span><img alt="" src="http://celebslists.com/images/eddie-guerrero-02.jpg" width="150" height="272" >Guerrero92</span></a>
 
<a class="thumbnail" href="#"><img alt="" src="http://i.imgur.com/wrbjA.jpg">
<span><img alt="" src="http://celebslists.com/images/eddie-guerrero-02.jpg">Joker Pain</span></a>
 
<a class="thumbnail" href="#"><img alt="" src="http://i.imgur.com/bG7mG.jpg">
<span><img alt="" src="http://celebslists.com/images/eddie-guerrero-02.jpg">Saske96</span></a>
 
 <a class="thumbnail" href="#"><img alt="" src="http://i.imgur.com/BQOLf.jpg">
<span><img alt="" src="http://celebslists.com/images/eddie-guerrero-02.jpg">~ HïrØ™ ~</span></a>
 
<a class="thumbnail" href="#"><img alt="" src="http://i.imgur.com/J2e3c.jpg">
<span><img alt="" src="http://celebslists.com/images/eddie-guerrero-02.jpg">Andre Monster</span></a>
 
<a class="thumbnail" href="#"><img alt="" src="http://i.imgur.com/9BPrX.jpg">
<span><img alt="" src="http://celebslists.com/images/eddie-guerrero-02.jpg">#Chris Haven</span></a>
 
<a class="thumbnail" href="#"><img alt="" src="http://i.imgur.com/j7edw.jpg">
<span><img alt="" src="http://celebslists.com/images/eddie-guerrero-02.jpg">Chosen One™</span></a>
 
<a class="thumbnail" href="#"><img alt="" src="http://i.imgur.com/B1lDK.jpg">
<span><img alt="" src="http://celebslists.com/images/eddie-guerrero-02.jpg">#Mizanin™</span></a>
</td>



colori e stili
Codice: Seleziona tutto
/* THUMB */
.thumbnail {position: relative; z-index: 8; text-decoration: none !important}
.thumbnail:hover {background: transparent; z-index: 9}
.thumbnail > span {display: none; position: absolute; top: 0; left: 40px; padding: 5px}
.thumbnail > span img {padding: 2px}
.thumbnail:hover > span {display: block; border: 1px; background-color: #0174B6; color: black}
.thumbnail:hover span span {display: inline; border: none}


Ci vuole il grande Giove :hap:
Immagine
Avatar utente
LìôN88
Pc-Intel
Pc-Intel
 
Messaggi: 257
Iscritto il: sabato 4 agosto 2012, 22:54
Sistema Operativo: Win 10
CPU: Quad-Core 3,80 GHz
RAM: 8,00 GB
HDD: 120gb e 500gb
Preassemblato: No

Re: icone dello staff

Messaggio da leggereda giova95 » lunedì 3 dicembre 2012, 15:08

A parte che non ho capito cosa vuoi fare con l'"avatar", quale avatar?
Per la seconda cosa io la vedo già così...
Non chiedete chiarimenti tecnici per via privata! I problemi vanno esposti direttamente sul forum, per il bene di tutti.
Vota il forum! :-)
Avatar utente
giova95
Admin
Admin
Pc-Master
Pc-Master
 
Messaggi: 2854
Iscritto il: mercoledì 18 luglio 2012, 10:25
Località: Strona (BI)
Sistema Operativo: Windows 7
CPU: Intel Pentium T4500
RAM: 4GB DDR3
HDD: 320GB
Preassemblato:

Re: icone dello staff

Messaggio da leggereda LìôN88 » lunedì 3 dicembre 2012, 16:32

si l'avatar, quando vai su un'icona ti compare un'immagine più grande , quello sarebbe l'avatar.
si la seconda cosa sono riuscito a risolverla da solo ^^
Immagine
Avatar utente
LìôN88
Pc-Intel
Pc-Intel
 
Messaggi: 257
Iscritto il: sabato 4 agosto 2012, 22:54
Sistema Operativo: Win 10
CPU: Quad-Core 3,80 GHz
RAM: 8,00 GB
HDD: 120gb e 500gb
Preassemblato: No

Re: icone dello staff

Messaggio da leggereda giova95 » lunedì 3 dicembre 2012, 16:52

Quindi l'immagine più grossa la vorresti posizionata sotto l'icona piccolina invece che di fianco?
Non chiedete chiarimenti tecnici per via privata! I problemi vanno esposti direttamente sul forum, per il bene di tutti.
Vota il forum! :-)
Avatar utente
giova95
Admin
Admin
Pc-Master
Pc-Master
 
Messaggi: 2854
Iscritto il: mercoledì 18 luglio 2012, 10:25
Località: Strona (BI)
Sistema Operativo: Windows 7
CPU: Intel Pentium T4500
RAM: 4GB DDR3
HDD: 320GB
Preassemblato:

Re: icone dello staff

Messaggio da leggereda giova95 » lunedì 3 dicembre 2012, 17:24

Il codice html è a posto. Il codice css invece è da cambiare. Sostituisci questo:
CODICE SBAGLIATO
Codice: Seleziona tutto
/* THUMB */
.thumbnail {position: relative; z-index: 0}
.thumbnail:hover {background-color: transparent; z-index: 9}
.thumbnail span {/*CSS for enlarged image*/
position: absolute; background-color: #3789B2; padding: 5px; left: -1000px; color: #103F4D; text-decoration: none}
.thumbnail span img {/*CSS for enlarged image*/
border-width: 0; padding: 2px}
.thumbnail:hover span {/*CSS for enlarged image on hover*/
visibility: visible; top: 0; left: 60px}

Con questo:

CODICE GIUSTO
Codice: Seleziona tutto
/* THUMB */
.thumbnail {position: relative; z-index: 0}
.thumbnail:hover {z-index: 200}
.thumbnail span {display: none; position: absolute; top: 28px; left: -80%; background-color: #3789B2; padding: 5px; color: #103F4D; text-decoration: none;}
.thumbnail:hover span {display:block;}


Non so se lo avessi modificato tu o cosa ma c'erano un sacco di cose inutili.
Così l'effetto dovrebbe essere accettabile. Se vuoi proprio che siano in centro devi mettere tutti gli avatar della stessa dimensione e poi va rimodificato il codice
Non chiedete chiarimenti tecnici per via privata! I problemi vanno esposti direttamente sul forum, per il bene di tutti.
Vota il forum! :-)
Avatar utente
giova95
Admin
Admin
Pc-Master
Pc-Master
 
Messaggi: 2854
Iscritto il: mercoledì 18 luglio 2012, 10:25
Località: Strona (BI)
Sistema Operativo: Windows 7
CPU: Intel Pentium T4500
RAM: 4GB DDR3
HDD: 320GB
Preassemblato:

Re: icone dello staff

Messaggio da leggereda LìôN88 » lunedì 3 dicembre 2012, 17:31

gli avatar sono già tutti dalla stessa dimensione, è questo il problema che voglio risolvere.
Immagine
Avatar utente
LìôN88
Pc-Intel
Pc-Intel
 
Messaggi: 257
Iscritto il: sabato 4 agosto 2012, 22:54
Sistema Operativo: Win 10
CPU: Quad-Core 3,80 GHz
RAM: 8,00 GB
HDD: 120gb e 500gb
Preassemblato: No

Re: icone dello staff

Messaggio da leggereda giova95 » lunedì 3 dicembre 2012, 17:39

Aggiungi
.thumbnail span img {width:80px; max-width:80px}
Non chiedete chiarimenti tecnici per via privata! I problemi vanno esposti direttamente sul forum, per il bene di tutti.
Vota il forum! :-)
Avatar utente
giova95
Admin
Admin
Pc-Master
Pc-Master
 
Messaggi: 2854
Iscritto il: mercoledì 18 luglio 2012, 10:25
Località: Strona (BI)
Sistema Operativo: Windows 7
CPU: Intel Pentium T4500
RAM: 4GB DDR3
HDD: 320GB
Preassemblato:

Re: icone dello staff

Messaggio da leggereda LìôN88 » martedì 4 dicembre 2012, 15:01

grazie giova, c'è una cosa che non sai risolvere?
Immagine
Avatar utente
LìôN88
Pc-Intel
Pc-Intel
 
Messaggi: 257
Iscritto il: sabato 4 agosto 2012, 22:54
Sistema Operativo: Win 10
CPU: Quad-Core 3,80 GHz
RAM: 8,00 GB
HDD: 120gb e 500gb
Preassemblato: No

Re: icone dello staff

Messaggio da leggereda giova95 » martedì 4 dicembre 2012, 15:07

Ce ne è tante... e non finirò mai di imparare :)
Non chiedete chiarimenti tecnici per via privata! I problemi vanno esposti direttamente sul forum, per il bene di tutti.
Vota il forum! :-)
Avatar utente
giova95
Admin
Admin
Pc-Master
Pc-Master
 
Messaggi: 2854
Iscritto il: mercoledì 18 luglio 2012, 10:25
Località: Strona (BI)
Sistema Operativo: Windows 7
CPU: Intel Pentium T4500
RAM: 4GB DDR3
HDD: 320GB
Preassemblato:

Torna a Creare e gestire un sito web

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

Torna all'indice