Catégorie personalisé

Date d'inscription: 27/12/2011

je ne sait pas si c'est ici que je dois poster. J'explique mon problème j'ai demandé de l'aide sur un autre forum de pub et il m'ont de venir ici plutôt alors me voilà =3

Voila je cherche a faire ceci:

Spoiler:

Sauf que j'y arrive pas vraiment j'ai modifier quelque truc mais sa fait pas vraiment fini donc du coup voila u.u

Hum pour les images je les ai mais il y en a beaucoup alors je voudrait d'abords s'il est possible que l'on me dise que c'est possible a faire =D

Merci d'avance =)

Date d'inscription: 04/06/2010

Coucou Miss =)

Ce n'est pas ici pour cette demande d'aide, je déplace et l'on va venir te répondre

_________________

Merci Jora =)

Merci Nao

Merci Volt

Spoiler:
	Mes diplômes

Merci Do =)

Date d'inscription: 27/12/2011

merci =)

Date d'inscription: 24/04/2011 Distinctions: Déléguée de Mars 2012

coucou tally,

C'est ça que tu recherches?

http://www.school-of-pub.net/t9450-question-mettre-des-images-graphiques-en-arriere-plan-derriere-les-titres-des-categories

Date d'inscription: 27/12/2011

Pas exactement je voudrais tout rendre arrondie et aussi pouvoir dans le description mettre une image qui va vers le lien désiré. Je sais pas si c'est très clair --'

Coucou

C'est possible, et je te conseille de jeter un oeil [ici] pour commencer.

Quand tu auras le bon nombre de colonnes, on enchainera avec la personnalisation Smile

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 27/12/2011

J'ai déjà le bon nombre de colonne =s

Ok

Donc ce qu'il te manque c'est juste la mise en page ?

Dans ce cas, voici les tutos dont tu as besoin

-> si tu es sous FA : [Modifier la mise en page des descriptions]
-> si tu es sous xooit : [Modifier la mise en page des descriptions]

-> les codes css : [clic]

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 27/12/2011

J'ai déjà modifier la description maintenant ce que je souhaite c'est modifier le reste de manière a que sa aille avec la description =s

On peut voir ?

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 27/12/2011

Ha oui bien sur =) voila le lien de mon forum : http://campus-fukasaku.forumgratuit.org/

Ok d'acc

Donc voilà ce qu'on va commencer à faire : Donner des noms à chaque partie pour pouvoir ensuite jouer avec la mise en page.

Pour cela, j'aurai besoin aussi de ton template index_box et de ton css Smile

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 27/12/2011

oui alors template modifié

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

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

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<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>


<tr>

<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

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


<tr>

<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>

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

</span>
</h{catrow.forumrow.LEVEL}>
<div class="stats_cate">{catrow.forumrow.TOPICS} sujets contenant {catrow.forumrow.POSTS} messages</div>
<div class="description">{catrow.forumrow.FORUM_DESC}</div>
<span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</tr>


<tr>

<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

et le CSS

Code:

a.forumlink{
display:block;
font-size:14px;
padding:2px;
text-align:center;
font-variant:small-caps;
color:#892110 !important;
border-bottom:4px double #892110;
font-weight:normal;
margin-bottom:0;
}
a.forumlink:hover{
font-variant:small-caps;
color:#892110 !important;
border-bottom:4px double #892110;
font-weight:bold;
display:block;
}
div.stats_cate{ /* La div ayant pour class 'stats_cate' */
font-size:12px;
text-align:right;
border-bottom:#892110 1px solid;
border-right:#892110 3px solid;
font-style:italic;
color:#892110;
padding-right:4px;
margin-bottom:4px;
margin-top:0px;
width:220px;
margin-left:450px;
}
div.description{
background-color:#EBCFCA;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
border:1px solid #892110;
width:560px;
min-height:20px;
font-size:12px;
text-align:justify;
text-indent:6px;
padding:4px;
margin:4px;
}

voilaaa

Alors, il va falloir délimiter :

-> les catégories. Pour cela, on va remplacer ça

Code:

par ça

Code:

-> Les derniers messages. On va donc remplacer

Code:

<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>

par

Code:

<td class="row3 over" align="center" valign="middle" height="50">
<div class="dernier_msg"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>

Ensuite, on va ajouter ça dans le css

Code:

table.categorie,div.description, div.dernier_msg{
border:1px solid black;
padding:2px;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
}

_________________

SoP Story :: Votes pour la 3ème épreuve

Date d'inscription: 27/12/2011

Voila c'est mis =3 mais j'aurai une petite question quand il n'y a pas de poste pour les dernier message il apparait quand même une petite bulle est-ce que c'est possible de l'enlever ou je le laisse?