Avatar Rotondi

[cleo*]

Buon pomeriggio, vorrei nel mio  forum cambiare  l  forma  degli Avatar da  quadrati a  rotondi

vi metto stamp  per  esempio  cosa  devo  fare?? grazie  in anticipo

come  i  vostri li vorrei  mettere

[Insane]

Ciao, vai in PDA-->Visualizzazione-->Colori-->Fogli di Stile CSS una volta qui incolla il seguente codice e salva

Codice:

#main-content > div.post .postprofile dt > a, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > img, td.avatar-mini img {
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px;
    width: 100px;
}

.lastpost-avatar {
    float: left;
    padding: 2px;
}

.lastpost-avatar, .lastpost-avatar img, td.avatar-mini img {
    height: 34px;
    width: 34px;
}
.lastpost-avatar {
    margin: 0 5px 0 0;
    padding: 2px!important;
}

.avatar, .lastpost-avatar, td.avatar-mini img {
    box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
}

Saluti
Insane

[cleo*]

sono rimasti quadrati  come  mai? devo annullare il codice di quelli  quadrati?? ma nn ricordo dove si trova

[Insane]

Mandami per MP il tuo codice CSS così ti faccio togliere il codice che va in contrasto

Saluti
Insane

[cleo*]

si trova  nel css??  ok allora lo vado a cercare  io credevo era in altro posto ti faccio sapere    
anche  perche' ho  visto  l avatar diventa rotondo  anche qui dentro e voglio vedere se poi mi piace

[Insane]

Ook

Saluti
Insane

[cleo*]

grazieee   

[cleo*]

comunque  il mio codice  avatar si trova  nel template mi devi  dare  il codice  per il template
da cambiare li non  nel css

[Insane]

Ma avevi seguito un tutorial particolare oppure hai attivato l'opzione del pda? Nel caso hai seguito tutorial potresti postarmelo grazie.

Saluti
Insane

[jessy]

Prova con questo..inserire nel foglio di style CSS

Codice:

.lastpost-avatar img {
    -moz-border-radius: 5px;/* SE VUOI ...DA MODIFICARE  PER FIREFOX*/
    -webkit-border-radius: 5px;/* SE VUOI ...DA MODIFICARE  PER FIREFOX*/
    border-radius: 5px; /*SE VUOI..DA MODIFICARE*/
    height: 38px; /*SE VUOI...DA MODIFICARE*/
    width: 38px; /*SE VUOI...DA MODIFICARE*/
}

No devi modificare niente nel vecchio CSS, si modifica da solo.Ciiaaaoooo

[cleo*]

Ma avevi seguito un tutorial particolare oppure hai attivato l'opzione del pda? Nel caso hai seguito tutorial potresti postarmelo grazie.

Saluti
Insane

lho fatto  l anno scorso non ricordo piu il tutorial qui dentro a quale  voce  era

[cleo*]

Prova con questo..inserire nel foglio di style CSS

Codice:

.lastpost-avatar img {
    -moz-border-radius: 5px;/* SE VUOI ...DA MODIFICARE  PER FIREFOX*/
    -webkit-border-radius: 5px;/* SE VUOI ...DA MODIFICARE  PER FIREFOX*/
    border-radius: 5px; /*SE VUOI..DA MODIFICARE*/
    height: 38px; /*SE VUOI...DA MODIFICARE*/
    width: 38px; /*SE VUOI...DA MODIFICARE*/
}

No devi modificare niente nel vecchio CSS, si modifica da solo.Ciiaaaoooo

grazie  mille  

[cleo*]

non  funziona lascio tutto  come' grazie lo stesso