Centrer sur la hauteur l'effet 3D de la colonne derniers messages
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Centrer sur la hauteur l'effet 3D de la colonne derniers messages
Détails techniques
Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : http://lescobrasidf.forumactif.org/
Description du problème
Bonsoir,Après avoir suivi ce post sur l'effet 3D pour appliquer dans la colonne nouveau message, j'ai effectué la modification CSS suivante :
- Code:
dd.lastpost {
text-align:center;
margin-left: 20px;
border-radius: 5px;
}
ul.topiclist.forums dd.lastpost {
box-shadow: #000 0 0 4px;
text-align:left;
}
ul.topiclist.bg_none dd.lastpost {
box-shadow: #000 0 0 4px;
text-align:left;
}
Je souhaiterais aller plus loin et avoir la possibilité de centrer sur la hauteur le cadre, mais aussi de ne pas le faire apparaître lorsqu'il n'y a aucun dernier message (le forum est nouveau !!! ), comme l'image suivante :
Re: Centrer sur la hauteur l'effet 3D de la colonne derniers messages
Salut TOM_@ ,
pour centrer il faut un
margin-top:5px et un
margin-bottom:5px
Ta css modifiée:
Pour supprimer la partie vide , on va passer par un script:
Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Colles ceci:
Penses à cliquer sur le bouton
a++
pour centrer il faut un
margin-top:5px et un
margin-bottom:5px
Ta css modifiée:
- Code:
dd.lastpost {
text-align:center;
margin:5px 0px 5px 20px ;
border-radius: 5px;
}
ul.topiclist.forums dd.lastpost {
box-shadow: #000 0 0 4px;
text-align:left;
}
ul.topiclist.bg_none dd.lastpost {
box-shadow: #000 0 0 4px;
text-align:left;
}
Pour supprimer la partie vide , on va passer par un script:
Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Colles ceci:
- Code:
$(function(){
$('span a[title=""]').closest('dd.lastpost ').css('display','none');
});
Penses à cliquer sur le bouton
a++
Invité- Invité
Re: Centrer sur la hauteur l'effet 3D de la colonne derniers messages
Bonsoir Milouze 14,
Nickel pour le script de suppression, lorsqu'il n'y a aucun derniers messages.
Pour le centrage, mes tailles (en hauteur) de catégories de forum sont différentes.
J'en ai une un peu plus grande que l'autre, mais j'ai pu plus ou moins gérer cela en
réglant le nombre les marges et cela me convient parfaitement. :youopi:
Donc , merci à toi
Nickel pour le script de suppression, lorsqu'il n'y a aucun derniers messages.
Pour le centrage, mes tailles (en hauteur) de catégories de forum sont différentes.
J'en ai une un peu plus grande que l'autre, mais j'ai pu plus ou moins gérer cela en
réglant le nombre les marges et cela me convient parfaitement. :youopi:
Donc , merci à toi
Sujets similaires
» Hauteur (et taille de police) de la barre comprenant "Forums", "Sujets", "Messages" et "derniers messages"
» Colonne derniers messages
» déplacer le nombre de messages et sujets dans la colonne "Derniers Messages"
» Modifier taille colonne "Sujets/Messages/Derniers messages"
» Centrer verticalement (Colonnes "Sujets, Messages & Derniers Messages")
» Colonne derniers messages
» déplacer le nombre de messages et sujets dans la colonne "Derniers Messages"
» Modifier taille colonne "Sujets/Messages/Derniers messages"
» Centrer verticalement (Colonnes "Sujets, Messages & Derniers Messages")
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum