Mettre un fond d'écran dans mes galeries

[aurélie62]

Coucou à tous comme d'habitude quand j'ai un soucis je viens vers vous, voilà j'aimerais mettre un fond d'écran dans mes galeries de mes deux forums autre que celle de mon forum général, comment fait-on?

[aurélie62]

J'ai besoin d'aide svp

[Convivialite]

Bonsoir

j'aimerais mettre un fond d'écran dans mes galeries de mes deux forums , comment fait-on?

un peu plus d'explications car ce n'est pas très clair

Amicalement

[aurélie62]

Tous simplement mettre une image de fond mais une autre que celle du forum

[Convivialite]

ok ,
je voulais juste une précision

donc j'ai essayé , mais pas réussi

ça devrais être quelque chose comme ça , mais il faudrait le code de la galerie et ça je ne connais pas

Code:

GALERIE {
background-position: top center;
background-repeat: no-repeat;
background-image: url('LIEN DE TON IMAGE f');
}

peut être quelqu'un de plus doué que moi

Amicalement

[aurélie62]

Et je trouve ce code ou?

[Convivialite]

je ne sais pas , autrement je te l'aurais donné avec plaisir

quelqu'un a ce code ?? Merci

[Kiirii]

Bonjour,

ça devrais être quelque chose comme ça , mais il faudrait le code de la galerie et ça je ne connais pas

Si c'est le fond général du forum la balise CSS reste Body{.... Seulement on ne peut l'attribuer qu'une seule fois pour toutes les pages contenant body sur le forum. Donc il n'y a pas de balise CSS pour.


Pour ma part j'ai un code javascript qui peut changer le fond d'écran selon l'url de la page:

Code:

<script language="JavaScript1.2" type="text/javascript">
if (document.URL == "http://mapage.com/page1.html")
document.write('<style type="text/css">body{background-color: red;}</style>');
</script>

A la place de http://mapage.com/page1.html mettez l'adresse de la page du forum où vous souhaitez afficher le fond d'écran différent du fond général du forum.

A la place background-color: red; mettez le fond que vous souhaitzs afficher. Ici c'est un fond de couleur rouge qui va s'afficher. Vous souhaitez mettre un fond image ou une couleur?

[Convivialite]

Bonjour,

Pour ma part j'ai un code javascript qui peut changer le fond d'écran selon l'url de la page:

Code:

<script language="JavaScript1.2" type="text/javascript">
if (document.URL == "http://mapage.com/page1.html")
document.write('<style type="text/css">body{background-color: red;}</style>');
</script>

A la place de http://mapage.com/page1.html mettez l'adresse de la page du forum où vous souhaitez afficher le fond d'écran différent du fond général du forum.

A la place background-color: red; mettez le fond que vous souhaitzs afficher. Ici c'est un fond de couleur rouge qui va s'afficher. Vous souhaitez mettre un fond image ou une couleur?

Merci Kiirii

si j'ai bien compris ça peut s'appliquer a n'importe quelle page du forum a condition d'y mettre l'URL

[Kiirii]

Voilà.
Si il y a plusieurs page il faut ajouter else if:
Par exemple

Code:


<script language="JavaScript1.2" type="text/javascript">
if (document.URL == "http://mapage.com/page1.html")
document.write('<style type="text/css">body{background-color: red;}</style>');
else if (document.URL == "http://mapage.com/page2.html")
document.write('<style type="text/css">body{background-color: blue;}</style>');
</script>


[aurélie62]

Ok et j'insère ce code où? Puis à ta question c'est une image que je souhaite mettre mais là c'est la première fois que je vais faire un code et je suis pas doué

[aurélie62]

Je suis toujours perdu

[Convivialite]

Bonjour,

Pour ma part j'ai un code javascript qui peut changer le fond d'écran selon l'url de la page:

Code:

<script language="JavaScript1.2" type="text/javascript">
if (document.URL == "http://mapage.com/page1.html")
document.write('<style type="text/css">body{background-color: red;}</style>');
</script>
if (document.URL == "http://mapage.com/page1.html")
document.write('body{background-color: red;}');


A la place de http://mapage.com/page1.html mettez l'adresse de la page du forum où vous souhaitez afficher le fond d'écran différent du fond général du forum.

A la place background-color: red; mettez le fond que vous souhaitez afficher. Ici c'est un fond de couleur rouge qui va s'afficher. Vous souhaitez mettre un fond image ou une couleur?

Hello

tu remplace background-color: par background-image: url(url de ton image );

[aurélie62]

Oui mais je le mets ou ce code?

[Convivialite]

je pense qu'il faut le mettre dans description du site

PA>general>forum>configuration

mais il vaudrait mieux que tu attende une réponse de Kiirii

[Kiirii]

Désolée pour la réponse tardive. ^^'

PA>general>forum>configuration

Hum il me semble que le code est trop long pour le nombres de caractères autorisés dans le cadre description.


Sinon le mieux c'est nos chers amis les templates. ( Rappel: pour modifier les templates il faut être fondateur de votre forum et avoir comme version PhpBB2 ou PunBB)

PA
Affichage
Templates
Général
Overall_header

Cherchez cette ligne

Code:

<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Ajoutez en-dessous le code javascript que je vous ai passé:

Code:

<script language="JavaScript1.2" type="text/javascript">
if (document.URL == "http://mapage.com/page1.html")
document.write('<style type="text/css">body{background-image: url=("URLDEVOTREIMAGE";}</style>');
</script>

A la place de http://mapage.com/page1.html mettez l'adresse de la page de votre forum où le fond doit être changé.
A la place de URLDEVOTREIMAGE mettez ici l'adresse de l'image qui devra être affiché en fond.

