It is currently Sat 1 Oct 2016 - 17:28 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3259, 260, 261266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
para60


Joined: 23 Aug 2009
Posts: 34

PostPosted: Sat 12 May 2012 - 17:52    Post subject: [Tuto] Installer une image de fond Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Bonjour,


j'utilise comme thème My Bloc Bleu,


je ne trouve pas comment faire.


Merci de votre aide.
Forum
Author Message
Couette
Membre


Offline
Membre

Joined: 20 May 2011
Posts: 57
Niveau:
Point(s): 58
Moyenne: 1.02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Vierge (24aoû-22sep)

PostPosted: Sun 13 May 2012 - 03:56    Post subject: [Tuto] Installer une image de fond Reply with quote

para60 wrote:

Bonjour,


j'utilise comme thème My Bloc Bleu,


je ne trouve pas comment faire.


Merci de votre aide.
Bonjour,
Vous allez dans le template "overall header", vous aurez ceci :

 
Code: Sélectionner - Agrandir
background-image: url(lien d'hébergement de votre image);
 

TitoO37 wrote:

Bonsoir,

j'ai un petit problème avec mon forum.

Mon background ne défile pas, j'aimerai bien le défiler ... , pourtant, je n'ai pas mi la balise
Code: Sélectionner - Agrandir

background-attachment: fixed;
Merci de votre aide.

Cordialement,
Qu'appelez-vous par "défiler"? Qu'il bouge?! Je ne comprends car votre image est en Png, c'est donc une image fixe de base et je n'ai pas remarqué dans le code un quelconque défilement?! Ne parlez-vous pas de la répétition de l'image en abscisse ou en ordonnée?! Si oui, mettez "repeat-x" et "repeat-y"
_______________________
Forum jeunes de retour..

Merci d'éviter les demandes d'aide par Mp, je fais ce que je peux pour répondre aux topics rapidement Smile


Forum
Author Message
para60
Membre


Offline
Membre

Joined: 23 Aug 2009
Posts: 34
Niveau:
Point(s): 34
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Lion (24juil-23aoû) 龍 Dragon

PostPosted: Sun 13 May 2012 - 12:55    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour, 
j'ai fait comme vous avez dit.


Et au lieu d'avoir 1 image de fond,


le fond apparaît en 4 images.


Merci pour votre aide.
_______________________
L'Esprit Parachutiste


Forum
Author Message
Couette
Membre


Offline
Membre

Joined: 20 May 2011
Posts: 57
Niveau:
Point(s): 58
Moyenne: 1.02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Vierge (24aoû-22sep)

PostPosted: Sun 13 May 2012 - 21:12    Post subject: [Tuto] Installer une image de fond Reply with quote

para60 wrote:

Bonjour, 
j'ai fait comme vous avez dit.


Et au lieu d'avoir 1 image de fond,


le fond apparaît en 4 images.


Merci pour votre aide.
Je me suis rendue sur votre forum, le fond semble correct. Il se répète en abscisse et en ordonnée.. Si vous ne le voulez pas, mettez no-repeat à la place de repeat-x et repeat-y
_______________________
Forum jeunes de retour..

Merci d'éviter les demandes d'aide par Mp, je fais ce que je peux pour répondre aux topics rapidement Smile


Forum
Author Message
para60
Membre


Offline
Membre

Joined: 23 Aug 2009
Posts: 34
Niveau:
Point(s): 34
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Lion (24juil-23aoû) 龍 Dragon

PostPosted: Mon 14 May 2012 - 13:49    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour, 


oui le fond est correcte puisse que c'est le thème.


Mais quand je veux y mettre une photo,


elle se répète en 4 fois au lieu d'en avoir que une.
_______________________
L'Esprit Parachutiste


Forum
Author Message
Couette
Membre


Offline
Membre

Joined: 20 May 2011
Posts: 57
Niveau:
Point(s): 58
Moyenne: 1.02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Vierge (24aoû-22sep)

PostPosted: Mon 14 May 2012 - 15:16    Post subject: [Tuto] Installer une image de fond Reply with quote

para60 wrote:

Bonjour, 


oui le fond est correcte puisse que c'est le thème.


Mais quand je veux y mettre une photo,


elle se répète en 4 fois au lieu d'en avoir que une.

Bonjour,
Pouvez vous poster votre code ici? Car à la vue de votre réponse, je reviens à ce que j'ai pu dire au-dessus..
_______________________
Forum jeunes de retour..

Merci d'éviter les demandes d'aide par Mp, je fais ce que je peux pour répondre aux topics rapidement Smile


Forum
Author Message
Yume Hikari
Membre


Offline
Membre

Joined: 15 Feb 2012
Posts: 1
Point(s): 1
Moyenne: 1.00
Linux Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin

PostPosted: Tue 15 May 2012 - 14:12    Post subject: [Tuto] Installer une image de fond Reply with quote

je n'ai pas très bien compri après la transformation en citation du code ^^"
_______________________
<Signature retirée car non conforme au règlement>


Forum
Author Message
Couette
Membre


Offline
Membre

Joined: 20 May 2011
Posts: 57
Niveau:
Point(s): 58
Moyenne: 1.02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Vierge (24aoû-22sep)

PostPosted: Tue 15 May 2012 - 14:23    Post subject: [Tuto] Installer une image de fond Reply with quote

Yume Hikari wrote:

je n'ai pas très bien compri après la transformation en citation du code ^^ "
Il suffit de mettre la ligne en commentaire en utilisant /* .
Avez-vous un problème pour les options aussi?
_______________________
Forum jeunes de retour..

Merci d'éviter les demandes d'aide par Mp, je fais ce que je peux pour répondre aux topics rapidement Smile


Forum
Author Message
titine72
Membre


Offline
Membre

Joined: 15 Dec 2011
Posts: 3
Point(s): 3
Moyenne: 1.00
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 3 Jun 2012 - 18:32    Post subject: [Tuto] Installer une image de fond Reply with quote

le code :
background-attachment: fixed;


Il faut le copier ou dans la template ? Smile

Merci d'avance .


Forum
Author Message
Shtuane
Membre


Offline
Membre

Joined: 03 Jun 2012
Posts: 1
Niveau:
Point(s): 1
Moyenne: 1.00

PostPosted: Sun 3 Jun 2012 - 22:12    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour, j'explique ici mon problème.

Je souhaite mettre cette image : http://www.servimg.com/image_preview.php?i=29&u=11186453
Dans mon message d'en-tête où j'ai placé une vidéo youtube, or, peut importe le nombre de fois où je modifie les templates, mon fond change de couleur mais n'affiche en aucun cas mon image même avec la méthode indiqué.

Quel template modifié pour arrivé à mes fin illustration en montage
Etat Actuel : http://www.servimg.com/image_preview.php?i=30&u=11186453
Etat voulu realisé avec montage : http://www.servimg.com/image_preview.php?i=31&u=11186453


Merci d'avance.


Forum
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 117
Point(s): 117
Moyenne: 1.00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

PostPosted: Mon 4 Jun 2012 - 05:12    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour.

consultez ce tuto: http://xooit.xooit.com/t12938-tuto-modifier-l-annonce-de-bienvenu-xooit.htm

cordialement.


Forum
Author Message
titine72
Membre


Offline
Membre

Joined: 15 Dec 2011
Posts: 3
Point(s): 3
Moyenne: 1.00
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Mon 4 Jun 2012 - 15:12    Post subject: [Tuto] Installer une image de fond Reply with quote

Re-bonjour,

Merci de me répondre a moi aussi Wink , je repose ma question :
J'ai mis a la fin de ma template le code "background-attachment: fixed;" (je sais pas comment on le site désoler ).
Et sa ne marche pas, il y a t'il un endroit précis dans la template pour mettre le code ?


Merci d'avance de me répondre ! undecided


Forum
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 117
Point(s): 117
Moyenne: 1.00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

PostPosted: Mon 4 Jun 2012 - 15:57    Post subject: [Tuto] Installer une image de fond Reply with quote

Code: Sélectionner - Agrandir
bonjour.
template overail header.

vous devez rechercher ceci dans votre template:
Code: Sélectionner - Agrandir
body {
background-image: url(body {
background-image: url(http://img.xooimage.com/files/);
background-color: #F7F2B2;
scrollbar-face-color: #E6BF55;
scrollbar-highlight-color: #787746;
scrollbar-shadow-color: #E6BF55;
scrollbar-3dlight-color: #E6BF55;
scrollbar-arrow-color: #BD8D46;
scrollbar-track-color: #E6BF55;
scrollbar-darkshadow-color: #FEFEFE;);
background-color: #F7F2B2;
scrollbar-face-color: #E6BF55;
scrollbar-highlight-color: #787746;
scrollbar-shadow-color: #E6BF55;
scrollbar-3dlight-color: #E6BF55;
scrollbar-arrow-color: #BD8D46;
scrollbar-track-color: #E6BF55;
scrollbar-darkshadow-color: #FEFEFE;


l'adresse de votre image actuelle (http://img.xooimage.com/files/) n'est pas une bonne adresse, à revoir.
pour ce qui est du placement de "background-attachment: fixed;" cela se fera à la suite du background image.

votre code fini doit ressembler à çà:
Code: Sélectionner - Agrandir

body {
background-image: url(http://img.xooimage.com/files/);
background-attachment: fixed;
background-color: #F7F2B2;
scrollbar-face-color: #E6BF55;
scrollbar-highlight-color: #787746;
scrollbar-shadow-color: #E6BF55;
scrollbar-3dlight-color: #E6BF55;
scrollbar-arrow-color: #BD8D46;
scrollbar-track-color: #E6BF55;
scrollbar-darkshadow-color: #FEFEFE;);
background-color: #F7F2B2;
scrollbar-face-color: #E6BF55;
scrollbar-highlight-color: #787746;
scrollbar-shadow-color: #E6BF55;
scrollbar-3dlight-color: #E6BF55;
scrollbar-arrow-color: #BD8D46;
scrollbar-track-color: #E6BF55;
scrollbar-darkshadow-color: #FEFEFE


cordialement.


Forum
Author Message
titine72
Membre


Offline
Membre

Joined: 15 Dec 2011
Posts: 3
Point(s): 3
Moyenne: 1.00
Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Mon 4 Jun 2012 - 15:58    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci, je viens d'y arriver avec une méthode beaucoup plus facile, merci quand même ! Mr. Green

Forum
Author Message
Babiroussa
Membre


Offline
Membre

Joined: 06 Jun 2012
Posts: 2
Point(s): 2
Moyenne: 1.00
Mac Safari Masculin Verseau (20jan-19fev) 馬 Cheval

PostPosted: Wed 6 Jun 2012 - 22:40    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour, 


Après avoir parcouru quelques pages de ce topic, je n'arrive pas à trouver la solution pour pour mettre une image de fond à mon forum (Lien vers mon forum).


Le thème du forum est : lpch_lst


J'aimerais changer la couleur turquoise sur les coté 





par cette image 







Est-ce possible? 




Voici mon template overall_header : 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img.xooimage.com/files4/l/p/lpch_lost-337a1.css" type="text/css">


<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
<link rel="shortcut icon" href="http://img4.hostingpics.net/pics/756933Enligne.png">
</head>


<body bgcolor="#000000" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top">[/url]




<table width="75%" cellspacing="0" cellpadding="10" border="0" align="center"> 
<tr> 
<td class="bodyline">
<center>
<table width="100%" border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<center>








<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
<span class="gensmall">{L_USERNAME}: 
<input class="post" type="text" name="username" size="10" />
&nbsp;&nbsp;&nbsp;{L_PASSWORD}: 
<input class="post" type="password" name="password" size="10" maxlength="32" />

<!-- BEGIN switch_allow_autologin -->
&nbsp;&nbsp; &nbsp;&nbsp;{L_AUTO_LOGIN} 
<input class="text" type="checkbox" name="autologin" />
<!-- END switch_allow_autologin -->
&nbsp;&nbsp;&nbsp; 
<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
</span> 
</form>
<!-- END switch_user_logged_out -->















{L_FAQ}
&nbsp;&nbsp;&nbsp;&nbsp;{L_SEARCH}
&nbsp;&nbsp;&nbsp;&nbsp;{L_MEMBERLIST}
&nbsp;&nbsp;&nbsp;&nbsp;{L_USERGROUPS}
&nbsp;&nbsp;&nbsp;&nbsp;{L_PROFILE}

&nbsp;&nbsp;&nbsp;&nbsp;{PRIVATE_MESSAGE_INFO}
&nbsp;&nbsp;&nbsp;&nbsp;{L_REGISTER}
&nbsp;&nbsp;&nbsp;&nbsp;{L_LOGIN_LOGOUT}




</center>






Merci d'avance!


Babiroussa


Forum
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 117
Point(s): 117
Moyenne: 1.00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

PostPosted: Thu 7 Jun 2012 - 05:51    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour.
rechercher dans le template CSS au nom de votre thème, vous devriez y trouver:
Code: Sélectionner - Agrandir
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-image: url('http://img2.xooimage.com/files/f/o/fond-33799.gif');
   background-color: #228593;
   scrollbar-face-color: #228593;
   scrollbar-highlight-color: #228593;
   scrollbar-shadow-color: #228593;
   scrollbar-3dlight-color: #228593;
   scrollbar-arrow-color:  #000000;
   scrollbar-track-color: #000000;
   scrollbar-darkshadow-color: #228593;


modifier l'adresse de l'image. servez vous du tuto pour fixer, centrer, etc.....
votre image me semble ne pas être à la bonne largeur.
voyez ce tuto aussi: http://xooit.xooit.com/t36944-Auto-Redimension-de-l-image-de-fond-selon-la-…

cordialement.


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 17:28    Post subject: [Tuto] Installer une image de fond

Display posts from previous:   
Reply to topic Page 260 of 268 Goto page: <  1, 2, 3259, 260, 261266, 267, 268  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401