Centrer sur la hauteur l'effet 3D de la colonne derniers messages

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Centrer sur la hauteur l'effet 3D de la colonne derniers messages

Message par TOM_@ le Dim 16 Nov 2014 - 21:12

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 !!! Embarassed ), comme l'image suivante :



TOM_@
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 10/11/2014

http://lescobrasidf.forumactif.org/
TOM_@ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer sur la hauteur l'effet 3D de la colonne derniers messages

Message par Milouze14 le Lun 17 Nov 2014 - 18:06

Salut TOM_@ ,

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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer sur la hauteur l'effet 3D de la colonne derniers messages

Message par TOM_@ le Lun 17 Nov 2014 - 20:26

Bonsoir Milouze 14,

Nickel pour le script de suppression, lorsqu'il n'y a aucun derniers messages. Yes

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 résolu, merci à toi ok
Hi

TOM_@
Nouveau membre

Masculin
Messages : 21
Inscrit(e) le : 10/11/2014

http://lescobrasidf.forumactif.org/
TOM_@ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum