Problème catégories / cadre autour du dernier message

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

Résolu Problème catégories / cadre autour du dernier message

Message par doudouw21 le Mer 24 Juil 2013 - 17:30

Bonjour ! Je suis actuellement en train de travailler sur mon forum test, et j'aurais souhaité suivre ce tutoriel de manière à, justement, encadrer la partie "dernier message". Seulement il y a un petit hic, comme vous pouvez le voir sur le forum en question. Comment faire, donc, pour que tout soit aligné correctement ? Je précise que je suis sous phpBB2.

Si besoin, voici mon template index_box

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      
         <td class="row3 over" align="center" valign="middle" height="50"><table><tr><td>
<div class="stats"><span class="gensmall">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</span></div></td></tr>
            <tr><td><div class="dermessage"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td></tr></table>
        </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et mon css (extrêmement fouillis, navrée) :

Code:
stats{
  background-color: #000;
  padding: 3px;
  text-align: center;}
 
.dermessage{
  background-color: #000;
  border: 1px solid #496ABD;
  border-radius: 20px;
  padding: 3px;
  width: 100px;
  text-align: center;}

.nomforum {
  font-family: 'Calligraffitti', cursive;
  font-size: 20px;
  font-color:#939dd6;
  text-align: center;
 
  
}


.imgcat
{
  border: 1px solid white;
   padding: 10px;
  width: 50px;
  height: 50px;
  -moz-border-radius: 108px;
}

.contourcat
{  background-color: #000000;
   border: 1px solid #496ABD;
border-radius: 20px;
  width: 500px;
  height: 100px;
  
}

.textecat
{font-align: justify;
  width: 350px;
  height: 75px;
   overflow: auto;
  padding-left: 15px;
  
}

a.forumlink {
 border-bottom: 1px #A3C9AC dotted;
}

a {
  text-decoration: none !important;
}

a:link {
  text-decoration: none !important;
}

a:hover{
  text-decoration: none !important;
}

body.chatbox {
background-color: #010415;
}

gradualfader {
opacity-fixed: 0.1;
color: #000000;
}

.forumline{
    background-color: #010415;

    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
    }

.postbody {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;
}

::-webkit-scrollbar{
  width: 5px;
  background-color: #b5bbdf;
  height: 5px;
}

::-webkit-scrollbar-track{
  background-color: #000000;
}

::-webkit-scrollbar-thumb{
  background-color: #b5bbdf;
}

::-webkit-scrollbar-button{
  background-color: #000000;
  height: 5px;
}

::-webkit-scrollbar-button:horizontal{
  background-color:#000000;
  width: 5px;
}

forumlink {
font: georgia;
font-size: 20px;
}

