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 : Précédent  1, 2
AuteurMessage
 

ozmagoray

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 612
Age: 40
$ops: 4319
Points: 5
Date d'inscription: 24/04/2011
Distinctions: Déléguée de Mars 2012

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 - 14:56

Ah!!!!!
c'est toi l'admin d'art-design, je suis trop contente car je veux faire la même chose que toi sur mon forum!!

Je peux me permettre de recopier tes modifs de template?s'il te plait?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://gfx-art.graphforum.com En ligne
 

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   Lun 19 Déc - 13:18

Coucou Smile

Me voilà donc pour ton problème Very Happy

*** relit tout comme il faut ***

Donc, je pense avoir tout bien saisi Smile Dis moi si c'est ce rendu que tu aimerais avoir : [clic]
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 20 Déc - 0:13

Coucou Miettes ! C'est EXACTEMENT le résultat que je voudrais avoir. Inutile de dire à quel point tu m'impressionnes !
J'ai vraiment hâte de pouvoir découvrir le code et l'adapter à mon forum. Ton aide aura été précieuse pour moi !
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   Mar 20 Déc - 10:46

Ahhh j'ai donc bien compris ^^

Alors on y va.

1/ Tout d'abord, les titres des catégories. Ce seront donc des images. Attention, pour ne pas que ça chamboule tout, elles ne devront pas excéder une hauteur de 130px. Voilà pourquoi j'ai du redimensionné l'image "test"
Code:
http://i912.photobucket.com/albums/ac325/Miettes_SoP/test-2f012aa.png

Ici, c'est simple, on va dire "Tu m'affiches une image comme nom de catégorie". On va donc coder cette image dans :
Citation:
PA >> Général >> Sous forum

Là tu choisis ta catégorie et dans "nom du forum" tu mets :
Code:
<img src="lien_image" alt="nom de la caté" />

Exemple :
Code:
<img src="http://i912.photobucket.com/albums/ac325/Miettes_SoP/test-2f012aa.png" alt="test" />


2/ Passons maintenant au template. J'ai vu pas mal de petits trucs bizarre dans ton code. Je l'ai donc corrigé.
On corrige le bas du tableau
Ici, on ne va pas afficher une image, mais on va donner une image de fond à la case du bas du tableau contenant le forum. Aussi, ceci
Code:
</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>

est à remplacer par
Code:
  </tr><!-- END forumrow -->
<td class="catLeft" border="0" colspan="3" height="28" align="center" style="background-image:url('http://img74.xooimage.com/files/d/4/a/barre-du-bas-2e49ab4.png'); background-repeat:no-repeat;height:96px;"> </td>
</table>


Et maintenant le haut
Même principe : on n'affiche pas une image, mais on met une image de fond à la case du haut. Donc on remplace ça
Code:
 <!-- 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 -->

par ça
Code:
<!-- BEGIN catrow -->
<table width="760px" align="center" cellpadding="0" cellspacing="0" border="0" class="forumline">
  <tr>
  <td class="catLeft" colspan="3" style="background-image:url('http://img843.imageshack.us/img843/9158/lavieduforum.png');background-repeat:no-repeat;height:150px !important;vertical-align:middle;"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
  </tr>
  <!-- BEGIN forumrow -->


et zioup ! Le tour est joué ^^
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 20 Déc - 13:59

Sa marche à la perfection, c'est précis, clair et facile à comprendre !
J'suis tellement heureuse ! Depuis le temps que je cherche à faire ça de façon "propre" !

Un énorme merci Miettes ! Ce sujet est clos pour moi, j'ai eu toutes mes réponses =)
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   Mar 20 Déc - 14:49

Nickel Smile

Je laisse néanmoins ici si d'autres personnes ont envie de le faire ^^ (enfin jusqu'à ce que je (ou quelqu'un) trouve le courage d'en faire un tuto Very Happy )
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Puunch

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 11
Age: 19
$ops: 13
Points: 5
Date d'inscription: 18/03/2012
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 19 Mar - 10:50

coucou Smile
Je sais pas si j'ai le droit de poser une question ici ? bref si je n'ais pas le droit je suis désolé
j'aimerai savoir si c'est possible de faire cela avec forumactif et phbb2 vu que je ne suis pas sur xooit ?

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://hopla.forumactif.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 19 Mar - 10:56

Coucou Smile

Oui c'est possible. J'ai aidé ijumi il y a peu à mettre ça en place sur son forum. Je te conseille de regarder [ici] et si tu as un problème, je t'invite à poster []

(ça me fait penser que je dois faire le tuto....)

Bon courage Smile

EDIT : il me semble d'ailleurs, que les variables sont quasi les mêmes que tu sois sous xooit ou FA. Sous FA, c'est le template "index_box" qu'il faut modifier.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Puunch

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 11
Age: 19
$ops: 13
Points: 5
Date d'inscription: 18/03/2012
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 19 Mar - 11:33

Merci pour cette réponse si rapide Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://hopla.forumactif.com/
 

[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 2 sur 2Aller à la page : Précédent  1, 2

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