Apparence des catégories

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

Résolu Apparence des catégories

Message par Lili20 le Mar 21 Oct 2014 - 18:48

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Je souhaiterais modifier quelques problèmes que je n'arrive pas à résoudre, depuis que je les ai installés (depuis cette après-midi)
Lien du forum : http://harasdelaprairie.forumactif.org/

Description du problème

Bonjour ,

J'ai installé récemment des nouvelles catégories sur mon forum. La structure me plaît. Mais je voudrais mettre une image de fond pour les 3 encadrés différents de la structure, et enlever les lignes blanches (très fines mais gênantes), qui séparent chaque forum.
Ensuite, il y a un arrondi pas très propre aux coins, qui fait tâche parmi le reste.

Voilà Smile
Voici mon template 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 --><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>
                </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">&nbsp;</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 -->
              <!-- [ DÉBUT DES MODIFICATIONS ] -->
                <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                        <span class="forumlink"><div class="titresfora">
                            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
        </div>
                        </span>
                   
        <table width="100%"><tr><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="forum-description" width="70%"><span class="genmed">{catrow.forumrow.FORUM_DESC}</td><td class="forum-stats" valign="middle" height="50" width="20%">
                {catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.<br />
       
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
              </td></tr></table></span>
        </div>
        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                <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>
       
       
              </td>
              <!-- BEGIN forum_link_no -->
        <!-- [ FIN DES MODIFICATIONS ] -->
                <!-- 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 -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et voici mon code CSS Wink
Code:
        /*contour des catégories*/
        .forumline{
              border:3px solid #000;
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 20px;}
       
        /*titres des forums*/
        .titresfora{
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 20px;
              border: 1px solid #000;
              font-size: 11px;
              height: 20px;
              padding: 3px;
              position: relative;
              text-align: center;
              width: 350px;}
       
       
        /*description dans les forums*/
        .forum-description {
              margin: auto;
              padding: 10px;
              color: #000000;
              border: 1px solid #000;
              -moz-border-radius: 14px;
              -webkit-border-radius: 14px;
              font-size: 12px;
              }
       
        /*derniers messages*/
        .forum-stats {
              -moz-border-radius: 20px;
              webkit-border-radius: 20px;
              border-radius: 20px;
              border: 1px solid #000;
              font-size: 11px;
              padding: 3px;
              text-align: center;
              }

Comme vous l'aurez compris, les modifications que je veux apporter on mineures, mais étant assez nulle en codage, j'ai vraiment besoin d'aide Mad

D'avance merci,
Lili


Dernière édition par Lili20 le Sam 25 Oct 2014 - 19:30, édité 1 fois

Lili20
*

Féminin
Messages : 48
Inscrit(e) le : 22/08/2014

http://thesixthsense.forumactif.org/
Lili20 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Lili20 le Jeu 23 Oct 2014 - 10:41

Un petit UP Embarassed

Lili20
*

Féminin
Messages : 48
Inscrit(e) le : 22/08/2014

http://thesixthsense.forumactif.org/
Lili20 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Apparence des catégories

Message par AenigmA le Jeu 23 Oct 2014 - 11:40

Bonjour,
A chaque partie tu rajoutes cette ligne
background-image: url("lien de ton image");
En choisissant une image bien sur

.titresfora
.forum-description
.forum-stats

Puis

A .forumline tu rajoutes cette ligne
padding-bottom: 15px;

Puis tu rajoutes dans ton css

.secondarytitle, .secondarytitle h2 {
border-radius: 20px;
}

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Lili20 le Ven 24 Oct 2014 - 20:08

D'accord, merci beaucoup, je vais regarder ça Smile

Lili20
*

Féminin
Messages : 48
Inscrit(e) le : 22/08/2014

http://thesixthsense.forumactif.org/
Lili20 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Lili20 le Ven 24 Oct 2014 - 20:48

Superbe *-* Merci beaucoup ça marche à la perfection!!!!


Merci merci merci Very Happy

Lili20
*

Féminin
Messages : 48
Inscrit(e) le : 22/08/2014

http://thesixthsense.forumactif.org/
Lili20 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