"Pied du forum" identique à son en tête

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

Résolu "Pied du forum" identique à son en tête

Message par Totomi le Sam 11 Aoû 2012 - 22:45

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.


Dernière édition par Totomi le Ven 24 Aoû 2012 - 18:35, édité 1 fois

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Kaela Naoki le Dim 12 Aoû 2012 - 21:06

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

Kaela Naoki
***

Féminin
Messages : 140
Inscrit(e) le : 03/03/2011

http://otoko-gakuen.forum-canada.com/
Kaela Naoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Totomi le Dim 12 Aoû 2012 - 21:29

Bonsoir,
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)

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Kaela Naoki le Dim 12 Aoû 2012 - 21:32

Oui il faudra que vous la mettiez dans l'images.
Je vais commencer a travailler dessu tous a l'heure .

Cordiallement

Kaela Naoki
***

Féminin
Messages : 140
Inscrit(e) le : 03/03/2011

http://otoko-gakuen.forum-canada.com/
Kaela Naoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Totomi le Dim 12 Aoû 2012 - 21:45

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 ?

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Kaela Naoki le Lun 13 Aoû 2012 - 1:43

Je ne comprend pas trop ce que vous voulez dire, Dans le fond au lieux de simplement déplaçé le titre avec le css vous voulez le faire par images ?

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 ?

Kaela Naoki
***

Féminin
Messages : 140
Inscrit(e) le : 03/03/2011

http://otoko-gakuen.forum-canada.com/
Kaela Naoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Totomi le Lun 13 Aoû 2012 - 8:20

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

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Totomi le Mar 14 Aoû 2012 - 10:31

Bonjour,
un petit up

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Totomi le Sam 18 Aoû 2012 - 14:16

Je up encore une fois, même si je sais que tu es occupé. Embarassed

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Totomi le Dim 19 Aoû 2012 - 18:48

Je up encore une fois, s'il vous plait c'est la dernière chose qui me manque pour finaliser mon design.

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Totomi le Lun 20 Aoû 2012 - 18:05

Je up encore une fois ^^

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Totomi le Lun 20 Aoû 2012 - 23:13

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:


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

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Totomi le Mar 21 Aoû 2012 - 23:12

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

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Totomi le Jeu 23 Aoû 2012 - 19:37

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.

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Pied du forum" identique à son en tête

Message par Totomi le Ven 24 Aoû 2012 - 18:34

Puisqu'il n'y a aucune réponse j'ai fait autrement je met donc en résolu, merci.

Totomi
**

Messages : 64
Inscrit(e) le : 07/08/2012

http://yuugure-no-kaigi.forums-gratuits.fr/
Totomi 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