.fondprofil {

  width:220px;
  margin:auto;
background-image: url( http://img15.hostingpics.net/pics/273990FONDFNAA1.jpg );
background-repeat: repeat;
background-position: none;
display: block;
padding-left: 2px;
padding-right: 2px;
      border: 1px #040402 solid;
-moz-border-radius:10px 10px 10px 10px ;
-moz-border-radius:10px; /* coins arrondis */
-webkit-border-radius:10px; /* coins arrondis */
border-radius:10px; /* coins arrondis */
  }

.postbody {
text-align:justify;
}


-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

 .banane{
         background-image: url(\'http://i48.servimg.com/u/f48/15/08/21/67/prof10.jpg\')
background-repeat:repeat;
          margin: auto;
          padding: 10px;
          color: #D6D0AB;
          width: 90%;
          border: 0px solid #5D4128;
          -moz-border-radius: 25px;
          -webkit-border-radius: 25px;
          font-size: 12px;
    }

.limitation-avatar img {
max-width: 200px;
max-height: 320px;
}.



.postbody {
    display: block;
    text-align:justify;
    padding-left: 15px;
    padding-right: 15px;
}

.bodyline{

}
body {
margin: 0 auto;
}

.partiedroite {
font-size : 10px ; (Taille du texte)
border-left : Xpx dotted #COLOR ; (Séparation entre la partie droite et gauche, ici des pointillés)
padding-left : 10x } (Ne pas toucher)


.groupes{
background-color:#COLOR ;
border: 1px color #COLOR  ;
-moz-border-radius : Xpx Xpx Xpx Xpx;
height:40px; (ne pas toucher)
padding-right:12px; (ne pas toucher)
padding-left:14px; (ne pas toucher)
padding-bottom:3px; (ne pas toucher)
font-size:11px
;font-weight: bold; (bold=gras)
text-align:center;
font-variant: small-caps;
font-color : #COLOR ;
text-decoration: none !important; (Pas de souligné sur les liens)
}

    .forum-description {
              background-image: url("http://img15.hostingpics.net/pics/688135ffff.jpg");
          margin: auto;
          padding: 15px;
          color: #1A1C17;
          height: 105px;
          width: 480px;
          border: 1px #020620;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
          font-size: 12px; }

    /*--- Cette partie correspond à l\'onglet "X messages dans X sujets" ---*/
    .forum-stats {
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 1 none !important;
          border-left: 0px solid #1A1C17;
          border-right: 0px solid #1A1C17;
          border-top: 0px solid #1A1C17;
          color: #141A16;
          font-size: 11px;
          font-style: italic;
          height: 14px;
          left: 340px;
          padding: 3px;
          position: relative;
          text-align: center;
          width: 200px;
}
  
  /* TITRE CATEGORIE */






/* FIN */

.fontcate {
text-align: center;
font-family: traditional arabic;
color: #294735;  
text-shadow: 1px 1px #96C3BF;
font-size:30px;
}
  
/* Barre de Naviguation */
.mainmenu{
text-color: #4D6353;
}

a.mainmenu{
filter:alpha(opacity=80);

text-color: #4D6353;
}




a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l\'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d\'un bug IE */
  z-index: 999; /* on définit une valeur pour l\'ordre d\'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l\'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu\'il n\'y ait pas de retour à la ligne non-désiré */

  top: -50px; /* on positionne notre infobulle */
  left:50px;

  background: #1B1B1B; /* arrière-plan de l\'infobulle */

  color: #999EA6; /* texte dans l\'infobulle */
  padding: 3px;

  /* bordures de votre infobulle*/
  border: 1px double #999EA6;
  border-left: 3px double #999EA6;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;  
-moz-border-radius-bottomright: 18px;
-moz-border-radius-bottomleft: 18px;
}

/* arrondis des zones de textes by BestRPG */

input,textarea, select {border-radius: 6px 6px; -moz-border-radius: 6px;
}

.forumline{
-moz-border-radius:6px;
}

 .pomme{
         background-color:#A4A7AB ;
background-repeat:repeat;
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 100%;
          border: 0px solid #5D4128;
          -moz-border-radius: 25px;
          -webkit-border-radius: 25px;
          font-size: 12px;
    }




body{
background-color: #000000;
background-image: url("http://img11.hostingpics.net/pics/973541HEADER.png");
background-position:top;
background-repeat:no-repeat;}


/*FICHE ET CSS*/
.réponse{
font-family: georgia, serif;
font-size: 12px;
font-style: italic;
text-transform: lowercase;
letter-spacing: -1pt;
word-spacing: 1pt;
text-decoration: none !important;
line-height: 1.1;
  color:#1A1C17;
  opacity: 0.8;
}

 .stupide{
         background-color: #4B5443;
background-repeat:repeat;
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 100%;
          border: 2px solid #425245;
          -moz-border-radius: 25px;
          -webkit-border-radius: 25px;
          font-size: 12px;
    }

.test{
font-family: courrier new, serif;
font-size: 11px;
font-style:bold;
text-transform: uppercase;
letter-spacing: -1pt;
word-spacing: 1pt;
text-decoration: none !important;
text-shadow: 1px 1px #425245;
color: white;
}

.storyboard{
font-family: georgia, serif;
font-size: 24px;
font-style: italic;
text-transform: lowercase;
letter-spacing: -1.8pt;
word-spacing: 3pt;
text-decoration: none !important;
text-shadow: 0px 0px 1.5px white;
color: #FFEEC9;
text-align:center;
line-height: 0.8;  
}

.paragraphe{
font-family: georgia, serif;
font-size: 14px;
text-align: justify;
letter-spacing: -1pt;
word-spacing: 1pt;
text-decoration: none !important;
line-height: 1.1;
  color:#1A1C17;
  opacity: 0.8;
}

.nomprenom{
font-family:Megrim;
font-size: 33px;
color:#1A1C17;
margin-top:-18px;
text-align:center;
width:430px;
letter-spacing:-1px;
text-shadow: 0px 0px 3px #425245;
}

 /* LIENS  */
 a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none;
}
hr


a:hover {
text-decoration: none !important;
}


/*Aspect QEEL : Début*/