et

C'est terminé!

[aurélie62]

Est-ce-que mon code est bon? Avant que je le mette et dois-je effacé le code que tu m'as donné en premier et le remplacer par celui-ci

Code:

<script language="JavaScript1.2" type="text/javascript">
if (document.URL == "http://harrypotter.forumotions.com/gallery/index.htm")
document.write('<style type="text/css">body{background-image: url=("http://i23.servimg.com/u/f23/15/33/59/84/header11.jpg";}</style>');
</script>

J'ai vraiment peur de faire n'importe quoi et tout effacé!

Donc je mets ce code " si il est bon " après le premier code ou à la place? Désolé d'insister! Dois-je ajouter elfe if ou c'est bon comme ça!

[Kiirii]

Si le code n'était pas bon je ne vous l'aurais pas proposé x).

Ensuite si le résultat ne vous satisfait pas vous pouvez toujours supprimer vos modifications à l'aide du bouton (bien évidemment ce bouton ne supprime PAS la template elle-même juste les modifications que vous avez faites pour retourner à l'état initial ).

Ensuite j'ai bien précisé à placer EN-DESSOUS j'ai pas dit qu'il fallait supprimer.

[aurélie62]

Ca ne marche pas le code

[Kiirii]

Oui normal on a mal copié le code. Vous avez effacé une parenthèse et moi au deuxième code j'avais mis un égal par mégarde. >.>

voilà l'erreur est réparée :

Code:


<script language="JavaScript1.2" type="text/javascript">
if (document.URL == "http://harrypotter.forumotions.com/gallery/index.htm")
document.write('<style type="text/css">body{background-image: url("http://i23.servimg.com/u/f23/15/33/59/84/header11.jpg");}</style>');
</script>


[aurélie62]

Bon c'est bon ça marche mais c'est pas ce que je voulais je voulais que ce soit remplacé juste par la photo de base que j'ai!!! j'ai essayé de faire une capture d'écran mais j'arrive pas alors vous me comprenez? Ont vas y arrivé!

[Kiirii]

Heu non je ne vois pas du tout ce que vous voulez dire. Qu'est ce que la photo de base? Ou plutôt la photo de base de quoi?

[aurélie62]

Ben regarde sur mon forum la photo ou il est écrit bienvenue sur le forum ...c'est celle là que je veux remplacer dans la galerie

http://harrypotter.forumotions.com/forum.htm

Et merci de votre patience

[aurélie62]

????

[aurélie62]

Personne?

[Kiirii]

Ah d'accord le logo! Ça n'a rien à voir avec le fond d'écran x). Dans ce cas réinitialisez votre autre templates.

Pa
Affichage
Templates
Général

Cliquez sur à droite d'Overall_Header. Confirmez la suppression (comme je l'ai dit plus haut cela ne supprimera pas votre templates mais la réinitialisera).

Ensuite cliquez sur Overall_Header et cherchez ces lignes:

Code:

<td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     

                     <!-- END switch_logo_center -->
                  </td>

Et remplacez-les par :

Code:

<script language="JavaScript1.2" type="text/javascript">
if (document.URL == "http://harrypotter.forumotions.com/gallery/index.htm")
document.write('<td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="http://i23.servimg.com/u/f23/15/33/59/84/header11.jpg" id="i_logo2" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     

                     <!-- END switch_logo_center -->
                  </td> <style>#i_logo{display:none;}</style>');
else
document.write('<td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     

                     <!-- END switch_logo_center -->
                  </td>');
</script>

et

Voilà!

[aurélie62]

Alors je suis contente ça marche pour mon logo de galerie mais j'ai perdu mon logo du forum!!!

[aurélie62]

rectification, j'ai mis en dessous le code et ça marche mais j'ai ça là



Et ma phrase en vert ou c écrit alohomora j'en voulais pas!! Comment supprimer cette phrase?

[Kiirii]

Désolée j'avais mal actualisé mes fenêtres du coup j'avais pas vu que le else fonctionnait pas ><'!
Cette fois ça devrait être bon ^^':

Déjà supprimez vos modifications avec
Ensuite dans Overall_header:edit:
Cherchez ces lignes:

Code:

<!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>

En dessous collez ce code ([color] prenez celui ci-dessous car j'ai légèrement modifié le précédent[/color]):

Code:

<script language="JavaScript1.2" type="text/javascript">
if (document.URL == "http://harrypotter.forumotions.com/gallery/index.htm")
document.write('
                   
                    <a href="{U_INDEX}"><img src="http://i23.servimg.com/u/f23/15/33/59/84/header11.jpg" id="i_logo2" border="0" alt="{L_INDEX}" vspace="1" /></a>
                   


                  <style>#i_logo{display:none;}</style>');
</script>

Vous devriez avoir ceci:

Code:

<!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>

<script language="JavaScript1.2" type="text/javascript">
if (document.URL == "http://harrypotter.forumotions.com/gallery/index.htm")
document.write('
                   
                    <a href="{U_INDEX}"><img src="http://i23.servimg.com/u/f23/15/33/59/84/header11.jpg" id="i_logo2" border="0" alt="{L_INDEX}" vspace="1" /></a>
                   


                  <style>#i_logo{display:none;}</style>');
</script>
                     <br />
                     <!-- END switch_logo_center -->

[aurélie62]

Merci ça marche très bien!!! Je te remercie de m'avoir aidé, je peux enregistrer cette page si je veux le revoir au cas où je voudrais changer le logo?

En tout ca, un grand merci!