Apparence catégories
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
Apparence catégories
Bien le bonjour (ou encore bonsoir tout dépendant d'où )
J'aimerais modifier l'apparence des catégories vous l'aurez deviné. Toutefois, je ne suis pas un expert (Loin de là) niveau codage et compagnie. Ce pourquoi je vous demande de l'aide é_è
Alors voilà, présentement j'ai ceci en apparence :
Et j'aimerais donc avoir ceci :
Soit créer un nouveau bloc pour y mettre les sous-forums plutôt que là où ils se trouvent présentement (soit dans la description)en plus de déplacer le bloc derniers message à gauche plutôt qu'à droite.
Voici le template Index_box qui a été modifié :
Ainsi que la partie css :
Je vous remercie beaucoup de votre aide. Et vous donnerais crédit au besoin lorsque le tout seras appliqué sur le prochain forum si vous le désirez (a) (car celui-ci est un forum test)
Encore Merci (a)
J'aimerais modifier l'apparence des catégories vous l'aurez deviné. Toutefois, je ne suis pas un expert (Loin de là) niveau codage et compagnie. Ce pourquoi je vous demande de l'aide é_è
Alors voilà, présentement j'ai ceci en apparence :
- Spoiler:
Et j'aimerais donc avoir ceci :
- Spoiler:
Soit créer un nouveau bloc pour y mettre les sous-forums plutôt que là où ils se trouvent présentement (soit dans la description)en plus de déplacer le bloc derniers message à gauche plutôt qu'à droite.
Voici le template Index_box qui a été modifié :
- Spoiler:
- 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 -->
<center><div style=" padding: 15px; width: 780px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="categorie">
<table><br /><br /><tr>
<td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
<div class="bloc1">{catrow.forumrow.FORUM_DESC}
<div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td>
<td><div class="last_mess"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<br /><span class="gensmall" style="color: #7D2626;">{catrow.forumrow.TOPICS} sujets ★ {catrow.forumrow.POSTS} messages</span><br /><br />{catrow.forumrow.LAST_POST}</center></div></td>
</tr></table>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div> </center>
<!-- END tablefoot --><!-- END catrow -->
<link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'>
Ainsi que la partie css :
- Spoiler:
- Code:
/* --------------------------------- CATEGORIES --------------------------------- */
.bloc1 {
background-color: #F0E9DB;
width: 550px;
height: 150px;
position: relative;
top: -3em;
left: -5em;
box-shadow: 2px 2px 15px black;
-moz-box-shadow: 2px 2px 15px black;
-webkit-box-shadow: 2px 2px 15px black;
border-radius: 20px;
}
.bloc1:hover {
border-left: 4px solid #D16969;
border-right: 4px solid #D16969;
}
.imgillustration {
position: relative;
left: 2.5em;
top: 1em;
}
/*** FONDS GENERAUX ***/
/* Contenu de l'ensembre des forum */
.categorie {
width: 550px;
height: 190px;
padding: 10px;
}
/* Fond des forum */
.sous-forum {
width: 300px;
height: 40px;
overflow: auto;
top: -10em;
}
/* Fond titre catégorie */
.cate_titre {
width: 550px;
margin: auto;
padding: 5px;
background-color: #D16969;
box-shadow: 2px 2px 15px black;
-moz-box-shadow: 2px 2px 15px black;
-webkit-box-shadow: 2px 2px 15px black;
}
/* Mise en forme nom de catégorie */
h2 {
font-size: 20px;
font-family: 'Carrois Gothic SC', sans-serif;
color: #6F2222;
text-align: center;
}
/*** MISE EN FORME DES FORUM ***/
/* Mise en forme du texte des titres de forum */
.forumlink {
color: #551A1A !important;
font-family: 'Kite One', sans-serif;
font-size: 25px !important;
font-weight: none !important;
position: relative;
top: -1.4em;
left: -4em;
z-index: 1;
}
.forumlink:hover {
color: #C8AE79 !important;
text-decoration: none !important;
}
.forumlink a {
font-size: 16px;
width: 500px;
}
/* Mise en forme de la description */
.description {
width: 400px;
height: 100px;
font-size: 11px;
text-align: justify;
color: #7D2626;
background-color: #FCFAF5;
border-radius: 5px;
position: relative;
top: 1em;
left: 3em;
padding: 15px;
}
.imagedesc {
position: relative;
right: -6em;
top: -2em;
-moz-transform:rotate(8deg);
-webkit-transform:rotate(8deg);
transform:rotate(8deg);
}
/*** SOUS-FORUM ***/
.lienssf {
width: 420px;
max-height: 20px;
overflow: auto;
padding: 15px;
position: relative;
top: -1.5em;
}
.lienssf a {
color: #A47B8E !important;
text-decoration: none !important;
}
.lienssf a:hover {
color: #CBC0C6 !important;
text-decoration : none !important;
}
/*** DERNIERS MESSAGES ***/
.last_mess {
width: 120px;
height: 120px;
position: relative;
top: -3em;
left: -4em;
background-color: #F0E9DB;
color: #7D2626;
padding: 10px;
font-size: 11px;
border-radius: 20px;
}
.last_mess a {
color: black !important;
text-decoration: none !important;
}
.last_mess a:hover {
color: #CAC9C7 !important;
text-decoration : none !important;
}
.last_mess:hover {
border-left: 4px solid #D16969;
border-right: 4px solid #D16969;
}
/*--------------------------------- FIN CATEGORIES --------------------------------- */
Je vous remercie beaucoup de votre aide. Et vous donnerais crédit au besoin lorsque le tout seras appliqué sur le prochain forum si vous le désirez (a) (car celui-ci est un forum test)
Encore Merci (a)
Dernière édition par Clark Mercer le Sam 29 Nov 2014 - 5:10, édité 1 fois
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Re: Apparence catégories
Up :zen:
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Re: Apparence catégories
Bonsoir,
En cherchant autre chose, je suis tombée sur ce sujet. Je crois que c'est ce que tu cherches à faire, non ?
En cherchant autre chose, je suis tombée sur ce sujet. Je crois que c'est ce que tu cherches à faire, non ?
Re: Apparence catégories
Oh oui je crois bien que ce sujet me sera très utile O: Merci beaucoup
Clark Mercer- **
-
Messages : 84
Inscrit(e) le : 20/10/2013
Sujets similaires
» Impossible de changer l'image des barres (déco) catégories et sous catégories
» Tirets titre des catégories + fond description catégories.
» Comment aggrandir les titres des catégories et sous-catégories ?
» Soulignement des catégories en index mais pas pour les sous catégories ...
» comment concevoir des boutons au dessus des catégories, qui renverraient sur les catégories
» Tirets titre des catégories + fond description catégories.
» Comment aggrandir les titres des catégories et sous-catégories ?
» Soulignement des catégories en index mais pas pour les sous catégories ...
» comment concevoir des boutons au dessus des catégories, qui renverraient sur les catégories
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