.cadre{

  background-image: url("http://img15.hostingpics.net/pics/879825QEEL.png");
  background-repeat: none;
  width: 775px;
  height: 301px;
  padding: 10px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.stats{
  float: left;
  margin-left: 10px;
  color: #C8CCEB;
  font-family: helvetica;
  width: 200px;
  height: 230px;
  padding: 5px;
  font-size: 11px;
  overflow: auto;
  text-align: justify;
  margin-top: -5px;
}

.cadregif{
  float: left;
  margin-left: 70px;
  margin-top: -20px;
  color: #C8CCEB;
  font-size: 30px;
  letter-spacing: 20px;
  font-family: verdana !important;
}

.listlastconnecte{
  
text-color:#C8CCEB ! important;
background-color: #000000;}

.membresco{
  float: right;
  margin-right: 10px;
  color: #000000;
  font-family: helvetica;
  width: 200px;
  height: 230px;
  padding: 5px;
  font-size: 11px;
  overflow: auto;
  text-align: justify;
  margin-top: -5px;
}

.lasthours {
    background: #1A1C17;
  border: transparent;
}

/*Infobulle 1 : Début */

.infobulle{
 position: relative;
 z-index: 0;
}
 
.infobulle:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle:hover span{
 visibility: visible;
 top: 103px;
 left: -75px;
 font-size: 11px;
 width: 208px;
 height: 90px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
  
/* Infobulles 1 : Fin*/

/*Infobulle 2 : Début */

.infobulle2{
 position: relative;
 z-index: 0;
}
 
.infobulle2:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle2 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle2 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle2:hover span{
 visibility: visible;
 top: 103px;
 left: -105px;
 font-size: 11px;
 width: 208px;
 height: 90px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
  
/* Infobulles 2 : Fin*/

/*Infobulle 3 : Début */

.infobulle3{
 position: relative;
 z-index: 0;
}
 
.infobulle3:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle3 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle3 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle3:hover span{
 visibility: visible;
 top: 103px;
 left: -142px;
 font-size: 11px;
 width: 208px;
 height: 90px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
  
/* Infobulles 3 : Fin*/

/*Infobulle 4 : Début */

.infobulle4{
 position: relative;
 z-index: 0;
}
 
.infobulle4:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle4 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle4 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle4:hover span{
 visibility: visible;
 top: 65px;
 left: -75px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
  
/* Infobulles 4 : Fin*/

/*Infobulle 5 : Début */

.infobulle5{
 position: relative;
 z-index: 0;
}
 
.infobulle5:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle5 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle5 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle5:hover span{
 visibility: visible;
 top: 65px;
 left: -105px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
  
/* Infobulles 5 : Fin*/

/*Infobulle 6 : Début */

.infobulle6{
 position: relative;
 z-index: 0;
}
 
.infobulle6:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle6 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle6 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle6:hover span{
 visibility: visible;
 top: 65px;
 left: -142px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
  
/* Infobulles 6 : Fin*/

/*Infobulle 7 : Début */

.infobulle7{
 position: relative;
 z-index: 0;
}
 
.infobulle7:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle7 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle7 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle7:hover span{
 visibility: visible;
 top: 34px;
 left: -75px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
  
/* Infobulles 7 : Fin*/

/*Infobulle 8 : Début */

.infobulle8{
 position: relative;
 z-index: 0;
}
 
.infobulle8:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle8 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle8 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle8:hover span{
 visibility: visible;
 top: 34px;
 left: -105px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
  
/* Infobulles 1 : Fin*/

/*Infobulle 1 : Début */

.infobulle9{
 position: relative;
 z-index: 0;
}
 
.infobulle9:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle9 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle9 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle9:hover span{
 visibility: visible;
 top: 34px;
 left: -142px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
  
/* Infobulles 9 : Fin*/

/*Aspect QEEL : Fin*/
  
/*Profils*/
.postdetails.poster-profile img {
  max-width:200px;
  display:block;
}

.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer; }

 /*PA*/


/*INFOBULLE*/

.imo {
width : 70px ;
-moz-border-radius : 50px ;
-moz-box-shadow : 1px 1px 1px black ;
-moz-transition-duration : 2s ;
-webkit-border-radius : 50px ;
-webkit-box-shadow : 1px 1px 1px black ;
opacity: 0.9;  
-webkit-transition-duration : 2s ;  
}

.imo:hover {
width : 85px ;
opacity: 0.99;
box-shadow: 10px 10px 5px #0E0919, inset 0 0 50px 5px #0E0919 ;  
}

span.bulle0{
position: relative;
-moz-border-radius : 7px ;
-webkit-border-radius : 7px ;  
 }

span.bulle0 span {
display: none;
white-space: normal ;
  
    }

span.bulle0:hover {
background: none;
z-index: 999; }

span.bulle0:hover span {
    display: inline;
    position: absolute;
    top: 15px;
    left: -15px;
    color : black ;
    text-align : center ;
    background-color :  #A69472; /* couleur fond infobulle  */
    -webkit-box-shadow: 2px 2px 5px #490402;  
    -moz-box-shadow: 2px 2px 5px #490402;  
    -o-box-shadow: 2px 2px 5px #490402 ;
    border : 2px solid #490402 ;
    -moz-border-radius: 50px 50px 0px 0px; /* arrondis bordure  */
    -webkit-border-radius: 50px 50px 0px 0px; /* arrondis bordure  */
    padding: 8px; /* Espace entre bordure et texte  */
    font-size: 11px;
    width: 200px;
    height : auto ; }

span.bulle{
position: relative;
 }

span.bulle span {
    display: none;
    font-size: 10px;
    white-space: normal; }

span.bulle:hover {
    background: none;
    z-index: 999; }

span.bulle:hover span {
    display: inline;
    position: absolute;
    top: 0px;
    left: 10px;
    color : black ;
    text-align : center ;
    background-color :  #922828; /* couleur fond infobulle  */
    border : 1px solid #490402 ;
    -moz-border-radius: 2px; /* arrondis bordure  */
    -webkit-border-radius: 2px; /* arrondis bordure  */
    padding: 8px; /* Espace entre bordure et texte  */
    font-size: 11px;
    width: 100px;
    height : auto ; }



.contextep {
width : 310px ;
height : 180px ;
color : #E8E3DB ;
padding : 3px ;
margin : 2px ;
font-size : 9px ;
text-align : justify ;
}



.lienpa {
font-size : 13px ;
font-family : "Ubuntu Condensed" ;
width : 100px ;
height : auto ;
background-color : #B5A68A ;  
text-align : center ;
-moz-border-radius : 2px ;
-webkit-border-radius : 2px ;  
padding : 2px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;  
-moz-transition-property : background, color, border, -moz-transform ;
-moz-transition-duration : 2s ;
-webkit-transition-property : background, color, border, -webkit-transform ;
-webkit-transition-duration : 2s ;}

.lienpa:hover {
background-color : #B5A68A ;
}

.imp {
width : 100px ;
border : 1px solid  ;
margin : 2px ;
opacity : 0.8 ; }

.imp:hover {
opacity : 1 ; }

.imp2 {
width : 90px ;
margin : 2px ;
background-color: #0E0919;
opacity : 0.85 ;
-moz-border-radius : 100px ;
-webkit-border-radius : 100px ;
-webkit-box-shadow : 1px 1px 1px black ;
-moz-box-shadow : 1px 1px 1px black ;
-moz-transition-duration : 1s ;
-webkit-transition-duration : 1s ;
}

.imp2:hover {
opacity : 0.99;
width: 100px;
-moz-transition-duration : 1s ;
-webkit-transition-duration : 1s ;  
}

/*FIN PA*/

/* PA */
/* PAGE ACCUEIL FORME 1 */

#f1_accueil
{
  width: 775px;
  height: 500px;
  margin: auto;
  background: url(http://img11.hostingpics.net/pics/955587PADEFINITIF.png);
  text-shadow: none !important;
}
#f1_accueil a
{
  
}
#f1_accueil a:hover
{
  
}
.f1_col1
{
  width: 300px;
  vertical-align: top;
}
.f1_contexte
{
  width: 220px;
  height: 300px;
  overflow: auto;
  margin-top: 100px;
  margin-left: 65px;
  text-align: justify;
  color: #E9E9F5;
}
.f1_bloconglets
{
  margin-top: 80px;
}

.f1_onglet1, .f1_onglet2, .f1_onglet3
{
  display: inline-block;
  width: 110px;
  height: 50px;
}
.f1_onglet1
{
  margin-left: 50px;
  margin-right: 25px;
}
.f1_onglet2
{
  margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3
{
  position: absolute;
  width: 0px;
  height: 220px;
  margin-top: 40px;
  padding-top: 40px;
  overflow: hidden;
  font-size: 11px;
  color: #E9E9F5;
}
.f1_contenu1
{
  margin-left: -10px;
}
.f1_contenu2
{
  margin-left: -149px;
}
.f1_contenu3
{
  margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3
{
  width: 400px;
}
.f1_liens
{
  display: block;
  text-align: center;
}
.f1_liens a
{
  font-size: 16px;
  font-weight: bold;
}
.f1_news, .f1_friends
{
  width: 200px;
  height: 200px;
  overflow: hidden;
  text-align: justify;
}
.f1_credits, .f1_topsites
{
  height: 150px;
  border-left: 1px solid #d19962;
  margin-left: 5px;
  padding: 5px;
  text-align: center;
}
.f1_staff1, .f1_staff2
{
  display: block;
  width: 100px;
  height: 75px;
  background: url() #0E0919;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px black, 1px 1px 1px black, inset 0 0 50px 5px black; opacity: 0.65;
  -moz-transition-duration : 1s ; -webkit-transition-duration: 1s;
}

#plop .row1{
background: none;}

Merci d'avance I love you


Dernière édition par doudouw21 le Jeu 25 Juil 2013 - 13:25, édité 1 fois

doudouw21
Nouveau membre

Messages : 12
Inscrit(e) le : 24/07/2013

http://so-dangerous.forumactif.com/?tt=1
doudouw21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories / cadre autour du dernier message

Message par Matriochka le Mer 24 Juil 2013 - 17:54

Bonjour et Bienvenue
sur le Forum des Forums Forumactif
Vu que vous êtes nouveau, voici quelques sujets importants :
Sécurité : mail de fondation - Ce qu'il ne faut pas faire

N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink
Bonjour,

Je crois que tu t’es trompé pour la capture d’écran, huhu Razz

Pour répondre à ta question, dans ton template tu as :
Code:
         <td class="row3 over" align="center" valign="middle" height="50"><table><tr><td>
<div class="stats"><span class="gensmall">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</span></div></td></tr>
            <tr><td><div class="dermessage"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td></tr></table>
        </td>
Autrement dit, là tu as créé deux lignes pour séparer les messages / sujets des derniers messages. On peut simplifier avec :
Code:
         <td class="row3 over" align="center" valign="middle" height="50">
<div class="stats"><span class="gensmall">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</span></div><div class="dermessage"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
        </td>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories / cadre autour du dernier message

Message par doudouw21 le Mer 24 Juil 2013 - 18:00

MDRR oui je viens de voir ça Laughing

Alors. J'ai modifié, c'est mieux, mais le texte se superpose et le cadre reste trop haut What's happen ?!? 

(En tout cas merci pour la rapidité!)

doudouw21
Nouveau membre

Messages : 12
Inscrit(e) le : 24/07/2013

http://so-dangerous.forumactif.com/?tt=1
doudouw21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories / cadre autour du dernier message

Message par Matriochka le Mer 24 Juil 2013 - 18:23

Dans ton CSS, tu as ajouté une hauteur (height) sur .stats, retire-la Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories / cadre autour du dernier message

Message par doudouw21 le Mer 24 Juil 2013 - 18:33

On y est presque \o/

Ca me donne doonc :

Code:
/*TEST avatar qui tourne*/



.avatarpost img:hover {
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  -moz-transition-property: all 1s linear;
  -o-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
}


/*MODIFIER APPARENCE DES CATE*/
.stats{
  background-color: #000;
  padding: 3px;
  text-align: center;}
 
.dermessage{
  background-color: #000;
  border: 1px solid #496ABD;
  border-radius: 20px;
  padding: 3px;
  width: 200px;
  height: 100px;
  text-align: center;}

.nomforum {
  font-family: 'Calligraffitti', cursive;
  font-size: 20px;
  font-color:#939dd6;
  text-align: center;
 
 
}


.imgcat
{
  border: 1px solid white;
  padding: 10px;
  width: 50px;
  height: 50px;
  -moz-border-radius: 108px;
}

.contourcat
{  background-color: #000000;
  border: 1px solid #496ABD;
border-radius: 20px;
  width: 500px;
  height: 100px;
 
}

.textecat
{font-align: justify;
  width: 350px;
  height: 75px;
  overflow: auto;
  padding-left: 15px;
 
}

/*LIENS ETC*/

a.forumlink {
 border-bottom: 1px #A3C9AC dotted;
}

a {
  text-decoration: none !important;
}

a:link {
  text-decoration: none !important;
}

a:hover{
  text-decoration: none !important;
}

/*CHATBOX*/

body.chatbox {
background-color: #010415;
}







gradualfader {
opacity-fixed: 0.1;
color: #000000;
}



/*BORDURE FOND FORUMLINE*/
.forumline{
    background-color: #010415;

    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
    }

.postbody {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;
}

/*SCROLLBAR*/

::-webkit-scrollbar{
  width: 5px;
  background-color: #b5bbdf;
  height: 5px;
}

::-webkit-scrollbar-track{
  background-color: #000000;
}

::-webkit-scrollbar-thumb{
  background-color: #b5bbdf;
}

::-webkit-scrollbar-button{
  background-color: #000000;
  height: 5px;
}

::-webkit-scrollbar-button:horizontal{
  background-color:#000000;
  width: 5px;
}

forumlink {
font: georgia;
font-size: 20px;
}

.fondprofil {

  width:220px;
  margin:auto;
background-image: url( http://img15.hostingpics.net/pics/273990FONDFNAA1.jpg );
background-repeat: repeat;
background-position: none;
display: block;
padding-left: 2px;
padding-right: 2px;
      border: 1px #040402 solid;
-moz-border-radius:10px 10px 10px 10px ;
-moz-border-radius:10px; /* coins arrondis */
-webkit-border-radius:10px; /* coins arrondis */
border-radius:10px; /* coins arrondis */
  }

.postbody {
text-align:justify;
}


-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

 .banane{
        background-image: url(\'http://i48.servimg.com/u/f48/15/08/21/67/prof10.jpg\')
background-repeat:repeat;
          margin: auto;
          padding: 10px;
          color: #D6D0AB;
          width: 90%;
          border: 0px solid #5D4128;
          -moz-border-radius: 25px;
          -webkit-border-radius: 25px;
          font-size: 12px;
    }

.limitation-avatar img {
max-width: 200px;
max-height: 320px;
}.



.postbody {
    display: block;
    text-align:justify;
    padding-left: 15px;
    padding-right: 15px;
}

.bodyline{

}
body {
margin: 0 auto;
}

.partiedroite {
font-size : 10px ; (Taille du texte)
border-left : Xpx dotted #COLOR ; (Séparation entre la partie droite et gauche, ici des pointillés)
padding-left : 10x } (Ne pas toucher)


.groupes{
background-color:#COLOR ;
border: 1px color #COLOR  ;
-moz-border-radius : Xpx Xpx Xpx Xpx;
height:40px; (ne pas toucher)
padding-right:12px; (ne pas toucher)
padding-left:14px; (ne pas toucher)
padding-bottom:3px; (ne pas toucher)
font-size:11px
;font-weight: bold; (bold=gras)
text-align:center;
font-variant: small-caps;
font-color : #COLOR ;
text-decoration: none !important; (Pas de souligné sur les liens)
}

    .forum-description {
              background-image: url("http://img15.hostingpics.net/pics/688135ffff.jpg");
          margin: auto;
          padding: 15px;
          color: #1A1C17;
          height: 105px;
          width: 480px;
          border: 1px #020620;
    -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
          font-size: 12px; }

    /*--- Cette partie correspond à l\'onglet "X messages dans X sujets" ---*/
    .forum-stats {
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 1 none !important;
          border-left: 0px solid #1A1C17;
          border-right: 0px solid #1A1C17;
          border-top: 0px solid #1A1C17;
          color: #141A16;
          font-size: 11px;
          font-style: italic;
          height: 14px;
          left: 340px;
          padding: 3px;
          position: relative;
          text-align: center;
          width: 200px;
}
 


 
/* Barre de Naviguation */
.mainmenu{
text-color: #4D6353;
}

a.mainmenu{
filter:alpha(opacity=80);

text-color: #4D6353;
}




a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l\'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d\'un bug IE */
  z-index: 999; /* on définit une valeur pour l\'ordre d\'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l\'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu\'il n\'y ait pas de retour à la ligne non-désiré */

  top: -50px; /* on positionne notre infobulle */
  left:50px;

  background: #1B1B1B; /* arrière-plan de l\'infobulle */

  color: #999EA6; /* texte dans l\'infobulle */
  padding: 3px;

  /* bordures de votre infobulle*/
  border: 1px double #999EA6;
  border-left: 3px double #999EA6;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px; 
-moz-border-radius-bottomright: 18px;
-moz-border-radius-bottomleft: 18px;
}

/* arrondis des zones de textes by BestRPG */

input,textarea, select {border-radius: 6px 6px; -moz-border-radius: 6px;
}

.forumline{
-moz-border-radius:6px;
}

 .pomme{
        background-color:#A4A7AB ;
background-repeat:repeat;
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 100%;
          border: 0px solid #5D4128;
          -moz-border-radius: 25px;
          -webkit-border-radius: 25px;
          font-size: 12px;
    }




body{
background-color: #000000;
background-image: url("http://img11.hostingpics.net/pics/973541HEADER.png");
background-position:top;
background-repeat:no-repeat;}


/*FICHE ET CSS*/
.réponse{
font-family: georgia, serif;
font-size: 12px;
font-style: italic;
text-transform: lowercase;
letter-spacing: -1pt;
word-spacing: 1pt;
text-decoration: none !important;
line-height: 1.1;
  color:#1A1C17;
  opacity: 0.8;
}

 .stupide{
        background-color: #4B5443;
background-repeat:repeat;
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 100%;
          border: 2px solid #425245;
          -moz-border-radius: 25px;
          -webkit-border-radius: 25px;
          font-size: 12px;
    }

.test{
font-family: courrier new, serif;
font-size: 11px;
font-style:bold;
text-transform: uppercase;
letter-spacing: -1pt;
word-spacing: 1pt;
text-decoration: none !important;
text-shadow: 1px 1px #425245;
color: white;
}

.storyboard{
font-family: georgia, serif;
font-size: 24px;
font-style: italic;
text-transform: lowercase;
letter-spacing: -1.8pt;
word-spacing: 3pt;
text-decoration: none !important;
text-shadow: 0px 0px 1.5px white;
color: #FFEEC9;
text-align:center;
line-height: 0.8; 
}

.paragraphe{
font-family: georgia, serif;
font-size: 14px;
text-align: justify;
letter-spacing: -1pt;
word-spacing: 1pt;
text-decoration: none !important;
line-height: 1.1;
  color:#1A1C17;
  opacity: 0.8;
}

.nomprenom{
font-family:Megrim;
font-size: 33px;
color:#1A1C17;
margin-top:-18px;
text-align:center;
width:430px;
letter-spacing:-1px;
text-shadow: 0px 0px 3px #425245;
}

 /* LIENS  */
 a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none;
}
hr


a:hover {
text-decoration: none !important;
}


/*Aspect QEEL : Début*/

.cadre{

  background-image: url("http://img15.hostingpics.net/pics/879825QEEL.png");
  background-repeat: none;
  width: 775px;
  height: 301px;
  padding: 10px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}


.stats{
  float: left;
  margin-left: 10px;
  color: #C8CCEB;
  font-family: helvetica;
  width: 200px;
 
  padding: 5px;
  font-size: 11px;
  overflow: auto;
  text-align: justify;
  margin-top: -5px;
}

.cadregif{
  float: left;
  margin-left: 70px;
  margin-top: -20px;
  color: #C8CCEB;
  font-size: 30px;
  letter-spacing: 20px;
  font-family: verdana !important;
}

.listlastconnecte{
 
text-color:#C8CCEB ! important;
background-color: #000000;}

.membresco{
  float: right;
  margin-right: 10px;
  color: #000000;
  font-family: helvetica;
  width: 200px;
  height: 230px;
  padding: 5px;
  font-size: 11px;
  overflow: auto;
  text-align: justify;
  margin-top: -5px;
}

.lasthours {
    background: #1A1C17;
  border: transparent;
}

/*Infobulle 1 : Début */

.infobulle{
 position: relative;
 z-index: 0;
}
 
.infobulle:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle:hover span{
 visibility: visible;
 top: 103px;
 left: -75px;
 font-size: 11px;
 width: 208px;
 height: 90px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
 
/* Infobulles 1 : Fin*/

/*Infobulle 2 : Début */

.infobulle2{
 position: relative;
 z-index: 0;
}
 
.infobulle2:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle2 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle2 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle2:hover span{
 visibility: visible;
 top: 103px;
 left: -105px;
 font-size: 11px;
 width: 208px;
 height: 90px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
 
/* Infobulles 2 : Fin*/

/*Infobulle 3 : Début */

.infobulle3{
 position: relative;
 z-index: 0;
}
 
.infobulle3:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle3 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle3 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle3:hover span{
 visibility: visible;
 top: 103px;
 left: -142px;
 font-size: 11px;
 width: 208px;
 height: 90px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
 
/* Infobulles 3 : Fin*/

/*Infobulle 4 : Début */

.infobulle4{
 position: relative;
 z-index: 0;
}
 
.infobulle4:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle4 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle4 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle4:hover span{
 visibility: visible;
 top: 65px;
 left: -75px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
 
/* Infobulles 4 : Fin*/

/*Infobulle 5 : Début */

.infobulle5{
 position: relative;
 z-index: 0;
}
 
.infobulle5:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle5 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle5 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle5:hover span{
 visibility: visible;
 top: 65px;
 left: -105px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
 
/* Infobulles 5 : Fin*/

/*Infobulle 6 : Début */

.infobulle6{
 position: relative;
 z-index: 0;
}
 
.infobulle6:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle6 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle6 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle6:hover span{
 visibility: visible;
 top: 65px;
 left: -142px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
 
/* Infobulles 6 : Fin*/

/*Infobulle 7 : Début */

.infobulle7{
 position: relative;
 z-index: 0;
}
 
.infobulle7:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle7 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle7 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle7:hover span{
 visibility: visible;
 top: 34px;
 left: -75px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
 
/* Infobulles 7 : Fin*/

/*Infobulle 8 : Début */

.infobulle8{
 position: relative;
 z-index: 0;
}
 
.infobulle8:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle8 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle8 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle8:hover span{
 visibility: visible;
 top: 34px;
 left: -105px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
 
/* Infobulles 1 : Fin*/

/*Infobulle 1 : Début */

.infobulle9{
 position: relative;
 z-index: 0;
}
 
.infobulle9:hover{
 background-color: transparent;
 z-index: 50;
}
 
.infobulle9 span{
 position: absolute;
 background-color: #020620;
 padding: 12px;
 left: -1000px;
 visibility: hidden;
 color: #0B0F0C;
}
 
.infobulle9 span img{
 border: 1px;
 padding: 5px;
}
 
.infobulle9:hover span{
 visibility: visible;
 top: 34px;
 left: -142px;
 font-size: 11px;
 width: 208px;
 height: 88px;
 color: #0B0F0C;
 text-align: justify;
 letter-spacing: 0px;
}
 
/* Infobulles 9 : Fin*/

/*Aspect QEEL : Fin*/
 
/*Profils*/
.postdetails.poster-profile img {
  max-width:200px;
  display:block;
}

.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer; }

 /*PA*/


/*INFOBULLE*/

.imo {
width : 70px ;
-moz-border-radius : 50px ;
-moz-box-shadow : 1px 1px 1px black ;
-moz-transition-duration : 2s ;
-webkit-border-radius : 50px ;
-webkit-box-shadow : 1px 1px 1px black ;
opacity: 0.9; 
-webkit-transition-duration : 2s ; 
}

.imo:hover {
width : 85px ;
opacity: 0.99;
box-shadow: 10px 10px 5px #0E0919, inset 0 0 50px 5px #0E0919 ; 
}

span.bulle0{
position: relative;
-moz-border-radius : 7px ;
-webkit-border-radius : 7px ; 
 }

span.bulle0 span {
display: none;
white-space: normal ;
 
    }

span.bulle0:hover {
background: none;
z-index: 999; }

span.bulle0:hover span {
    display: inline;
    position: absolute;
    top: 15px;
    left: -15px;
    color : black ;
    text-align : center ;
    background-color :  #A69472; /* couleur fond infobulle  */
    -webkit-box-shadow: 2px 2px 5px #490402; 
    -moz-box-shadow: 2px 2px 5px #490402; 
    -o-box-shadow: 2px 2px 5px #490402 ;
    border : 2px solid #490402 ;
    -moz-border-radius: 50px 50px 0px 0px; /* arrondis bordure  */
    -webkit-border-radius: 50px 50px 0px 0px; /* arrondis bordure  */
    padding: 8px; /* Espace entre bordure et texte  */
    font-size: 11px;
    width: 200px;
    height : auto ; }

span.bulle{
position: relative;
 }

span.bulle span {
    display: none;
    font-size: 10px;
    white-space: normal; }

span.bulle:hover {
    background: none;
    z-index: 999; }

span.bulle:hover span {
    display: inline;
    position: absolute;
    top: 0px;
    left: 10px;
    color : black ;
    text-align : center ;
    background-color :  #922828; /* couleur fond infobulle  */
    border : 1px solid #490402 ;
    -moz-border-radius: 2px; /* arrondis bordure  */
    -webkit-border-radius: 2px; /* arrondis bordure  */
    padding: 8px; /* Espace entre bordure et texte  */
    font-size: 11px;
    width: 100px;
    height : auto ; }



.contextep {
width : 310px ;
height : 180px ;
color : #E8E3DB ;
padding : 3px ;
margin : 2px ;
font-size : 9px ;
text-align : justify ;
}



.lienpa {
font-size : 13px ;
font-family : "Ubuntu Condensed" ;
width : 100px ;
height : auto ;
background-color : #B5A68A ; 
text-align : center ;
-moz-border-radius : 2px ;
-webkit-border-radius : 2px ; 
padding : 2px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ; 
-moz-transition-property : background, color, border, -moz-transform ;
-moz-transition-duration : 2s ;
-webkit-transition-property : background, color, border, -webkit-transform ;
-webkit-transition-duration : 2s ;}

.lienpa:hover {
background-color : #B5A68A ;
}

.imp {
width : 100px ;
border : 1px solid  ;
margin : 2px ;
opacity : 0.8 ; }

.imp:hover {
opacity : 1 ; }

.imp2 {
width : 90px ;
margin : 2px ;
background-color: #0E0919;
opacity : 0.85 ;
-moz-border-radius : 100px ;
-webkit-border-radius : 100px ;
-webkit-box-shadow : 1px 1px 1px black ;
-moz-box-shadow : 1px 1px 1px black ;
-moz-transition-duration : 1s ;
-webkit-transition-duration : 1s ;
}

.imp2:hover {
opacity : 0.99;
width: 100px;
-moz-transition-duration : 1s ;
-webkit-transition-duration : 1s ; 
}

/*FIN PA*/

/* PA */
/* PAGE ACCUEIL FORME 1 */

#f1_accueil
{
  width: 775px;
  height: 500px;
  margin: auto;
  background: url(http://img11.hostingpics.net/pics/955587PADEFINITIF.png);
  text-shadow: none !important;
}
#f1_accueil a
{
 
}
#f1_accueil a:hover
{
 
}
.f1_col1
{
  width: 300px;
  vertical-align: top;
}
.f1_contexte
{
  width: 220px;
  height: 300px;
  overflow: auto;
  margin-top: 100px;
  margin-left: 65px;
  text-align: justify;
  color: #E9E9F5;
}
.f1_bloconglets
{
  margin-top: 80px;
}

.f1_onglet1, .f1_onglet2, .f1_onglet3
{
  display: inline-block;
  width: 110px;
  height: 50px;
}
.f1_onglet1
{
  margin-left: 50px;
  margin-right: 25px;
}
.f1_onglet2
{
  margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3
{
  position: absolute;
  width: 0px;
  height: 220px;
  margin-top: 40px;
  padding-top: 40px;
  overflow: hidden;
  font-size: 11px;
  color: #E9E9F5;
}
.f1_contenu1
{
  margin-left: -10px;
}
.f1_contenu2
{
  margin-left: -149px;
}
.f1_contenu3
{
  margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3
{
  width: 400px;
}
.f1_liens
{
  display: block;
  text-align: center;
}
.f1_liens a
{
  font-size: 16px;
  font-weight: bold;
}
.f1_news, .f1_friends
{
  width: 200px;
  height: 200px;
  overflow: hidden;
  text-align: justify;
}
.f1_credits, .f1_topsites
{
  height: 150px;
  border-left: 1px solid #d19962;
  margin-left: 5px;
  padding: 5px;
  text-align: center;
}
.f1_staff1, .f1_staff2
{
  display: block;
  width: 100px;
  height: 75px;
  background: url() #0E0919;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px black, 1px 1px 1px black, inset 0 0 50px 5px black; opacity: 0.65;
  -moz-transition-duration : 1s ; -webkit-transition-duration: 1s;
}

#plop .row1{
background: none;}

J'aurais souhaité descendre le 1 messages | 1 sujets dans le cadre, s'il-te-plaît, et ça devrait être bon je suppose

doudouw21
Nouveau membre

Messages : 12
Inscrit(e) le : 24/07/2013

http://so-dangerous.forumactif.com/?tt=1
doudouw21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories / cadre autour du dernier message

Message par Matriochka le Mer 24 Juil 2013 - 18:40

Le descendre, c’est-à-dire ? Le garder toujours au-dessus du dernier message ou bien le mettre en-dessous ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories / cadre autour du dernier message

Message par doudouw21 le Mer 24 Juil 2013 - 18:42

Qu'il puisse faire parti du cadre, en fait, juste au-dessus du titre du dernier sujet dans lequel on a posté. Mais dans le cadre. Et pour que la description du forum soit alignée avec le cadre dernier message finalement, il y a toujours un petit écart

doudouw21
Nouveau membre

Messages : 12
Inscrit(e) le : 24/07/2013

http://so-dangerous.forumactif.com/?tt=1
doudouw21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories / cadre autour du dernier message

Message par Matriochka le Mer 24 Juil 2013 - 18:44

Ah d’accord ! Alors à ce moment, dans le template
Code:
<td class="row3 over" align="center" valign="middle" height="50">
<div class="stats"><span class="gensmall">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</span></div><div class="dermessage"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
        </td>
On remplace par :
Code:
<td class="row3 over" align="center" valign="middle" height="50">
<div class="dermessage"><div class="stats"><span class="gensmall">{catrow.forumrow.POSTS} messages | {catrow.forumrow.TOPICS} sujets</span></div><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
        </td>
(donc on mets les statistiques à l’intérieur du cadre "dernier message"

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories / cadre autour du dernier message

Message par doudouw21 le Mer 24 Juil 2013 - 18:52

Génial, merci! Dernier détail et après j'arrête de t'embêter, promis. Est-ce que tu saurais comment aligner les deux cases (description & dernier message), s'il te plaît?

doudouw21
Nouveau membre

Messages : 12
Inscrit(e) le : 24/07/2013

http://so-dangerous.forumactif.com/?tt=1
doudouw21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories / cadre autour du dernier message

Message par Matriochka le Mer 24 Juil 2013 - 19:45

Pas de souci Smile

Sur .dermessage, tu peux ajouter margin-top:25px; par exemple.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème catégories / cadre autour du dernier message

Message par doudouw21 le Jeu 25 Juil 2013 - 13:25

C'est parfait, merci beaucoup!

doudouw21
Nouveau membre

Messages : 12
Inscrit(e) le : 24/07/2013

http://so-dangerous.forumactif.com/?tt=1
doudouw21 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