Encadrer chacun de vos forums de façon originale Bouton_activeEncadrer chacun de vos forums de façon originale Bouton_hoverEncadrer chacun de vos forums de façon originale Fb-hoverEncadrer chacun de vos forums de façon originale Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Encadrer chacun de vos forums de façon originale EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Encadrer chacun de vos forums de façon originale EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Encadrer chacun de vos forums de façon originale EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Encadrer chacun de vos forums de façon originale EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Encadrer chacun de vos forums de façon originale EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Encadrer chacun de vos forums de façon originale EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Encadrer chacun de vos forums de façon originale EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Encadrer chacun de vos forums de façon originale EmptySam 11 Fév 2023, 06:04 par Krager

-25%
Le deal à ne pas rater :
PC Portable Gamer 16,1” HP Victus 16 – 16 Go /512 Go
749.99 € 999.99 €
Voir le deal

CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011Partagez
 

Encadrer chacun de vos forums de façon originale

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://seo-game.jeuxvideoforum.com/forum.htm
Suzuki
{ Membre }
{ Membre }

Masculin Messages : 10



Encadrer chacun de vos forums de façon originale Empty
Il n'y à pas <-- BEGIN tablehead --> :s
MessageSujet: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyDim 18 Avr 2010, 04:51
Revenir en haut Aller en bas
http://cocoetmango.mescops.com/forum.htm
Bull'
Bull'
{ Membre }
{ Membre }

Féminin Messages : 100



Encadrer chacun de vos forums de façon originale Empty
Moi non plus je n'ai pas "<-- BEGIN tablehead -->"
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyDim 23 Mai 2010, 07:22
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



Encadrer chacun de vos forums de façon originale Empty
pareil je n'ai pas tablehead :/ comment doit on faire?
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMar 25 Mai 2010, 08:18
Revenir en haut Aller en bas
http://dreamzz-hime.grafbb.com
Pon&Zi
Pon&Zi
{ Membre }
{ Membre }

Féminin Messages : 123



Encadrer chacun de vos forums de façon originale Empty
Bonjour! Pour ceux qui avait cette question, j'ai cherché dans les templates. Je ne suis pas une pro du CSS, mais bon...

<-- BEGIN tablehead --> et <-- BEGIN tablehead --> se trouvent dans index_box et non pas dans index_body. Bref, il faudrait modifier 2 templates^^ Voilà =)
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyVen 11 Juin 2010, 16:31
Revenir en haut Aller en bas
http://dreamzz-hime.grafbb.com
Pon&Zi
Pon&Zi
{ Membre }
{ Membre }

Féminin Messages : 123



Encadrer chacun de vos forums de façon originale Empty
Vous m'excuserez du double-post, mais je n'avais de question lors de mon dernier message et la fonction éditer n'est pas disponible --'' C'est juste qu'en trouvant le truc, ça ma intriguée et j'ai voulu essayer... Vous pouvez en déduire que ça ne fonctionne pas. ^^

Code:
<!-- Début de l'ajout du haut -->
<div class="ajout_haut"></div>
<!-- Fin de l'ajout du haut -->

Ma question est donc: faut-il rajouter quelque chose entre les div ou non? Ça me paraît un peu étrange qu'elles soient vides...
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyVen 11 Juin 2010, 17:18
Revenir en haut Aller en bas
http://ecritoire.forumactif.fr/
Tarsicius
Tarsicius
{ Membre }
{ Membre }

Féminin Messages : 107



Encadrer chacun de vos forums de façon originale Empty
Je vois le avant mais pas le après.. Le changement ne se fait pas quand mon curseur passe sur l'image.. :/ Est-ce qu'il y aurait moyen de voir un autre aperçu du résultat?
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyJeu 17 Juin 2010, 11:01
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Encadrer chacun de vos forums de façon originale Empty
Quand je passe sur l'image de votre tuto elle ne change pas :s
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMer 30 Juin 2010, 16:51
Revenir en haut Aller en bas
http://ensomnia.co.nr
Sui
Sui
{ Membre actif }
{ Membre actif }

Féminin Messages : 346



