La date/heure actuelle est Sam 21 Oct 2017 - 06:58 - créer un forum

[Tuto] Installer une image de fond

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 360, 61, 62266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
Bernard-27





MessagePosté le: Dim 8 Juil 2007 - 20:22    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

themalin a écrit:
Bernard-27 a écrit:
Salut, y a t-il de grosses différences avec le thème Easy_Blue ?

Car ce tuto m'intérresse vraiment !


bonjour
non suis les indications du premier message et ça marchera sur ton forum

@malicia

tu dois faire la même chose que t'indique le premier message mais sur le template
blackandwhite-31605.css



Merci beacoup Themalin, je comprends toujours pas pourquoi tu n'est pas encore Admin !

A+
Auteur Message
Bernard-27


Hors ligne
Invité




MessagePosté le: Dim 8 Juil 2007 - 20:35    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Sorry pour le double post, c'est juste que moi ça n'a pas fonctionné. Voici mon template :



<!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>
  <style type="text/css">
<!--
/*
  Theme Easy Blue for phpBB version 2+
  Created by Fly center
  http://www.flycenter.fr.st
*/
/* General page style. The scroll bar colors only visible in IE5.5+ / Couleur de la scroll-bar visible seulement sur IE5.5 ou + */
body {
 scrollbar-face-color: #D5E9FF;
 scrollbar-highlight-color: {T_TD_COLOR2};
 scrollbar-shadow-color: {T_TR_COLOR2};
 scrollbar-3dlight-color: #FFFFFF;
 scrollbar-arrow-color:  #006699;
 scrollbar-track-color: #E4F0FF;
 scrollbar-darkshadow-color: #007EFF;
 background-image: url("http://img490.imageshack.us/img490/5246/fde1ex8.jpg");  background-repeat: repeat-y;  background-attachment: fixed }



 }


 background-attachment: fixed
 }

 background-repeat: repeat-y;
 background-attachment: fixed
 }
