Accueil
Créer un forumprobleme apparence categorie
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
probleme apparence categorie
par Shanatracy Mar 13 Mai 2014 - 22:54
bonsoir
voila hier neptune est venue a mon aide pour corriger mon index box afin de modifier les sous forum pour qu'il soit sur 1 seule ligne
Cependant je me suis aperçu se matin, que les categorie n'avait pas tous la meme longueur a present ..
pouvez vous m'aidez a resoudre ce soucis svp?
mon index box
mon css
Merci d'avance
voila hier neptune est venue a mon aide pour corriger mon index box afin de modifier les sous forum pour qu'il soit sur 1 seule ligne
Cependant je me suis aperçu se matin, que les categorie n'avait pas tous la meme longueur a present ..
pouvez vous m'aidez a resoudre ce soucis svp?
mon index box
- Spoiler:
<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="0" cellpadding="0">
<tr>
<th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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><td colspan="4">
<table class="fond_forum" border="0" cellspacing="0" cellpadding="0">
<tr class="allo">
<td valign="middle">
<img align="center" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td valign="top">
<table>
<tr>
<td COLSPAN="2" valign="top">
<div style="border-radius:50px 50px 0px 0px;margin-left:10px;margin-right:10px;margin-top:15px;background-color:#e1ca94;padding-top:4px;padding-bottom:2px;padding-left:20px;padding-right:6px;font-family: tahoma;font-size: 18px;color:#57504a;"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </div>
</td>
</tr>
<tr>
<td valign="top">
<div class="descy">
<span class="genmed"> {catrow.forumrow.FORUM_DESC}</span><div style="font-size:8px;text-align:center;"><span class="gensmall">{catrow.forumrow.POSTS} posts ◊ {catrow.forumrow.TOPICS} topics </span> </div></div>
</td>
<td valign="top">
<div class="headboxtitle2"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
<tr><td><div class="souforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr>
</table>
</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 -->
<tr>
<td colspan="4"><center></center></td>
</tr>
</table>
<br><br><br><br><br>
<!-- END tablefoot --><!-- END catrow -->
mon css
- Spoiler:
/* Header de fond */
body {
background-color: #fafef2;
background-image: url("http://1.1.1.1/bmi/nsa33.casimages.com/img/2014/04/29/14042902160842785.png");
background-position: top center;
background-repeat:no-repeat;}
/* Fin */
/* surlignement des liens*/
a, a:link, a:hover {
text-decoration: none!important;
}
Body{
text-shadow: 1px 1px 0px #ece3d5;
text-align: center;
}
.bodyline {
-moz-border-radius:45px 0px 45px 0px;
border-radius: 45px 0px 45px 0px;
webkit-border-radius: 45px 0px 45px 0px;
border:20px solid #e6dac8;
}
/* stats du forum message et sujets */
.StatsForum {
float:center;
font-size:9px;
padding:2px;
color: #bab487;
background-color: #eae0d2;
}
/* titre cat */
.titre_cat {
margin-bottom: 9px;
margin-left: 20px;
}
/* espacement entre categorie */
/*fin */
a.forumlink {
font-family: 'Bad Script', cursive;
font-size: 22px;
font-weight : normal
text-align: left;
text-shadow: #e3dccb 1px 0px 0px;
text-decoration: none;
padding-left : 10px;
margin-top: 20px;
color: #fafef2;
display:block;
text-shadow: #e3dccb 1px 0px 0px;
margin-top: 20px;
text-decoration: none;}
a.forumlink:hover {
color: #cfcba3;
padding-left:40px;
-moz-transition:color 3s; /* Mozilla Firefox */
-webkit-transition:color 3s; /* Safari et Google Chrome */
-o-transition:color 3s; /* Opera */
transition:color 3s;
}
/* FIN */
/*arrondis zones de texte*/
textarea, .textarea.post, input.post {
-moz-border-radius:30px;
-webkit-border-radius:30px;
}
/*arrondis zones de saisie identifiant*/
input,textarea, select {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;}
/*enlever des traits noirs sujets*/
td.catLeft {
border-width:0 0 0 0px !important;
}
td.catBottom {
border-width:0 0px 0px !important;
}
td.catHead {
border-width:0px 0px 0 !important;
}
td.catRight {
border-width:0 0 0 0px !important;
}
td {
border-width:0 0 0 0px !important;
}
th, td, p {
border-width:0 0 0 0px !important;
}
/* MESSAGE BULLE des sujets */
.bulle{
background-color : #fafef2;
-moz-border-radius:45px 0px 45px 0px;
border-radius: 45px 0px 45px 0px;
webkit-border-radius: 45px 0px 45px 0px;
border:5px solid #c2d39d;
padding : 15px;
margin-bottom: 10px;
margin-top: 30px;
}
/* AUTEUR DE SUJET */
.auteursujet {
font-size:9px;
color: #cabaa1;
}
.milieu{
background-color : #f0f6fa;
-moz-border-radius:0px 0px 30px 30px;
border-radius: 0px 0px 30px 30px;
webkit-border-radius: 0px 0px 30px 30px;
padding : 10px;
margin-top: -25px;
}
/* CURSEUR */
a {
cursor : se-resize;
}
/* SELECTEUR DE CONTENU */
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/* PROFIL */
div.cadreprofil {
background-color : #ddd5c0;
-moz-border-radius:45px 0px 45px 0px;
border-radius: 45px 0px 45px 0px;
webkit-border-radius: 45px 0px 45px 0px;
border:5px solid #e9dece;
padding:0px;}
div.pseudomembre {
font-family: 'Bad Script', cursive;
font-size: 30px;
text-align : center;
margin-top: -15px;
padding:10px;
}
.postdetails.poster-profile a img {
-moz-border-radius:45px 45px 3px 3px;
border-radius: 45px 45px 3px 3px;
webkit-border-radius: 45px 45px 3px 3px;
}
.poster-profile img:hover {
-webkit-transform: scale(0.9) rotate(-15deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
-moz-transform: scale(1.4) rotate(-10deg);
-o-transform: scale(1.4) rotate(-10deg);
transform: scale(1.4) rotate(-10deg);
-webkit-transition: -webkit-transform 0.2s ease-in-out;/* Utilisé pour la transition sur chrome et safari */
-moz-transition: -moz-transform 0.2s ease-in-out;/* Utilisé pour la transition sur Firefox */
transition: transform 0.2s ease-in-out;
}
/* QEEL */
#qeel_fond {
Background-image : url(https://2img.net/image.noelshack.com/fichiers/2014/20/1399848962-qeel.png);
position:relative;
Width: 790px;
Height:300px;
}
#qeel_stats {
position:absolute;
Width: 436px ;
Height: 64px ;
top:39px;
left:24px;
overflow: auto; /*apparition barre de scroll si ça depasse*/
}
#qeel_anniv {
position:absolute;
Width: 243px;
Height:59px;
top:173px;
left:19px;
overflow: auto; /*apparition barre de scroll si ça depasse*/
}
#qeel_connect {
position:absolute;
Width:361px;
Height:82px;
top:162px;
left:411px;
}
/* SOULIGNEMENT DES TEXTES */
u {
border-bottom: 1px dotted #a67f77;
text-decoration: none !important;
}
/* ITALIQUE DES TEXTES */
i
{
color: #ada77d;
}
/* MISE EN PAGE FORUM */
.fond_forum {
/*border:1px solid #f0eed5;*/
z-index:1;
background-color:#f0eed5;
margin-left:0px;
margin-right:0px;
/*-moz-border-radius: 20px;
border-radius: 50px;
margin-top:0px;
margin-bottom:0px;*/}
.descy {
-moz-border-radius: 0px 0px 50px 50px;
border-radius: 0px 0px 50px 50px;
background-color:#c2d39d;
margin-top:0px;
margin-left:10px;
width:493px;
padding:8px;
padding-left:15px;
padding-right:15px;
margin-bottom:8px;
text-align:justify;
line-height: 11px;}
.headboxtitle2 {
-moz-border-radius: 50px;
border-radius: 0px 0px 50px 50px;
background-color:#c2d39d;
width:100px; padding:12px;
margin-top:0px;
padding-left:15px;
padding-right:15px;
margin-left:10px;
margin-right:10px;
text-align: center}
/* DEBUT Partie CSS de la Page d Accueil */
/*********************************** PA ***********************************/
/*** PARTENAIRES ET TOPS ***/
.img_partenaires {
opacity: 0.5;
}
.img_partenaires:hover {
opacity: 1;
}
/*** IMAGES DU STAFF ***/
.imgPA {
border-radius: 50%;
width: 100px;
height: 100px;
}
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
c.info:hover {
z-index: 25;
}
c.info span {
display: none;
}
c.info:hover span {
display: block;
position: absolute;
top: -9.3em;
left: -0.3em;
border-radius: 50%;
width: 105px;
height: 105px;
background-color: #0D0D0D;
color: #F3F3F3;
text-align: center;
font-weight: none;
}
/*** IMAGES DES PREDEFINIS ***/
.imgwidget {
border-radius: 50%;
width: 100px;
height: 100px;
-moz-transition-duration: 1s;
-moz-transition-timing-function: linear;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: linear;
transition-duration: 1s;
transition-timing-function: linear;
}
.imgwidget:hover {
border-radius: 50%;
width: 100px;
height: 100px;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
d.info:hover {
z-index: 25;
}
d.info span {
display: none;
}
d.info:hover span {
display: block;
position: absolute;
top: -2em;
left: -2em;
width: 140px;
height: 50px;
overflow: auto;
background-color: #fafef2;
color: #000000;
text-align: center;
font-weight: none;
}
/*** EFFET DU CONTEXTE ***/
.contexte {
width: 400px;
height: 200px;
overflow: hidden;
background-color: #fafef2;
border-radius: 25px;
position: relative;
top: -2.2em;
}
.contexte_img {
position: relative;
z-index: 2;
width: 400px;
height: 200px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.contexte:hover .contexte_img {
margin-top: -200px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.contexte_description {
position: relative;
z-index: 1;
width: 350px;
height: 140px;
color: #000000;
padding: 25px;
text-align: justify !important;
font-size: 11px;
overflow: auto;
}
.contexte_description a {
text-decoration: none !important;
}
/*** SYSTEME D'ONGLETS ***/
.paonglet {
display: inline-block;
margin-left: 20px;
margin-right: 20px;
padding: 10px;
cursor: pointer;
background-color: #e1ca94;
color: #fafef2;
}
.paonglet_0 {
border-radius: 25px;
}
.paonglet_1 {
border-radius: 25px;
color: #fafef2;
}
.contenu_paonglet {
padding: 25px;
display: none;
width: 780px;
height: 450px;
border-radius: 25px;
background-color: #e1ca94;
}
.contenu_paonglet a{
text-decoration: none !important;
}
/*** BLOC DE TEXTE DE LA PA ***/
.bloc_pa {
background-color: #fafef2;
border-radius: 25px;
color: #e1ca94;
padding: 25px;
text-align: justify !important;
position: relative;
top: -2.2em;
}
.bloc_pa a {
text-decoration: none !important;
color: #70A0BA !important;
}
/*** TITRES DES BLOCS ***/
.titre_pa {
font-family: 'Pacifico', 'cursive';
font-size: 30px;
position: relative;
top: -0.3em;
color: #7fa924;
z-index: 1;
}
.titre_pa:hover {
color: #70A0BA;
}
/* FIN Partie CSS de la Page d Accueil */
.souforums{
font-variant: small-caps ;
text-align: Left;
padding-left: 38px;
}
Merci d'avance
Dernière édition par Shanatracy le Mar 13 Mai 2014 - 23:26, édité 1 fois
Shanatracy- *
- Messages : 35
Inscrit(e) le : 10/09/2013 -
Re: probleme apparence categorie
par Neptunia Mar 13 Mai 2014 - 23:04
Bonjour ^^
Sous forum sur plusieurs lignes et non sur 1 seule (Sujet d'origine)
Pour ma part je ne reproduis pas le souci avec mon navigateur donc je vais avoir du mal à comprendre ce qui cloche
Toutefois je pense avoir fait une 'tite erreur hier.
Essaie de remplacer
par
Sous forum sur plusieurs lignes et non sur 1 seule (Sujet d'origine)Pour ma part je ne reproduis pas le souci avec mon navigateur donc je vais avoir du mal à comprendre ce qui cloche
Toutefois je pense avoir fait une 'tite erreur hier.
Essaie de remplacer
- Code:
<tr><td><div class="souforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr>
par
- Code:
<tr><td colspan="2"><div class="souforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr>
Neptunia- Membre actif
-
Messages : 17853
Inscrit(e) le : 08/08/2010 -
Re: probleme apparence categorie
par Shanatracy Mar 13 Mai 2014 - 23:25
En plein dans le mil, c'était bien sa 
Merci beaucoup
Merci beaucoup
Shanatracy- *
- Messages : 35
Inscrit(e) le : 10/09/2013 -
Sujets similaires» Problème de catégorie j'ai regarder les tuto pour les catégorie rien ni fait
» Problème de catégorie.
» Problème "bas de catégorie"
» problème de catégorie
» Problème , de catégorie
» Problème de catégorie.
» Problème "bas de catégorie"
» problème de catégorie
» Problème , de catégorie
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum