image dans le carde du forum

5 participants

Page 2 sur 2 Précédent  1, 2

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

Résolu image dans le carde du forum

Message par minatokage Sam 20 Avr 2013 - 0:01

Rappel du premier message :

Bonjour/Bonsoir

il a peut j'ai installé un code me permettent de modifie l'apparence de mes catégorie  sa fonction plutôt bien il a l'imager du haut et bas  le seul problème j'ai aucune image qui s'affiche dans le forum la ou il a description dernier message etc..
je suis sur phbb2 et css template modifier    

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}
                
                               {CURRENT_TIME}
                
                               </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>
                
                               <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
                
                               <!-- 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="haut_cate"><tr valign="center"><td>
                      {catrow.tablehead.L_FORUM}</td></tr></table><table class="forumline" width="890px" align="center" border="0" cellspacing="1" cellpadding="0">
                              <tr>
                            
                               <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> <table><tr><td width="85%">{catrow.tablehead.L_FORUM}</td><td width="15%">{L_LASTPOST}</td></tr></table></th>
                              </tr>
                        </table><div class="milieu_cate"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
                              <!-- END tablehead -->
                          <!-- BEGIN cathead -->
                          <tr>
                              <!-- BEGIN inc -->
                            <td class="{catrow.cathead.inc.INC_CLASS} index_cate" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                              <!-- END inc -->
                              <td class="{catrow.cathead.CLASS_CAT} index_cate" 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} index_cate" colspan="3" align="right"> </td>
                          </tr>
                          <!-- END cathead -->
                          <!-- BEGIN forumrow -->
                          <tr>
                              <!-- BEGIN inc -->
                              <td class="{catrow.forumrow.inc.INC_CLASS} index_cate" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                              <!-- END inc -->
                              <td class="{catrow.forumrow.INC_CLASS} index_cate" 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 index_cate" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                                        <table width="100%"><tbody><tr><td><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}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
                                <div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
                                <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>
                      
                             <td class="row3 index_cate" align="center" valign="middle" height="60"><div style="width:275px;">
                                <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
                              </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 -->
                              <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><div class="imgbas"> </div><table class="bas_cate"><tr valign="center"><td> </td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
                                      <!-- END catrow -->
css la parti concerne

Code:
/*|__________ DEBUT DES MODIFICATIONS DE L'AFFICHAGE DES CATEGORIES __________*/

table.haut_cate{
   width:891px;
   height:86px;
   background-image:url();
   background-repeat:no-repeat;
   margin-bottom: -22px;
   }

table.haut_cate h2{
   width:600px;
   margin-left: 40px;
   margin-right auto;
  font-variant:small-caps;
  font-size 18px;
  color:#fff;
  text-shadow 1px 1px 2px #ffffff;
}

