"Pied du forum" identique à son en tête
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
"Pied du forum" identique à son en tête
Bonjour, bonsoir,
Alors je sais que mon titre n'est pas très explicite mais je vais essayer de vous exposer mon problème ( et oui encore un). En fait je souhaiterais avoir pour forme du forum en en tête et en fin un arc de cercle, pour être plus simple la même forme que sur ce forum en légèrement plus arrondi. J'ai utilisé une image pour l'en-tête j'ai essayé tantôt de la placer directement dans le titre des catégories soit comme maintenant via les images (images du fond ses titres) mais cela affecte tous les titres donc je pense que la première solutions doit être la meilleur. Enfin je ne sais pas comment faire pour la seconde partie surtout que je voudrais mettre une bordure autour ensuite ce qui me parait difficile.
Les informations nécessaires:
Je suis la fondatrice du forum sous version phpbb2, les templates ont été modifiés et le css personnalisé.
Enfin je remercie d'avance celui qui viendra m'aider, sachant que j'aimerais comprendre ( si mon cerveau le veut), bonne soirée.
Alors je sais que mon titre n'est pas très explicite mais je vais essayer de vous exposer mon problème ( et oui encore un). En fait je souhaiterais avoir pour forme du forum en en tête et en fin un arc de cercle, pour être plus simple la même forme que sur ce forum en légèrement plus arrondi. J'ai utilisé une image pour l'en-tête j'ai essayé tantôt de la placer directement dans le titre des catégories soit comme maintenant via les images (images du fond ses titres) mais cela affecte tous les titres donc je pense que la première solutions doit être la meilleur. Enfin je ne sais pas comment faire pour la seconde partie surtout que je voudrais mettre une bordure autour ensuite ce qui me parait difficile.
Les informations nécessaires:
Je suis la fondatrice du forum sous version phpbb2, les templates ont été modifiés et le css personnalisé.
Enfin je remercie d'avance celui qui viendra m'aider, sachant que j'aimerais comprendre ( si mon cerveau le veut), bonne soirée.
Dernière édition par Totomi le Ven 24 Aoû 2012 - 18:35, édité 1 fois
Re: "Pied du forum" identique à son en tête
Bonjour,
Ce que vous chercher dans le fond est en réalité "Un corps de catégories"
C'est un code qu'ont doit mettre dans la templates et modifier via Css. Or vous aurez besoin de deux images pour ce faire, une pour le bas et une pour le haut. et pour qu'il est l'air d'être dans vos catégories, il faudra qu'il soit normalement de la même couleur =3
La template Index box a-t-elle été modifié ?
Cordialement
Ce que vous chercher dans le fond est en réalité "Un corps de catégories"
C'est un code qu'ont doit mettre dans la templates et modifier via Css. Or vous aurez besoin de deux images pour ce faire, une pour le bas et une pour le haut. et pour qu'il est l'air d'être dans vos catégories, il faudra qu'il soit normalement de la même couleur =3
La template Index box a-t-elle été modifié ?
Cordialement
Re: "Pied du forum" identique à son en tête
Bonsoir,
merci d'avoir répondu, pour ce qui est du template ou elle est modifiée je vous le transmets :
Pour ce qui est de l'image étant donné que je souhaite mettre une bordure pas la suite faut-il que je la dessine sur l'image ( je pense mais bon vaut mieux demander)
merci d'avoir répondu, pour ce qui est du template ou elle est modifiée je vous le transmets :
- Spoiler:
- Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<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>
<!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript">
<!--
document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">
<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Pour débuter</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Kuroi City</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Pensionnat Yûgure no Kaigi</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Hors jeu</li>
</ul></div>');
var compteur_cat = 1;
function change_cat(numero)
{
if(document.getElementById('categorie_'+numero))
{
/* affichage de la bonne categorie */
$('table[id^=categorie_]').css('display','none');
$('table[id=categorie_'+numero+']').fadeIn();
/* affichage du bon onglet */
$('.actif').removeClass("actif");
$('.onglet[id=onglet_'+numero+']').addClass("actif");
}
}
function capture_cat()
{
if(compteur_cat == 1)
{
document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
}
else
{
$('#conteneur_barre_onglet').css("display","block");
document.write('<table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
}
compteur_cat++;
}
//-->
</script>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<script type="text/javascript">
<!--
capture_cat();
//-->
</script>
<!-- FIN MODIF ONGLETS -->
<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>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="row3 over" align="center" valign="middle" height="50" ><table><tr><td>
<div class="stats"><span class="gensmall" align="center" valign="middle">{catrow.forumrow.POSTS} ~messages~</span></div></td></tr>
<tr><td><div class="dermessage"><span class="gensmall">{catrow.forumrow.LAST_POST}
</span></div><br></td></tr></table>
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="78%" 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>
</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 -->
<!-- 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 -->
Pour ce qui est de l'image étant donné que je souhaite mettre une bordure pas la suite faut-il que je la dessine sur l'image ( je pense mais bon vaut mieux demander)
Re: "Pied du forum" identique à son en tête
Oui il faudra que vous la mettiez dans l'images.
Je vais commencer a travailler dessu tous a l'heure .
Cordiallement
Je vais commencer a travailler dessu tous a l'heure .
Cordiallement
Re: "Pied du forum" identique à son en tête
Je vais bientôt les faire alors merci beaucoup pour votre aide^^
juste une petite question avant que je commence, comme je veux que l’écriture dépasse légèrement de l'image en formant le même arrondi faut-il plusieurs images avec tous les titres ou une seule ?
juste une petite question avant que je commence, comme je veux que l’écriture dépasse légèrement de l'image en formant le même arrondi faut-il plusieurs images avec tous les titres ou une seule ?
Re: "Pied du forum" identique à son en tête
Edit : Je crois avoir compris, en fait sur le liens que vous avez mis, les noms qui dépasse un peu son les nom ordinaire qu'ont a seulement déplacé grâce à du css =3
D'ailleurs pourais je avoir le liens du forum pour savoir ce que ça donne présentement ?
Re: "Pied du forum" identique à son en tête
Je vois, j'étais pas sûr donc je préférais demander.
Je l'ai pas mis, toute mes excuses le voila http://forum-de-test.creerforumgratuit.com/.
Je l'ai pas mis, toute mes excuses le voila http://forum-de-test.creerforumgratuit.com/.
Re: "Pied du forum" identique à son en tête
Bonjour,
un petit up
un petit up
Re: "Pied du forum" identique à son en tête
Je up encore une fois, même si je sais que tu es occupé.
Re: "Pied du forum" identique à son en tête
Je up encore une fois, s'il vous plait c'est la dernière chose qui me manque pour finaliser mon design.
Re: "Pied du forum" identique à son en tête
Je up encore une fois ^^
Re: "Pied du forum" identique à son en tête
Bonjour, bonsoir,
je viens d'arriver à légèrement bidouiller mon template et j'ai l'image en pied de catégorie mais celle-ci se trouve 4 fois sur le forum je pense que cela vient de la modification du template associée aux onglets, mais je n'ai encore une fois pas la connaissance pour toucher donc je vous remets mon template merci d'avance:
je viens d'arriver à légèrement bidouiller mon template et j'ai l'image en pied de catégorie mais celle-ci se trouve 4 fois sur le forum je pense que cela vient de la modification du template associée aux onglets, mais je n'ai encore une fois pas la connaissance pour toucher donc je vous remets mon template merci d'avance:
- Spoiler:
- Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<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>
<!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript">
<!--
document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">
<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Pour débuter</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Kuroi City</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Pensionnat Yûgure no Kaigi</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Hors jeu</li>
</ul></div>');
var compteur_cat = 1;
function change_cat(numero)
{
if(document.getElementById('categorie_'+numero))
{
/* affichage de la bonne categorie */
$('table[id^=categorie_]').css('display','none');
$('table[id=categorie_'+numero+']').fadeIn();
/* affichage du bon onglet */
$('.actif').removeClass("actif");
$('.onglet[id=onglet_'+numero+']').addClass("actif");
}
}
function capture_cat()
{
if(compteur_cat == 1)
{
document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
}
else
{
$('#conteneur_barre_onglet').css("display","block");
document.write('<table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
}
compteur_cat++;
}
//-->
</script>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<script type="text/javascript">
<!--
capture_cat();
//-->
</script>
<!-- FIN MODIF ONGLETS -->
<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>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="row3 over" align="center" valign="middle" height="50" ><table><tr><td>
<div class="stats"><span class="gensmall" align="center" valign="middle">{catrow.forumrow.POSTS} ~messages~</span></div></td></tr>
<tr><td><div class="dermessage"><span class="gensmall">{catrow.forumrow.LAST_POST}
</span></div><br></td></tr></table>
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="78%" 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}<br /><div class="sous-forums"><span id="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<script type="text/javascript">document.getElementById('sous_forum').innerHTML=document.getElementById('sous_forum').innerHTML.replace(/,/," ♣ ");</script></span></div></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 -->
</span>
</span>
</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 -->
<!-- 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 --><div class="footimgposition"><img src="http://www.kirikoo.net/images/7Hitomi-2-20120820-231149.png" alt="" height="90" width="800"/></div><!-- END tablefoot --><!-- END catrow -->
Re: "Pied du forum" identique à son en tête
Bonjour, un petit up, j'ai fait appel à un ami et même lui ( plus connaisseur que moi n'a rien pu faire) le problème vient de mes onglets apparement
Re: "Pied du forum" identique à son en tête
Je me permets un petit up et voyant que les onglets ont des effets assez difficiles à gérer je vous demanderais juste comment mettre un image simplement en entête des catégorie et quel est le css pour gérer l'écriture du nom des catégorie en vous remerciant et espérant que quelqu'un se dévouera.
Re: "Pied du forum" identique à son en tête
Puisqu'il n'y a aucune réponse j'ai fait autrement je met donc en résolu, merci.
Sujets similaires
» En téte de forum
» En tete en bas du forum
» Modifier le Pied de page de mon forum.
» en tête du forum
» En-tête du forum.
» En tete en bas du forum
» Modifier le Pied de page de mon forum.
» en tête du forum
» En-tête du forum.
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