School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
AuteurMessage
 

LOra7

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 28
Age: 21
$ops: 38
Points: 5
Date d'inscription: 17/11/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Mar 22 Nov - 14:08

Bonjour,

Tout d'abord, je tiens à m'excuser si je ne suis pas au bon endroit, mais comme j'ai pu voir qu'il y a eu d'autres questions dans ce topic, je me lance.

Maintenant ma question vous paraîtra certainement simple avec une dizaine de tuto la concernant. Mais c'est un peu plus pointu que ça. Tout d'abord j'utilise Xooit.

J'aimerais enfaite apprendre à mettre une image graphique en arrière plan sur les titres des catégories, comme dans l'exemple suivant :
Spoiler:
 


Malheureusement, sur Xooit je n'arrive à faire ceci que pour le bas des catégories et non pour les titres, car comme vous pouvez le constater enfaite, il y a une image sur l'autre et de mon côté elles se mettent l'une sur l'autre.
Je ne sais vraiment pas si je suis claire... Donc n'hésitez pas à me poser des question pour les passages douteux.
Je vous remercie d'avance pour ceux qui prendront le temps de lire ce sujet. =)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://art-design.xooit.com
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l'émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Mer 23 Nov - 11:29

Coucou Smile

Logiquement, tu as du modifier un template pour tenter ta modif. Tu pourrais nous le donner stp ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

LOra7

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 28
Age: 21
$ops: 38
Points: 5
Date d'inscription: 17/11/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Mer 23 Nov - 12:54

Alors c'est déjà très gentil à toi de vouloir m'aider. Je pense que tu dois être la 1ère à m'accorder un peu de ton temps, sur je ne sais combien de forum. =O !

Donc, déjà je profite de te montrer ce que sa donne chez moi niveau visuel. La superposition des images ne se fait pas, alors elles se mettent l'une sur l'autre, comme ceci :

Ce qui est un peu embêtant, parce que sa m'empêche de faire les effets que je voudrais. =(

J'ai dû modifier la template index_body.tpl

Je te mets l'intégralité ici :
Code:
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
  <tr>
   <td align="left" valign="bottom"><span class="gensmall">
   <!-- BEGIN switch_user_logged_in -->
   {LAST_VISIT_DATE}<br />
   <!-- END switch_user_logged_in -->
   {CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
   <td align="right" valign="bottom" class="gensmall">
      <!-- BEGIN switch_user_logged_in -->
      <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
      <!-- END switch_user_logged_in -->
      <a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
  </tr>
</table>


  <!-- BEGIN catrow -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="forumline">
  <tr>
   <td class="catLeft" colspan="3" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">

{catrow.CAT_DESC}</a></span></td>
  </tr><br>
<br><br><br><br><table height="28" width="761" border="0" cellpadding="0" cellspacing="0">

</tr>
<td class="catLeft" border="0" colspan="3" height="28" align="center"><span class="cattitle"><img src="http://img843.imageshack.us/img843/9158/lavieduforum.png" border="0" alt="LE FORUM HAUT"></a></a></span></td>
  <!-- BEGIN forumrow -->
  <tr>
   <td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"

alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
   <td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />



     </span> <span class="genmed"><div style="margin-left: 40px; margin-right: 11px; margin-bottom: 30px; text-align: justify; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; background: #c8b9b3; box-shadow: 0 0 1.1em #9d8d87; ">{catrow.forumrow.FORUM_DESC}<br></DIV><br />

<div class="sujets_messages"><div style=" text-align : center; margin-top: -44px;  margin-left: 200px; margin-right: 100px; background-color: #d5ccc8; border-radius: 0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;">Messages : {catrow.forumrow.POSTS}  |  Sujets : {catrow.forumrow.TOPICS}</div><br />
<br><br>

     </span></td>



   <td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall"><div class="sujets_messages"><div style="margin-left: 40px; margin-right: 10px; margin-bottom: 30px; text-align: center; padding-top:5px; padding-bottom: 5px; background: #c9b9b3;  -moz-border-radius: 20px; "><div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></td>



  </tr><!-- END forumrow -->
<td class="catLeft" border="0" colspan="3" height="28" align="center"><span class="cattitle"><img src="http://img74.xooimage.com/files/d/4/a/barre-du-bas-2e49ab4.png" border="0" alt="LE FORUM"></a> </a></span></td>
</table>
<br class="nav" />
  <!-- END catrow -->

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr>
   <td align="left"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}