Encadrer chacun de vos forums de façon originale Empty
Ça se peut que ça prenne un peu de temps sauf que si tu ne vois vraiment rien, tu vas dans le bouton citation et tu verras l'URL de l'image. (:
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMer 30 Juin 2010, 17:11
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Encadrer chacun de vos forums de façon originale Empty
BOnjour,
Merci pour ce tuto par contre,
le tutoriel dois avoir un Problème :s

Bon voici ce que je obtiens a la fin :
http://lesmagesnoirs.forum2ouf.com/forum.htm

Voici mon CSS :
Spoiler:


Voici mon Template index_body
Spoiler:


Voici mon Template index_box
Spoiler:

Merci d'avance de votre aide Wink
Bonne soirée.
Cordialement JIben
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyJeu 01 Juil 2010, 14:32
Revenir en haut Aller en bas
http://mondanimal.forumactif.biz/forum.htm
Edelweiss
Edelweiss
{ Membre }
{ Membre }

Féminin Messages : 105



Encadrer chacun de vos forums de façon originale Empty
Chez moi aussi, ça ne marche pas =(
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyDim 18 Juil 2010, 16:53
Revenir en haut Aller en bas
http://deardiairies.forumactif.com
Kiona
Kiona
{ Membre }
{ Membre }

Féminin Messages : 17



Encadrer chacun de vos forums de façon originale Empty
Merci pour ce tuto, il fonctionne chez moi, mais il y as une bordure qui manque Mad.
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptySam 09 Oct 2010, 14:55
Revenir en haut Aller en bas
http://deardiairies.forumactif.com
Kiona
Kiona
{ Membre }
{ Membre }

Féminin Messages : 17



Encadrer chacun de vos forums de façon originale Empty
Désoler pour ce double post, mais ça fonctionner sur mon forum test. Mais une fois que j'ai fait sur mon propre forum, il y a des écarts qui ne fait pas très jolie et mes bordures sont ma orienté même si j'ai fait exactement comme le tuto.

Voilà ce que ça donne:
Spoiler:

Est ce que quelqu'un à la solution ? Embarassed

Voici mon code CSS

Spoiler:

Voici mon Template index_body

Spoiler:

Et mon Template index_box

Spoiler:
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMar 12 Oct 2010, 11:36
Revenir en haut Aller en bas
http://narnialand.superforum.fr/forum.htm
SASHA
SASHA
{ Membre }
{ Membre }

Féminin Messages : 16



Encadrer chacun de vos forums de façon originale Empty
Bonjour ! Alors voila, j'ai une petite question à vous poser, qui semblera sans doute idiote mais bon ^^' Est ce que après ce tutoriel, on aura aussi des bordures autour de la bannière ? De ce type là : click. J'aimerai bien le savoir avant de me plonger dans le tutoriel =) merci d'avance !
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptySam 08 Jan 2011, 12:49
Revenir en haut Aller en bas
http://gothiqua.wix.com/pixenart
voltie
voltie
{ Membre }
{ Membre }

Masculin Messages : 104



Encadrer chacun de vos forums de façon originale Empty
Pareil ma sa déforme carrément mon forum ^^
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyVen 21 Jan 2011, 09:27
Revenir en haut Aller en bas
http://twilightobsessionfr.com
Steff
Steff
{ Membre }
{ Membre }

Féminin Messages : 41



Encadrer chacun de vos forums de façon originale Empty
Bonjour !
J'ai voulu testé parce que j'aurai aimé ce type de présentation, mais voici ce que ça me donne Suspect :

Spoiler:

Je vois pas trop où je me suis plantée voici le CSS et les templates :

Index-Body
Code:
{JAVASCRIPT}
<!-- Début de l'ajout du haut -->
<div class="ajout_haut"></div>
<!-- Fin de l'ajout du haut -->
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->
<!-- Début de l'ajout du bas -->
<div class="ajout_bas"></div>
<!-- Fin de l'ajout du bas -->
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
<!-- Début de l'ajout du haut -->
<div class="ajout_haut"></div>
<!-- Fin de l'ajout du haut -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
<!-- Début de l'ajout du bas -->
<div class="ajout_bas"></div>
<!-- Fin de l'ajout du bas -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
     status: true,
     cookie: true,
     xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Index-Box

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 -->
<!-- Début de l'ajout du haut -->
<div class="ajout_haut"></div>
<!-- Fin de l'ajout du haut -->
<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>
  <!-- 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="{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><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed"><div class="descriptions-categories">{catrow.forumrow.FORUM_DESC}</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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">
<div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></span>
</td>
<!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </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 -->
<!-- Début de l'ajout du bas -->
<div class="ajout_bas"></div>
<!-- Fin de l'ajout du bas -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

CSS :
Code:
.ajout_haut
{
background-color: transparent;
background-image: url(http://i.imgur.com/6rt71.png);
background-repeat: no-repeat;
width: 900px;
height: 32px;
border: none;
}
.ajout_bas
{
background-color: transparent;
background-image: url(http://i.imgur.com/hJcL5.png);
background-repeat: no-repeat;
width: 900px;
height: 26px;
border: none;
}

.forumline
{
background-color: transparent;
background-image: url(http://i.imgur.com/kiU75.png);
background-repeat: repeat-y; /* L'image se répète uniquement sur la hauteur*/
padding-left: 2px;
padding-right: 2px; /* Il vaut mieux ajouter quelques pixels de marge intérieure, sinon le forum est collé à l'image intérieure, et ça ne rend pas bien. Faites le test sinon !*/
border: none;
}

Merci pour votre aide !
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyJeu 27 Jan 2011, 11:56
Revenir en haut Aller en bas
http://www.cupcakeart.forum.st
Sunday
Sunday
{ Membre }
{ Membre }

Féminin Messages : 21



Encadrer chacun de vos forums de façon originale Empty
Je me permet de faire remonter le topic .. J'ai exactement le même soucis que Steff. Personne pour nous aider ? Neutral
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMer 16 Fév 2011, 09:20
Revenir en haut Aller en bas
http://twilightobsessionfr.com
Steff
Steff
{ Membre }
{ Membre }

Féminin Messages : 41



Encadrer chacun de vos forums de façon originale Empty
Ben écoute comme personne répondait, j'ai un peu fouiné sur le forum et j'ai trouvé la solution avec le tuto proposé par Furase "Insérer une image au-dessus ou en-dessous des catégories" : ICI et ça marche parfaitement. Encadrer chacun de vos forums de façon originale Wink10
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMer 16 Fév 2011, 10:43
Revenir en haut Aller en bas
http://www.cupcakeart.forum.st
Sunday
Sunday
{ Membre }
{ Membre }

Féminin Messages : 21



Encadrer chacun de vos forums de façon originale Empty
Ah okk, merci beaucoup alors! Very Happy
Mais ça fait exactement pareil ? est ce que tu aurais un exemple par hasard ? Razz
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMer 16 Fév 2011, 10:53
Revenir en haut Aller en bas
http://twilightobsessionfr.com
Steff
Steff
{ Membre }
{ Membre }

Féminin Messages : 41



Encadrer chacun de vos forums de façon originale Empty
Oui bien sur, tiens en faisant l'autre tuto, tout allait à la perfection comme tu peux le voir :

Spoiler:

J'avais gardé les images proposé dans ce tuto pour le tester.
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMer 16 Fév 2011, 11:12
Revenir en haut Aller en bas
http://www.cupcakeart.forum.st
Sunday
Sunday
{ Membre }
{ Membre }

Féminin Messages : 21



Encadrer chacun de vos forums de façon originale Empty
Ah super, merci beaucoup (j'ai réussi) ! Very Happy
Une dernière chose: comment fait - on pour mettre aussi une image en bas ?
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMer 16 Fév 2011, 12:24
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Encadrer chacun de vos forums de façon originale Empty
Hello Sunday ^^

Ton avatar n'est pas conforme à la taille demandée sur CSSActif. Je te propose donc de le redimensionner selon les tailles quémandées. Un petit tour au règlement s'impose Wink

Merci.
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMer 16 Fév 2011, 12:37
Revenir en haut Aller en bas
http://www.cupcakeart.forum.st
Sunday
Sunday
{ Membre }
{ Membre }

Féminin Messages : 21



Encadrer chacun de vos forums de façon originale Empty
Ah! désolée x) voilà, c'est changé.
Et désolée pour le flood Smile
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMer 16 Fév 2011, 12:51
Revenir en haut Aller en bas
http://twilightobsessionfr.com
Steff
Steff
{ Membre }
{ Membre }

Féminin Messages : 41



Encadrer chacun de vos forums de façon originale Empty
Suis bien le tuto dont j'ai mis le lien, tu as un sommaire, va au paragraphe "Image unique en-dessous de toutes les catégories" tu auras toutes les explications dont tu as besoin. Smile
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale EmptyMer 16 Fév 2011, 15:20
Revenir en haut Aller en bas
Contenu sponsorisé




Encadrer chacun de vos forums de façon originale Empty
MessageSujet: Re: Encadrer chacun de vos forums de façon originale   Encadrer chacun de vos forums de façon originale Empty
Revenir en haut Aller en bas
 

Encadrer chacun de vos forums de façon originale

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Encadrer chacun de vos forums de façon originale
» Présentation originale de votre staff
» Catégories & Forums
» Tutorial "<Template PHPBB2> Encadrer chacun de vos forums de façon originale" - Problème
» [Résolu] Affichage des forums, sous-forums : remplacer l'image par un texte

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit