Dimensionare la colonna avatar

[Stefano Faggioli]

Su un forum di prova, ho installato da poco Prosilver e ho spostato la colonna del profilo utente (quella con l'avatar) sulla sinistra. Fin qui tutto bene; ora vorrei diminuire le sue dimensioni, non mi serve così grande; se ho ben capito le impostazioni relative alle colonne sono contenute nel content.css, ma come si modificano? ...ho cercato un bel pò ma alla fine non sono arrivato a nessuna soluzione sicura, anche se credo sia un argomento comune.
Grazie!

[Lady R]

Cerca nei CSS:
.postprofile
Sotto a questa voce troverai:
width: 22%;

Modifica la percentuale di quanto hai bisogno.

[Micogian]

E' una cosa che ho fatto nel mio forum.
Ber bilanciare la dimensione della colonna "profile" ho anche modificato la percentuale di postbody.
In origine le dimensioni sono 22% e 76%, fai in modo che la somma sia 98%, probabilmente per via dei margini.
C'è da controllare anche la posizione dell'icona "Online".

[Stefano Faggioli]

Grazie mille, era quello che mi serviva, c'ero quasi arrivato ma mi aveva lasciato un pò perplesso quella somma al 98%, oltre a qualche altro parametro che credevo di dover modificare...

[Stefano Faggioli]

Ora che ho capito come fare, mi rimane un problema; la gif con la scritta 'Online' è accanto all'avatar, e se questo è grande (da noi si possono fare larghi fino a 120px) per vederla sono obbligato a tenere la colonna molto larga. Secondo voi si può spostare la gif sotto al nick, altrimenti magari modifico il file icon_user_online.gif in modo da fargli occupare meno spazio in larghezza, non mi vengono altre idee...

[Micogian]

puoi usare la proprietà z-index per avatar e online. L'oggetto con valore z-index più alto sta sopra.

[Stefano Faggioli]

Ho provato così:

.online {
background-image: none;
background-position: 100% 0;
background-repeat: no-repeat;
z-index:1;

...ma non funziona; sicuramente sto sbagliando qualcosa...

[Micogian]

Valori più alti:

z-index: 200 ;

ma lo devi dare si alla classe avatar che a online. ovviamente diversi.

[Stefano Faggioli]

Ho modificato così:
.avatar {
border: none;
margin-bottom: 3px;
z-index: 200;
}

.online {
background-image: none;
background-position: 100% 0;
background-repeat: no-repeat;
z-index: 300;
}

...ma online si ostina a starsene sotto...

[Stefano Faggioli]

Scusatemi se insisto su questa cosa, ma l'ho presa proprio di punta...
Dunque, nel colours.css c'è:

.online {
background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
}

il fatto che icon_user_online.gif sia l'immagine di sfondo di .online, può essere il motivo per cui non può essere portata in primo piano?