div.milieu_cate{
   background-image:url(http://i73.servimg.com/u/f73/18/19/39/36/alt10.gif);
   background-repeat:repeat-y;
  }


.imgbas {
background-image: url(http://i73.servimg.com/u/f73/18/19/39/36/fold10.png);
background-repeat: no-repeat;
background-color: transparent;
height:9px;
width:892px;
  margin:auto;

}    

cordialement


Dernière édition par minatokage le Lun 17 Juin 2013 - 14:30, édité 2 fois
minatokage

minatokage
***

Masculin
Messages : 158
Inscrit(e) le : 23/12/2008

http://rise-of-ninja.probb.fr/
minatokage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par Anzu Lun 3 Juin 2013 - 19:12


Dans ce cas, il suffit juste de mettre l'image dans le row1 tout simplement.

Code:
.row1 {
background-image: url('blabla lien');
}

Au pire, dans votre code, vous avez mis:

Code:
  <td class="xd" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                                            <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                                                <span class="forumlink">
                                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

Bon j'ai changé la class pour le fun, j'ai mis xd, et vous remplacez le row1 par xd, comme ça vous n'aurez pas le fond partout, étant donné que le row1 se trouve également dans le qeel.


Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par minatokage Mar 4 Juin 2013 - 21:14

bonjour et merci ça fonction mes comment évité que sa ce répète j'ai essaye ce code background-repeat: no-repeat; mes sa ne fonctionne pas
minatokage

minatokage
***

Masculin
Messages : 158
Inscrit(e) le : 23/12/2008

http://rise-of-ninja.probb.fr/
minatokage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par Anzu Mar 4 Juin 2013 - 21:24

Vous avez bien mis comme ceci?:

Code:
.row1 {
background-image: url('blabla lien');
background-repeat: no-repeat !important;
}

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par minatokage Mar 4 Juin 2013 - 23:28

oui mes des que je mais ce code background-repeat: no-repeat !important;
mes case redeviens gris ?
minatokage

minatokage
***

Masculin
Messages : 158
Inscrit(e) le : 23/12/2008

http://rise-of-ninja.probb.fr/
minatokage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par Anzu Mar 4 Juin 2013 - 23:43

Vous avez fait les modif sur ce fofo: http://rise-of-ninja.probb.fr/ ?
Parce que je ne les vois pas.

Pourrais je avoir à nouveau votre template actuel et toute votre css ?

edit: comme vous pouvez le constater sur mon forum test: aucun souci de mon côté ..
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par minatokage Mer 5 Juin 2013 - 16:08

oui j'ai bien faits les modification sur ce forum il a bien l'imager mes des que je mais le code background-repeat: no-repeat !important; sa redevient gris

Spoiler:

Spoiler:

cordialement
minatokage

minatokage
***

Masculin
Messages : 158
Inscrit(e) le : 23/12/2008

http://rise-of-ninja.probb.fr/
minatokage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par Anzu Mer 5 Juin 2013 - 18:31


C'est bien mignon mais il faut mettre la modification dans le template aussi:

Code:
<td class="row1 index_cate" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                                        <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                                            <span class="forumlink">
                                              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

row1 index_cate > mettez row1

Mais comme expliqué plus haut.
Mettez un autre nom, genre "fondblabla" par exemple

et dans la css

.fondblabla {
blablabla;
}


Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par minatokage Mer 5 Juin 2013 - 20:10

je viens de changer row1 index cat par Kameha j'ai bien mie dans le css mes rien ne change par contre j’enlève background-repeat: no-repeat !important; la il a l'imager mes elle ce répète
minatokage

minatokage
***

Masculin
Messages : 158
Inscrit(e) le : 23/12/2008

http://rise-of-ninja.probb.fr/
minatokage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par Anzu Mer 5 Juin 2013 - 20:19

J'ai du changer de pc étant donné que mon écran est .. Mr. Green

Donc du coup je comprends mieux ! (je vois mieux surtout xD)

Alors alors, je n'aime pas Firebug mais me suis rendue compte que vous aviez plusieurs fois "Kameha" dans votre css .. je ne sais pas si c'est une erreur, mais il en faut qu'un, sinon vive les conflits.

Ensuite, du coup il faudra mettre le code comme ceci:

Code:
.kameha {
background-image: url('donc l'image');
background-repeat: repeat-x;
background-position: bottom;
background-color: #ffffff;
}
Et cette fois ci, c'est bon Smile
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par minatokage Jeu 6 Juin 2013 - 2:32

Ah et bien voila qui est bien mieux^^ Smile merci
et comment je dois faire pour que l'image soi aussi dans la case icône du forum
en fait j'avais mie dans le css trois fois kameha pour que l'image s'affiche partout dans message page d'accueil et la liste des sujet


minatokage

minatokage
***

Masculin
Messages : 158
Inscrit(e) le : 23/12/2008

http://rise-of-ninja.probb.fr/
minatokage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par minatokage Dim 9 Juin 2013 - 23:47

petit up
minatokage

minatokage
***

Masculin
Messages : 158
Inscrit(e) le : 23/12/2008

http://rise-of-ninja.probb.fr/
minatokage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par Anzu Dim 9 Juin 2013 - 23:50

Pour l'image, c'est ce td:
Code:
  <td class="{catrow.forumrow.INC_CLASS} index_cate" 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>

Suffit de changer la class Smile
Faut juste que l'image ait un fond transparent Razz
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par minatokage Jeu 13 Juin 2013 - 16:04

Bonjour dessolé pour la lenteur de mes réponse je suis très occupe ces dernier temps j'ai mis mon image en fond transparent
mes j ais un espace gris dans icone du forum
minatokage

minatokage
***

Masculin
Messages : 158
Inscrit(e) le : 23/12/2008

http://rise-of-ninja.probb.fr/
minatokage a été remercié(e) par l'auteur de ce sujet.

Résolu Re: image dans le carde du forum

Message par minatokage Lun 17 Juin 2013 - 14:30

salut j'ai résolue problème merci a tois  anzu de m’avoir aides 
minatokage

minatokage
***

Masculin
Messages : 158
Inscrit(e) le : 23/12/2008

http://rise-of-ninja.probb.fr/
minatokage a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum