Sur proSilver, l'avatar et le profil se trouvent à droite maintenant. Certains utilisateurs aimeraient retrouver cela à gauche, vu les habitudes qu'il avaient sous phpBB2, pour obtenir cela au final:
Allez dans .\styles\prosilver\theme\content.css
Trouvez :
- Code: Tout sélectionner
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}
Remplacez par :
- Code: Tout sélectionner
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}
Trouvez :
- Code: Tout sélectionner
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-left: 1px solid #FFFFFF;
width: 22%;
float: right;
display: inline;
}
Remplacez par :
- Code: Tout sélectionner
.postprofile {
/* Also see tweaks.css */
margin: 10px 0 5px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
width: 22%;
float: left;
display: inline;
}
jusque là, vous avez déplacé le bloc à gauche et ajouté une barre séparant votre profil du message.
Il manque maintenant la barre séparatrice dans les messages privés, pour celà, toujours dans content.css,
trouvez :
- Code: Tout sélectionner
.pm .postprofile {
border-left: 1px solid #DDDDDD;
}
et remplacez par :
- Code: Tout sélectionner
.pm .postprofile {
border-right: 1px solid #DDDDDD;
}
------------
pour déplacer le "online", vous avez deux solutions :
I. Pour mettre le online à droite de l'avatar (comme sur l'exemple)
Allez dans .\styles\prosilver\theme\content.css
Trouvez :
- Code: Tout sélectionner
.online {
background-image: none;
background-position: 100% 0;
background-repeat: no-repeat;
et remplacez 100% par le pourcentage convenant à l'emplacement désiré (pour information, l'exemple est placé à 16%)
II. Pour mettre le online à gauche de l'avatar (comme sur l'image suivante)
Allez dans .\styles\prosilver\theme\content.css
Cherchez :
- Code: Tout sélectionner
.online {
background-image: none;
background-position: 100% 0;
background-repeat: no-repeat;
}
Remplacez par :
- Code: Tout sélectionner
.online {
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
}
Ouvrir le fichier icon_user_online.gif qui se trouve dans .\styles\prosilver\imageset\en\ à l'aide d'un éditeur d'image et puis appliquer une rotation à gauche de 90°
N'oubliez pas bien sûr de vider votre cache pour voir l'évolution de vos travaux dans le panneau d'administration ->thèmes ->rafraîchir
Un immense merci à cyberclic pour ses solutions efficaces
- MAJ par Jester le 17/02/2008 -
Flux RSS