Problème catégories / cadre autour du dernier message
2 participants
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
Problème catégories / cadre autour du dernier message
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
Et mon css (extrêmement fouillis, navrée) :
Merci d'avance
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
Dernière édition par doudouw21 le Jeu 25 Juil 2013 - 13:25, édité 1 fois
Re: Problème catégories / cadre autour du dernier message
Bonjour et Bienvenue Vu que vous êtes nouveau, voici quelques sujets importants :sur le Forum des Forums Forumactif 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 |
Je crois que tu t’es trompé pour la capture d’écran, huhu
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>
- 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- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème catégories / cadre autour du dernier message
MDRR oui je viens de voir ça
Alors. J'ai modifié, c'est mieux, mais le texte se superpose et le cadre reste trop haut
(En tout cas merci pour la rapidité!)
Alors. J'ai modifié, c'est mieux, mais le texte se superpose et le cadre reste trop haut
(En tout cas merci pour la rapidité!)
Re: Problème catégories / cadre autour du dernier message
Dans ton CSS, tu as ajouté une hauteur (height) sur .stats, retire-la
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème catégories / cadre autour du dernier message
On y est presque \o/
Ca me donne doonc :
J'aurais souhaité descendre le 1 messages | 1 sujets dans le cadre, s'il-te-plaît, et ça devrait être bon je suppose
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
Re: Problème catégories / cadre autour du dernier message
Le descendre, c’est-à-dire ? Le garder toujours au-dessus du dernier message ou bien le mettre en-dessous ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème catégories / cadre autour du dernier message
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
Re: Problème catégories / cadre autour du dernier message
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>
- 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>
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème catégories / cadre autour du dernier message
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?
Re: Problème catégories / cadre autour du dernier message
Pas de souci
Sur .dermessage, tu peux ajouter margin-top:25px; par exemple.
Sur .dermessage, tu peux ajouter margin-top:25px; par exemple.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Problème catégories / cadre autour du dernier message
C'est parfait, merci beaucoup!
Sujets similaires
» Cadre autour de la zone "Dernier message" via le tutoriel
» Modifier le cadre autour des catégories
» Comment mettre un cadre autour du dernier messages
» Cadre autour des catégories du forum
» Un cadre autour de la description des categories ?
» Modifier le cadre autour des catégories
» Comment mettre un cadre autour du dernier messages
» Cadre autour des catégories du forum
» Un cadre autour de la description des categories ?
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