</a></span></td>
   <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>


Ensuite pour l'image "TEST" qui est au-dessus de la barre de décoration,
je vais dans la partie "Sous-Forum"
Et j'insère ce code là :

Code:
<center><img src="http://img69.xooimage.com/files/2/2/2/test-2f012aa.png" border="0"></center>


Dernière édition par LOra7 le Dim 18 Déc - 23:19, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://art-design.xooit.com
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Mer 23 Nov - 13:28

Et tu peux me montrer ton css aussi s'il est modifié ? (j'oublie tout le temps de demander :/ )
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

LOra7

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 28
Age: 21
$ops: 38
Points: 5
Date d'inscription: 17/11/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Mer 23 Nov - 13:31

Alors ça, je crois y avoir jamais touché. Ou en tout cas pas pour ce problème. =S
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://art-design.xooit.com
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Mer 23 Nov - 13:33

Ok d'acc ^^

Bon, là j'ai du monde à la maison, je regarde ça en détail ce soir ou demain ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

LOra7

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 28
Age: 21
$ops: 38
Points: 5
Date d'inscription: 17/11/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Mer 23 Nov - 14:17

Ben t'es vraiment adorable. Merci beaucouuuuuuuuup ! =) !!!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://art-design.xooit.com
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Jeu 24 Nov - 10:12

Coucou Smile

Alors, en fait, si je comprends bien, l'image "test" doit être comme un calque au dessus de l'image "la vie du forum" ? Tu saurais me faire une maquette de ton résultat final ? (avec un logiciel graphique). ça me permettra de vraiment voir ce que tu veux comme ça Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

LOra7

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 28
Age: 21
$ops: 38
Points: 5
Date d'inscription: 17/11/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Dim 27 Nov - 15:20

Alors c'est EXACTEMENT ça. J'aimerais qu'il soit utilisé comme un calque. Là je t'ai fait une petite maquette, mais avec "la vie du forum" j'aimerais qu'il soit superposé ainsi sur la bannière de fond. Est-ce que tu visualises un peu mon problème ? =(

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://art-design.xooit.com
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Lun 28 Nov - 11:19

Hum... Bon je pense avoir saisi. J'ai une semaine un peu chargé là... Je regarde dès que possible :/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

LOra7

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 28
Age: 21
$ops: 38
Points: 5
Date d'inscription: 17/11/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Mar 29 Nov - 14:26

C'est vraiment adorable de ta part. =)
J'attends de te nouvelles alors, encore un grand merci. =)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://art-design.xooit.com
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Jeu 8 Déc - 10:10

Ahhh je ne retrouvais plus le message :/

Je regarde ça ce week end (désolée pour l'attente Embarassed)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

LOra7

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 28
Age: 21
$ops: 38
Points: 5
Date d'inscription: 17/11/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Jeu 8 Déc - 14:26

C'est déjà tellement gentil à toi de vouloir m'aider ! =O !
Tu n'as aucun souci à te faiiiire =) !
Un grand merci d'avance.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://art-design.xooit.com
 

LOra7

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 28
Age: 21
$ops: 38
Points: 5
Date d'inscription: 17/11/2011
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Jeu 15 Déc - 12:35

Je fais un mini-up pour ne pas qu'on m'oublie. =) Un grand merci d'avance. =)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://art-design.xooit.com
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories   Jeu 15 Déc - 13:56

J'ai pas oublié ^^ C'est sur ma liste ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

[QUESTION] - Mettre des images graphiques en arrière plan derrière les titres des catégories

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Les cours :: Questions :: Informatique :: Codage-


Aller en haut
Aller en bas