| Mettre une image en Image du fond des titres. | |
|
TM
{ Membre }
Messages : 29
| Bonjour, Je sais pas si je poste dans le bon endroit, alors je m'excuse si ce n'est pas le cas. Voila depuis un moment je tante de mettre une image dans en fond des titres (qu'on peut trouvé dans Affichage=> Gestion des images => mode avancé) Et quand je mets mon image, voila ce que j'ai: - Spoiler:
Et moi ce que je voudrai avoir: - Spoiler:
Mais j'arrive pas à trouver un moyen de mettre ma planche en fond comme dans le 2éme exemple. Merci d'avance | | |
|
| |
Doare
{ Spécialiste }
Messages : 544
| Hey. Je n'arrive pas à voir les screens... Edit: C'est bon, je me suis débrouillée. ^^ Eh bien... En ajoutant une class dans le template index_box et en mettant l'image dans le CSS, on peut y arriver. Dans le template index_box, cherche : - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> Ajoute la class "fondTitre" au premier TR : - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr class="fondTitre"> Dans ton CSS : - Code:
-
.fondTitre { background-image:url('LIEN IMAGE'); } .fondTitre th { background-color:transparent; /*enlève la couleur des cellules, pour voir l'image*/ } Et enfin, enlève l'image dans la gestion des images. Cha devrait être bon ! | | |
|
| |
TM
{ Membre }
Messages : 29
| Merciii pour t'as réponse, rapide en plus, j'taime déjà *_* J'ai suivie parfaitement t'es explication, mais j'ai le même rendu :/ (j'ai enlevé l'image dans la gestion des images ^^) Mais comme on peut le constaté entre la colonne forum & derniers messages il y a un vide c'est là ou la première image s'arrête après elle recommencer dans le 2éme colonne, y a t-il un moyen d'enlevé le vide ça aidera peut être :/ Je sais pas trop comment m'y prendre ^^'' Et encore merci Doare pour t'as réponse Pour les screens voici mon rendu: et voila ce que je veux: | | |
|
| |
Doare
{ Spécialiste }
Messages : 544
| Pourrais-je avoir le lien du forum où tu testes tout ça ? | | |
|
| |
TM
{ Membre }
Messages : 29
| Oui bien sur ^^ Le voila Forum teste | | |
|
| |
Doare
{ Spécialiste }
Messages : 544
| C'est fermé aux invités, je ne peux pas voir la page d'accueil. :/ | | |
|
| |
TM
{ Membre }
Messages : 29
| Oh désolé... >_< C'est fait | | |
|
| |
Doare
{ Spécialiste }
Messages : 544
| Alooors... Si tu vois bien ce que je vois : https://nsa29.casimages.com/img/2012/06/13/120613113851286950.jpg L'espace "vide" est lié au tableau. A l'endroit que je t'ai indiqué plus haut, on va changer un petit paramètre : - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr class="fondTitre"> On va changer le "cellspacing" pour 0. Enfin, pour empêcher l'image de se répéter, il va suffire de le spécifier dans le CSS. - Code:
-
.fondTitre { background-image:url('LIEN IMAGE'); background-repeat:no-repeat; } A part ça, je pense qu'il faut que tu saches que : - pour avoir l'affichage que tu souhaites, il faudrait que la largeur du forum soit fixe, et non relative (actuellement, elle est fixée à 60% de la page) ;
- ton message d'accueil en test élargit le forum de façon arbitraire (sa largeur est fixe et supérieure à celle du forum, et de ton image).
| | |
|
| |
TM
{ Membre }
Messages : 29
| Idem, l'image se répète toujours :/ Et pourtant l'espace à bel est bien disparu.
PS: sous Firefox ça marche très bien, mais c'est dans chrome que ça marche pas bizarre, je fais comment ?? et pourtant la barre je l'ai faite sur mesure avec la taille du forum :/ | | |
|
| |
Doare
{ Spécialiste }
Messages : 544
| Ecoute, je peux même plus vérifier dans Chrome, le navig a cessé de fonctionner chez moi depuis 2 jours, et je ne peux pour l'instant rien y faire. :/ Essaye peut-être : - Code:
-
.fondTitre { background:url('LIEN IMAGE') no-repeat; } Autrement, je te le répète, la taille de ton forum n'est pas fixe. Dans ton PA, va dans Général>Configuration>Structure des pages, tu verras qu'il doit y avoir un 60%, soit une largeur relative : elle varie en fonction de la taille des fenêtres et écrans. La seule chose qui "contraint" ton forum a adopté une largeur fixe actuellement, c'est ton message d'accueil en accordéon qui a une largeur déterminée à 960px. A toi donc de donner une largeur fixe au forum dans le PA (qui corresponde à ton image) et d'adapter le message d'accueil pour qu'il ne déforme par l'index. =) | | |
|
| |
TM
{ Membre }
Messages : 29
| Voila j'ai changé la taille de l'accordéon, c'est réglés pour firefox merciii beaucoupppp *w* Par contre sur Chrome le problème est le même (répétition) même avec le code de fontitle :/ | | |
|
| |
TM
{ Membre }
Messages : 29
| |
| |
pamina
{ Membre actif }
Messages : 1170
| Bonjour TM , Je rappelle simplement le règlement de CSSActif : " Remonter un sujet, le fameux «Up», est interdit sur CSSActif. L'équipe fait déjà le maximum pour répondre à votre demande le plus rapidement possible et la remontera elle-même en cas de besoin. Il est par conséquent inutile de signaler votre impatience.". Ta dernière réponse date du 17 juin, sois gentille de laisser aux codeurs le temps de te répondre ! Merci de ta compréhension ! | | |
|
| |
TM
{ Membre }
Messages : 29
| Ah je m'excuse | | |
|
| |
Doare
{ Spécialiste }
Messages : 544
| (Bonne nouvelle, Chrome remarche chez moi \o/) Yeeey, alors après quelques recherches, il se trouve que c'est un bug connu. Des navigs appliqueraient correctement le background-image à la ligne d'un tableau (Firefox, Opera), d'autres pas (Chrome, IE7, Safari). Là il est un peu tard pour te donner une manière d'arranger la chose (ce ne sera pas simple), donc je reviens demain (tout à l'heure) avec plus d'infos. | | |
|
| |
Doare
{ Spécialiste }
Messages : 544
| Baon, comme il s'agit de la toute première ligne, on ne va pas faire très compliqué : l'image de fond va s'appliquer carrément au tableau. On va juste déplacer la class qu'on a créée. - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr class="fondTitre"> Tu supprimes la class du tr, pour ajouter "fondTitre" à TABLE, à côté de "forumline". - Code:
-
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline fondTitre" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> Et voilà, tu publies le template. Ca devrait faire l'affaire. | | |
|
| |
TM
{ Membre }
Messages : 29
| Ça marche trop bien, t'es un génie, je t'aimeee merciiiiiiiiiiiiiiiiiiiiiiiiii beaucouuuuuuuuuuuuuuuuup *_* je pense que c'est réglé juste un tout petit détaille Si tu rentres dans une catégorie tu vas trouvé que la barre a disparu puisque je l'ai enlevé du gestionnaire, regarde: | | |
|
| |
Doare
{ Spécialiste }
Messages : 544
| On va juste ajouter la class aussi dans le template topics_list_box Cherche : - Code:
-
<!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> Et ajoute la class "fondTitre" à côté de "forumline", comme au-dessus. Tu peux aussi mettre le cellspacing à "0" pour retirer les "lignes". Si tu en as besoin en dessous, tu peux ajouter des bordures pour les remplacer... (je t'explique si tu veux le faire ) | | |
|
| |
Dynamic
{ Membre }
Messages : 8
| - Doare a écrit:
Et ajoute la class "fondTitre" Les class détestent les majuscules. | | |
|
| |
Doare
{ Spécialiste }
Messages : 544
| Non, elles ne détestent pas les majuscules. Ou alors il va falloir indiquer une source. Les manières de nommer ses class dépendent de chacun. Utiliser des majuscules n'est pas un problème. Il faut juste ne pas les oublier dans le CSS, car oui, la casse compte (si c'est ce que tu veux dire) : "fondtitre" est effectivement différent de "fondTitre". Bref. Ce n'est pas le lieu pour débattre de ceci ~ | | |
|
| |
TM
{ Membre }
Messages : 29
| C'est réglé :DDD Merci merci merci merci merci énormément t'es suuper *____*
| | |
|
| |
pamina
{ Membre actif }
Messages : 1170
| Apparemment, le sujet est résolu Je classe. (N'oubliez pas de signaler clairement que votre problème est totalement résolu, afin que les modérateurs puissent classer. Merci !) | | |
|
| |
Contenu sponsorisé
| |
| |
| Mettre une image en Image du fond des titres. | |
|