Aide à la disposition des Catégories

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

Résolu Aide à la disposition des Catégories

Message par MissDevilsJuly le Lun 17 Oct 2011 - 1:25

Bonjour! J'aurais un petit problème que je ne sais pas comment y résoudre. J'ai tenté plusieurs changements sur mon template, mais rien n'est venu comme je le souhaitais. Voici donc ce que j'ai comme résultât présent:

Spoiler:

J'aurais deux détails à modifier. Premièrement, j'aimerais pouvoir placer une image de format rectangulaire à la droite des titres des forums, mais à chaque fois que j'essais de mettre une image, celle-ci vient aussitôt se placer dans le cadre de la description du forum. Ensuite, les sous-forums viennent eux aussi à s'afficher à la fin de la description, dans le cadrage. Je souhaiterais faire en sorte qu'ils soient en dehors du cadrage, juste dessous celui-ci, positionné à la gauche. Comment faire pour changer tout ceci? Quelqu'un pourrait-il m'aider? Sad

Voici mon Css:
Spoiler:
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


.bodyline {
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
border-right: 10px solid #616680;
border-left: 10px solid #616680;
}


.forumline{
-webkit-border-radius: 20px;
-webkit-border-bottom-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
-moz-border-radius: 20px;
-moz-border-radius-bottomright: 17px;
-moz-border-radius-bottomleft: 17px;
border-radius: 20px;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px;
text-align: justify;
padding-left: 4px; /*espace entre les bloc et le cadre de l'index*/
padding-right: 4px; /*espace entre les bloc et le cadre de l'index*/
padding-bottom: 8px; /*espace entre les bloc et le cadre de l'index*/
padding-top: 8px;
}


a.forumlink:link, a.forumlink:visited {
font-size: 25px;
text-align : left;
font-family: Times New Roman;
font-weight: italic;
text-transform : lowercase;
letter-spacing: -2px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
margin-left: 30px;
margin-bottom: -2px;
display: block;
}

span a.forumlink:hover {
letter-spacing: 1px; /* espacement du texte au survol */
text-shadow: 1px 1px 2px #646180;
}

.row3Right{
border: none !important;
}
.thHead{
border: none !important;
}
.thCornerL, .thCornerR, .thTop{
border: none !important;
}
.thLeft, .thRight{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight{
border: none! important;
}
.catHead{
border: none !important;
}
.catBottom{
border: none !important;
}



/*cadres autour des icones*/
.icones{
border-radius: 30px;
border: 2px solid #616680;
padding: 3px;
width: 80px;}

/*cadre des descriptions*/
.descrip{
border-radius: 30px;
border: 3px solid #616680;
padding: 3px;
height: 110px;
overflow-y: auto;}

/*cadre autour des statistiques*/
.stats{
border-radius: 30px;
border: 2px solid #616680;
padding: 3px;
width: 100px;}

/*ligne au dessus du dernier message*/
.lastm{
border-top: 2px solid #616680;
padding: 3px;}

/*supprimer le fond des titres des catégories par défaut*/
.secondarytitle h2{
backgound-color: none !important;
background-image: none;}

/*image de fond des titres des catégories*/
.secondarytitle{

background-image: url('');
background-position: center;
background-repeat: no-repeat;
height: 60px;}

Voici mon template 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}

{CURRENT_TIME}

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

<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

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

</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>
<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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table width="100%" cellspacing="5"><tr><td class="icones" 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>
<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}>
<div class="descrip"><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></div>
</td>
<td class="stats">
<span class="gensmall">Sujets : {catrow.forumrow.TOPICS}</span><br/>
<span class="gensmall">Messages : {catrow.forumrow.POSTS}</span> <br/><br/>
<div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td></tr></table>
</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 -->


Dernière édition par MissDevilsJuly le Lun 17 Oct 2011 - 2:50, édité 3 fois

MissDevilsJuly
**

Féminin
Messages : 52
Inscrit(e) le : 27/10/2010

http://vd-mysteries.forumactif.com/
MissDevilsJuly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide à la disposition des Catégories

Message par SoraNoHime le Lun 17 Oct 2011 - 2:09

Bonsoir

déjà si vous incorporez votre image par le biais du lien dans vos forum, elle apparaitra dans la description quoiqu'il arrive car elle est incluse dans la balise de la description {catrow.forumrow.FORUM_DESC}, vous ne pouvez changez ceci. ou alors mettre une image mais qui sera identique pour tous vos forums à l'endroit voulu.

Pour votre second problème, repérez ceci :
Code:
<div class="descrip"><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></div>
et changez le ainsi :
Code:
<div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
<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>

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide à la disposition des Catégories

Message par MissDevilsJuly le Lun 17 Oct 2011 - 2:31

Merci pour la deuxième problématique^^ C'est arrangé! Mais quelqu'un saurait-il comment je pourrais placer une image différente pour chaque forum à la droite du titre du forum? Sad comme ceci:

Spoiler:

MissDevilsJuly
**

Féminin
Messages : 52
Inscrit(e) le : 27/10/2010

http://vd-mysteries.forumactif.com/
MissDevilsJuly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide à la disposition des Catégories

Message par SoraNoHime le Lun 17 Oct 2011 - 2:36

Comme je vous l'ai dit c'est normalement impossible, il peut cependant y avoir une astuce, si le tout ne prend pas trop de caractères. C'est de l'insérer directement dans le titre d'un forum ainsi :
TITRE <img src="lien de l'image" />

attention le lien de l'image doit etre court, je vous conseille d'utiliser ce site pour raccourcir vos liens.

ensuite dans la css, vous pouvez ajoutez :
Code:
.forumlink img {
float :right;
}

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide à la disposition des Catégories

Message par MissDevilsJuly le Lun 17 Oct 2011 - 2:44

Ça n'a pas fait exactement comme je l'avais montré, mais c'est suffisant^^ Merci infiniment! Very Happy

MissDevilsJuly
**

Féminin
Messages : 52
Inscrit(e) le : 27/10/2010

http://vd-mysteries.forumactif.com/
MissDevilsJuly 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