Mettre une image en Image du fond des titres.  Bouton_activeMettre une image en Image du fond des titres.  Bouton_hoverMettre une image en Image du fond des titres.  Fb-hoverMettre une image en Image du fond des titres.  Fb-active
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
Mettre une image en Image du fond des titres.  EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Mettre une image en Image du fond des titres.  EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Mettre une image en Image du fond des titres.  EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Mettre une image en Image du fond des titres.  EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Mettre une image en Image du fond des titres.  EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Mettre une image en Image du fond des titres.  EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Mettre une image en Image du fond des titres.  EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Mettre une image en Image du fond des titres.  EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

Partagez
 

Mettre une image en Image du fond des titres.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
TM
TM
{ Membre }
{ Membre }

Féminin Messages : 29



Mettre une image en Image du fond des titres.  Empty
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 Smile
MessageSujet: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMer 13 Juin 2012, 09:06
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Mettre une image en Image du fond des titres.  Empty
Hey. Smile

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

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. Smile
Cha devrait être bon !
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMer 13 Juin 2012, 09:09
Revenir en haut Aller en bas
TM
TM
{ Membre }
{ Membre }

Féminin Messages : 29



Mettre une image en Image du fond des titres.  Empty
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 Smile

Pour les screens voici mon rendu:
Mettre une image en Image du fond des titres.  815881exemplefals
et voila ce que je veux:
Mettre une image en Image du fond des titres.  516407exempletru
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMer 13 Juin 2012, 11:56
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Mettre une image en Image du fond des titres.  Empty
Pourrais-je avoir le lien du forum où tu testes tout ça ? Smile
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMer 13 Juin 2012, 12:10
Revenir en haut Aller en bas
TM
TM
{ Membre }
{ Membre }

Féminin Messages : 29



Mettre une image en Image du fond des titres.  Empty
Oui bien sur ^^
Le voila Forum teste
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMer 13 Juin 2012, 14:06
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Mettre une image en Image du fond des titres.  Empty
C'est fermé aux invités, je ne peux pas voir la page d'accueil. :/
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMer 13 Juin 2012, 14:51
Revenir en haut Aller en bas
TM
TM
{ Membre }
{ Membre }

Féminin Messages : 29



Mettre une image en Image du fond des titres.  Empty
Oh désolé... >_<
C'est fait Very Happy
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMer 13 Juin 2012, 17:32
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Mettre une image en Image du fond des titres.  Empty
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. Smile

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).
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMer 13 Juin 2012, 18:27
Revenir en haut Aller en bas
TM
TM
{ Membre }
{ Membre }

Féminin Messages : 29



Mettre une image en Image du fond des titres.  Empty
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 :/
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyJeu 14 Juin 2012, 09:03
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Mettre une image en Image du fond des titres.  Empty
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. =)
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptySam 16 Juin 2012, 11:16
Revenir en haut Aller en bas
TM
TM
{ Membre }
{ Membre }

Féminin Messages : 29



Mettre une image en Image du fond des titres.  Empty
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 :/
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptySam 16 Juin 2012, 19:10
Revenir en haut Aller en bas
TM
TM
{ Membre }
{ Membre }

Féminin Messages : 29



Mettre une image en Image du fond des titres.  Empty
up ?
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMar 19 Juin 2012, 10:58
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Mettre une image en Image du fond des titres.  Empty
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 ! Cool
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMar 19 Juin 2012, 11:17
Revenir en haut Aller en bas
TM
TM
{ Membre }
{ Membre }

Féminin Messages : 29



Mettre une image en Image du fond des titres.  Empty
Ah je m'excuse Smile
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMar 19 Juin 2012, 19:51
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Mettre une image en Image du fond des titres.  Empty
(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. Smile
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyMar 19 Juin 2012, 23:20
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Mettre une image en Image du fond des titres.  Empty
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. Smile
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.
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyJeu 21 Juin 2012, 10:29
Revenir en haut Aller en bas
TM
TM
{ Membre }
{ Membre }

Féminin Messages : 29



Mettre une image en Image du fond des titres.  Empty
Ç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:


Mettre une image en Image du fond des titres.  853254prob
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyJeu 21 Juin 2012, 17:35
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Mettre une image en Image du fond des titres.  Empty
On va juste ajouter la class aussi dans le template topics_list_box Smile

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. Smile
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 Smile)
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyJeu 21 Juin 2012, 18:06
Revenir en haut Aller en bas
Dynamic
Dynamic
{ Membre }
{ Membre }

Masculin Messages : 8



Mettre une image en Image du fond des titres.  Empty
Doare a écrit:

Et ajoute la class "fondTitre"


Les class détestent les majuscules. silent
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyJeu 21 Juin 2012, 18:08
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Mettre une image en Image du fond des titres.  Empty
Non, elles ne détestent pas les majuscules. Ou alors il va falloir indiquer une source. Smile
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 ~
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyJeu 21 Juin 2012, 18:35
Revenir en haut Aller en bas
TM
TM
{ Membre }
{ Membre }

Féminin Messages : 29



Mettre une image en Image du fond des titres.  Empty
C'est réglé :DDD
Merci merci merci merci merci énormément t'es suuper *____*
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyVen 22 Juin 2012, 15:00
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Mettre une image en Image du fond des titres.  Empty
Apparemment, le sujet est résolu Very Happy
Je classe.

(N'oubliez pas de signaler clairement que votre problème est totalement résolu, afin que les modérateurs puissent classer. Merci !)
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  EmptyVen 22 Juin 2012, 18:31
Revenir en haut Aller en bas
Contenu sponsorisé




Mettre une image en Image du fond des titres.  Empty
MessageSujet: Re: Mettre une image en Image du fond des titres.    Mettre une image en Image du fond des titres.  Empty
Revenir en haut Aller en bas
 

Mettre une image en Image du fond des titres.

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

 Sujets similaires

-
» Une Image en fond des titres de mes onglets ?
» Mettre une image en fond de catégorie
» Mettre une image de fond sur les forums
» Comment mettre une image en fond de profil?
» Mettre une image en fond d'une page HTLM

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

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