/* General font families for common tags / Definition des polices et des liens */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; text-decoration: none; }
a:hover  { color : #28CBF4; text-decoration: none; background-color: transparent; position: relative; top: 1.5px; left: 1.5px;}
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page / c'est la ligne/bordure autour de toute la page *//*.bodyline { background-color: #FFFFFF; border: 0px #AEBDC4 solid; }*/





/*.bodyline { background-color: #FFFFFF; border: 0px #AEBDC4 solid; }*/
/* This is the outline round the main forum tables / Definition des classes forumlines les principaux tableaux de la page */
.forumline { background-color: #007EFF; border: 0px #0078D6 solid; }
.forumline1 { border: 0px #B8D7ED solid; }
/* Main table cell colours and backgrounds / Couleur de fond des cellules des tableaux principaux */
td.row1 { background-color: #E4F0FF; }
td.row2 { background-color: #D5E9FF; }
td.row3 { background-color: #EAF5FD; }
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
  background-color: #FFFFFF;
  background-image: url(http://img.xooimage.com/files/);
  background-repeat: repeat-y;
}
/* Definition of the main table's head cells properties / Definition des propri&eacute;t&eacute;s l' en t&ecirc;te des tableaux principaux */
th {
 color: #336699; font-size: {T_FONTSIZE2}px; font-weight : bold;
 background-color: #8CB6D4; height: 25px;
 background-image: url(http://img.xooimage.com/files9/h/_/h_m3-32837.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img.xooimage.com/files4/e/b/ebpic1-32838.gif);
   background-color:#DBEBF6; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}
/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it Smile
  Definition des propri&eacute;t&eacute;s des lignes interieures des cellules des tableaux principaux
  Le nom indique de quel c&ocirc;t&eacute; se trouvera la ligne
  Ne vous inquietez pas, si vous ne le comprenez pas, Ignorez le Smile
*/
td.cat,td.catHead,td.catBottom {
 height: 29px;
 border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {
 font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
th.thTop,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 20px;
 background-image: url(http://img.xooimage.com/files9/h/_/h_m3-32837.gif);
}
td.row3Right,td.spaceRow {
 background-color: #CBE6F9; border: {T_TH_COLOR3}; border-style: solid;
}
th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow  { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right  { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft   { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop  { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. / Le texte le plus large utilis&eacute; sur l' index du Forum pour les titres etc. */
.maintitle {
 font-weight: bold; font-size: 12px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
 text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}
/* General text / Texte general */
.gen { font-size : 11px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #28CBF4; text-decoration: underline; }
/* The register, login, search etc links at the top of the page / Propri&eacute;t&eacute;es des textes pour Login, Register, etc. (en haut) */
.mainmenu  { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu  { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Forum category titles / Style des titres des Categories du Forum */
.cattitle  { font-weight: bold; font-size: 11px; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle  { text-decoration: none; color : #4A6E8A; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink  { font-weight: bold; font-size: 11px; color : {T_BODY_LINK}; }
a.forumlink  { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : #28CBF4; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav   { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover  { text-decoration: underline; text-decoration: none;}
/* titles for the topics: could specify viewed link colour too / Propri&eacute;tes des Liens vers les topics, visit&eacute;s etc. */
.topictitle,h1,h2 { font-weight: bold; font-size: 11px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover { text-decoration: underline; color : #28CBF4; }
/* Name of poster in viewmsg.php and viewtopic.php and other places / Propri&eacute;t&eacute;s du nom du Posteur */
.name   { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
/* Location, number of posts, post date etc / Propri&eacute;t&eacute;s des details sur le posteur */
.postdetails  { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}
/* Quote & Code blocks / Propriet&eacute;s des Quotes et Codes */
.code {
 font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: #14719C;
 background-color: {T_TD_COLOR1}; border: #91C6EB; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
 font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: #14719C; line-height: 125%;
 background-color: {T_TD_COLOR1}; border: #91C6EB; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright  { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright  { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}
/* Form elements / Elements de Formulaires */
input,textarea, select {
 color : color : #000000;
 font: normal {T_FONTSIZE2}px {T_FONTFACE1};
 border-color : #000000;
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : #FFFFFF;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : #EFEFEF;
 color : #000000;
 font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
/* The main submit button option */
input.mainoption {
 background-color : #FAFAFA;
 font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
 background-color : #FAFAFA;
 font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know Wink
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }
.admin  { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: #006699; letter-spacing: -1px;}
/* Background properties / Propri&eacute;t&eacute;s du Background */
body { background-color: #D5E9FF; background-image: url("http://img.xooimage.com/files10/b/a/background-32839.gif"); background-attachment: fixed;
}
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img.xooimage.com/files4/f/o/formie-30deb.css");
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
function ChangeMessage(message,champ)
  {
  if(document.getElementById)
    document.getElementById(champ).innerHTML = message;
  }
</SCRIPT>
</head>
  <!-- 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 -->


  <table width="802" border="0" cellspacing="0" cellpadding="0" height="10">
    <tr>
      <td width="20" height="23"><img src="http://img.xooimage.com/files2/h/_/h_g_i-3282f.gif" width="20" height="22" alt="" /></td>
      <td background="http://img.xooimage.com/files8/h/_/h_m2-32830.gif" width="100%" height="23">
       
<font color="#006699" size="2">{SITENAME}</font>

      </td>
      <td width="10" height="23"><img src="http://img.xooimage.com/files6/h/_/h_md-32832.gif" width="10" height="22" alt="" /></td>
    </tr>
  </table><table width="800" border="1" bordercolor="#0981FC" cellspacing="0" class="forumline" cellpadding="0" align="center">


<tr>
  <td class="row2">
<center><img src="http://img.xooimage.com/files6/l/o/logo_phpbb-3283a.gif" width="800" height="120" border="0" alt="{SITENAME} Index" /></center>
   
<span class="mainmenu">&nbsp;</span>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="20"><img src="http://img.xooimage.com/files2/h/_/h_g_i-3282f.gif" width="20" height="22" alt="" /></td>
          <td background="http://img.xooimage.com/files8/h/_/h_m2-32830.gif" width="100%">
           
<span class="cattitle"><font color="#006699" size="1">Menus               du Forum :</font> </span>



              du Forum :</font> </span>

          </td>
          <td width="10"><img src="http://img.xooimage.com/files6/h/_/h_md-32832.gif" width="10" height="22" alt="" /></td>
        </tr>
      </table>
   

   

      <table width="100%" border="0" height="20" cellspacing="1" cellpadding="0" class="forumline">
        <tr>
          <td class="row1" width="9%">
           
<span class="mainmenu"><font size="-1">               </font><img src="http://img.xooimage.com/files3/i/c/icon_mini_faq-3283b.gif" border="0">[/url]</span>

              </font>[url=http://xooit.xooit.com/%7BU_FAQ%7D]<img src="
http://img.xooimage.com/files3/i/c/icon_mini_faq-3283b.gif" border="0">[/url]</span>

          </td>
          <td class="row1" width="9%">
           
[url=http://xooit.xooit.com/%7BU_SEARCH%7D]<img src="
http://img.xooimage.com/files10/i/c/icon_mini_search-3283c.gif" border="0">

          </td>
          <td class="row1" width="9%">
           
<img src="http://img.xooimage.com/files4/i/c/icon_mini_members-3283d.gif" border="0">
           

          </td>
          <td class="row1" width="14%">
           
<img src="http://img.xooimage.com/files5/i/c/icon_mini_groups-3283e.gif" border="0">

          </td>
          <td class="row1" width="26%">
           
<img src="http://img.xooimage.com/files4/i/c/icon_mini_register-3283f.gif" border="0">
              &nbsp;<font size="2" color="#006699">{L_REGISTER}</font>

          </td>
          <td class="row1" width="9%">
           
<font size="-1"><img src="http://img.xooimage.com/files10/i/c/icon_mini_profile-32840.gif" border="0">
             
              </font>

          </td>
          <td class="row1" width="9%">
           
<img src="http://img.xooimage.com/files2/i/c/icon_mini_message-32842.gif" border="0">

          </td>
          <td class="row1" width="15%">
           
<span class="mainmenu">[/url][url=http://xooit.xooit.com/%7BU_LOGIN_LOGOUT%7D]<img src="http://img.xooimage.com/files5/i/c/icon_mini_login-32843.gif" border="0"></span>
           

          </td>
        </tr>
      </table>
   

   

      <table width="100%" border="0" cellspacing="0" cellpadding="0" height="20">
        <tr>
          <td width="10" height="23"><img src="http://img.xooimage.com/files6/b/_/b_mg-32833.gif" width="10" height="22" alt="" /></td>
          <td background="http://img.xooimage.com/files6/b/_/b_m2-32834.gif" width="100%" height="23"><font color="#006699" size="1"></font></td>




</font></td>


</font></td>
          <td width="20" height="23"><img src="http://img.xooimage.com/files8/b/_/b_d_i-32835.gif" width="20" height="22" alt="" /></td>
        </tr>
      </table>

     
   





Et donc ça n'a pas marché Sad


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Dim 8 Juil 2007 - 20:38    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

tu as fait les modif en thème de test

http://myps3.xooit.fr/portal.php?theme=test
_______________________


Forum
Auteur Message
Bernard-27


Hors ligne
Invité




MessagePosté le: Dim 8 Juil 2007 - 20:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bah oui mais j'en ai fait exprès. Ca ne fonctionne QUE sur le thème normal ?

Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Dim 8 Juil 2007 - 20:48    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

tu as mal mis le code du début tu l'as répété plusieurs fois et ça ne prends pas

 background-image: url("http://img490.imageshack.us/img490/5246/fde1ex8.jpg");  background-repeat: repeat-y;  background-attachment: fixed }



 }


 background-attachment: fixed
 }

 background-repeat: repeat-y;
 background-attachment: fixed
 }




tu ne dois avoir que ça

 background-image: url("http://img490.imageshack.us/img490/5246/fde1ex8.jpg");  background-repeat: repeat-y;
 background-attachment: fixed;   
  
 }
_______________________


Forum
Auteur Message
Malicia


Hors ligne
Invité




MessagePosté le: Dim 8 Juil 2007 - 21:02    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Merci beaucoup j'ai réussi

Auteur Message
Arianna


Hors ligne
Invité




MessagePosté le: Mer 11 Juil 2007 - 12:58    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour, j'ai un pb avec l'image de fond de mon forum : http://femmes-libertes.xooit.com


Donc voilà, j'ai installer une image en mosaïque dans la cellule 3 en modifiant dans le template overhall Header ces lignes là :

Citation:

/* This is the border line & background colour round the entire page */
.bodyline   { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
Qui sont devenues :


Citation:

/* This is the border line & background colour round the entire page */
.bodyline    { background-image: url("http://www.mezimages.com/up/07/332066-logorose.jpg"); border: 1px #98AAB1 solid; }


Maintenant je voudrais mettre un Fond à mon forum, j'ai donc suivi le tuto indiqué dans le début de ce topic, en allant dans le template Overhall_Header ceci :

Citation:
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
Qui devient celà :

Citation:
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://www.mezimages.com/up/07/332108-fond.png");
background-repeat: no-repeat;
background-attachment: fixed;


Après il est indiqué de modifier ces lignes là :

Citation:
/* This is the border line & background colour round the entire page */
.bodyline   { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
Il me semble que c'est pour pouvoir mettre l'image en mosaïque, ou fixe etc ...


Le truc c'est que pour avoir une image en mosaïque dans la cellule 2 j'ai déjà modifié ces lignes undecided ...


Que dois-je donc faire ? Pour l'image s'étire automatique sur tout le fond du forum, de gauche à droite et de haut en bas. ( c a d : je ne veux pas qu'elle soit en mosaïque).

Merci Smile


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 11 Juil 2007 - 13:04    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

il suffit de remplacer ça

Code: Sélectionner - Agrandir
/* This is the border line & background colour round the entire page */
.bodyline    { background-image: url("http://www.mezimages.com/up/07/332066-logorose.jpg"); border: 1px #98AAB1 solid; }
par ça
Code: Sélectionner - Agrandir

/* This is the border line & background colour round the entire page */
/*.bodyline    { background-image: url("http://www.mezimages.com/up/07/332066-logorose.jpg"); border: 1px #98AAB1 solid; }*/

_______________________


Forum
Auteur Message
Arianna


Hors ligne
Invité




MessagePosté le: Mer 11 Juil 2007 - 13:21    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Essai effectué, ça ne marche pas et en plus, on ne voit plus l'image en mosaïque.

Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 11 Juil 2007 - 13:24    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

sur le forum de ton profil je vois bien ton image en fond des cellules
par contre je vois aussi ton image de fond fond

changes le

Code: Sélectionner - Agrandir
background-repeat: no-repeat;


en

Code: Sélectionner - Agrandir
background-repeat: repeat;

_______________________


Forum
Auteur Message
Arianna


Hors ligne
Invité




MessagePosté le: Mer 11 Juil 2007 - 13:31    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Hi hi Smile evidemment, je viens de remettre comme c'était avant, et je peux t'assurer qu'on ne voyais plus le logo dans la cellule 2, et ça ne modifiait rien du tout.

Ce que tu me dis, c'est ce que j'avais fait au début, et l'image se répétait horizontalement c'est tout.


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 11 Juil 2007 - 13:33    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

enlève les modifications que tu as fait avec le tuto et fait ceci

ici

Code: Sélectionner - Agrandir
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-color: {T_BODY_BGCOLOR};
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
remplaces par ça

Code: Sélectionner - Agrandir
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-image: url("lien de ton image");
   scrollbar-face-color: {T_TR_COLOR2};
   scrollbar-highlight-color: {T_TD_COLOR2};
   scrollbar-shadow-color: {T_TR_COLOR2};
   scrollbar-3dlight-color: {T_TR_COLOR3};
   scrollbar-arrow-color:  {T_BODY_LINK};
   scrollbar-track-color: {T_TR_COLOR1};
   scrollbar-darkshadow-color: {T_TH_COLOR1};
ça te permettra d'avoir les deux images
_______________________


Forum
Auteur Message
Arianna


Hors ligne
Invité




MessagePosté le: Mer 11 Juil 2007 - 13:43    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Ben avant j'avais les deux images ... c'est juste que celle du fond est en haut à gauche Sad .

Donc j'ai fait ce que tu viens de me dire, Il y a un mieux, maintenant ça se répète partout ( avant ce n'était que de haut en bas) ... Il n'y a aucun moyen pour n'avoir qu'une image ( je veux dire sans répétitions) étirée aux 4 coins ?


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 11 Juil 2007 - 13:49    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

rajoutes

background-repeat: no-repeat;

après

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-image: url("lien de ton image");
_______________________


Forum
Auteur Message
Arianna


Hors ligne
Invité




MessagePosté le: Mer 11 Juil 2007 - 14:17    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Snif ... retour à la case départ ... Le "fond-fond" est de nouveau en haut à gauche.

Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 11 Juil 2007 - 14:19    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

quel est la dimension de ton image????
si elle est trop petitte c'est normale qu'elle se retrouve comme ça tu dois en mettre une de
1024*800
_______________________


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 06:58    Sujet du message: [Tuto] Installer une image de fond

Montrer les messages depuis:   
Répondre au sujet Page 61 sur 268 Aller à la page: <  1, 2, 360, 61, 62266, 267, 268  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401