It is currently Thu 29 Sep 2016 - 20:40 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3180, 181, 182266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
RotorMan


Joined: 21 Dec 2006
Posts: 384

PostPosted: Thu 5 Mar 2009 - 20:40    Post subject: [Tuto] Installer une image de fond Reply with quote

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

Re,

Ca ne va pas fonctionner si il ne met pas ce que je lui propose, en effet il a mis dans son CSS :

url("http et à la fin de son lien  ");

On ne met pas de guillemet mais des ' et un espace entre url et la parenthèse Wink

donc url ('le lien et à la fin');

Amicalement et bonne soirée au passage themalin Smile
Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Thu 5 Mar 2009 - 20:43    Post subject: [Tuto] Installer une image de fond Reply with quote

pour info si tu peux mettre des "" au lieux des ''

sinon dans ton code

url("http et à la fin de son lien  ");

c'est normal que ça en marche pas ça doit etre comme ça

url("http et à la fin de son lien");
_______________________


Forum
Author Message
Lullamy


Offline
Guest




PostPosted: Fri 6 Mar 2009 - 16:19    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour, je voudrai mettre une image de fond sur mon forum mais je n'ai aucun thème déjà fait ...
Je voudrai savoir comment faire. Merci d'avance.


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Fri 6 Mar 2009 - 19:46    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

ton thème est subsilver
tu dois faire comme indiqué dans le tuto

modifier dans overall header comme indiqué
_______________________


Forum
Author Message
Lullamy


Offline
Guest




PostPosted: Fri 6 Mar 2009 - 22:26    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci ... j'ai suivi toutes les étapes et ça ne marche pas ...

voilà mon template si vous pouvez y faire quelque chose ...

Code: Sélectionner - Agrandir
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>


    <script language="javascript">
    function getFonc(mois,jour) {
         var ar = new Array(12)
        ar[0] = getFete01(jour)
         ar[1] = getFete02(jour)
       ar[2] = getFete03(jour)
       ar[3] = getFete04(jour)
       ar[4] = getFete05(jour)
       ar[5] = getFete06(jour)
       ar[6] = getFete07(jour)
       ar[7] = getFete08(jour)
       ar[8] = getFete09(jour)
       ar[9] = getFete10(jour)
       ar[10] = getFete11(jour)
       ar[11] = getFete12(jour)
       return ar[mois]
    }

    function getFete01(num)
    {var fetes = new Array(
       "Jour de l'An", "Basile", "Geneviève", "Odilon", "Edouard", "Melaine",
          "Raymond", "Lucien", "Alix", "Guillaume", "Paulin", "Tatiana", "Yvette",
          "Nina", "Rémi", "Marcel", "Roseline", "Prisca", "Marius", "Sébastien",
          "Agnès", "Vincent", "Barnard", "François", "Paul", "Paule", "Angèle",
          "Thomas", "Gildas", "Martine", "Marcelle","","","");
          return fetes[num]}

    function getFete02(num)
    {var fetes = new Array(
       "Ella", "Présention", "Blaise", "Véronique", "Agathe", "Gaston", "Eugènie", "Jacqueline",
          "Apolline", "Arnaud", "ND Lourdes", "Félix", "Béatrice", "Valentin", "Claude",
       "Julienne", "Alexis", "Bernadette", "Gabin", "Aimée", "Cendres", "Isabelle",
       "Lazare", "Modeste", "Roméo", "Nestor", "Honorine", "Romain", "Auguste","","","","","");
          return fetes[num]}

    function getFete03(num)
    {var fetes = new Array(
       "Aubin", "Charles", "Guénolé", "Casimir", "Olive", "Colette", "Félicité", "Jean", "Françoise",
       "Vivien", "Rosine", "Justine", "Rodrigue", "Mathilde", "Louise", "Bénédicte", "Patrice",
       "Cyrille", "Joseph", "Herbert", "Clémence", "Léa", "Victorien", "Karine", "Ann.", "Larissa",
       "Habib", "Gontran", "Gwladys", "Amédée", "Benjamin","","","");
          return fetes[num]}

    function getFete04(num)
    {var fetes = new Array(
       "Hugues", "Sandrine", "Richard", "Isidore", "Irène", "Marcellin", "JB.de la S", "Julie", "Gautier",
       "Fulbert", "Stanislas", "Jules", "Ida", "Maxime", "Paterne", "Benoït", "Anicet", "Parfait",
       "Emma", "Odette", "Anselme", "Alexandre", "Georges", "Fidèle", "Marc", "Alida", "Zita", "Valérie",
       "Catherine", "Robert","","","");
       return fetes[num]}

    function getFete05(num)
    {var fetes = new Array(
       "Fête du travail", "Boris", "Philippe", "Sylvain", "Judith", "Prudence", "Gisèle", "Armistice 1945", "Pâcome", "Solange",
       "Estelle", "Achille", "Rolande", "Matthias", "Denise", "Honoré", "Pascal", "Eric", "Yves",
       "Bernardin", "Constantin", "Emile", "Didier", "Donatien", "Sophie", "Béranger", "Augustin",
       "Germain", "Aymar", "Ferdinand", "Visitation","","","");
       return fetes[num]}

    function getFete06(num)
    {var fetes = new Array(
       "Justin", "Blandine", "Kévin", "Clotilde", "Igor", "Norbert", "Gilbert", "Médard", "Diane", "Landry",
       "Yolande", "Guy", "Antoine", "Elisée", "Germaine", "J.F.Régis", "Hervé", "Léonce", "Romuald",
       "Silvère", "Rodolphe", "Alban", "Audrey", "Baptiste", "Prosper", "Anthelme", "Fernand", "Irénée",
       "Paul/Pierre", "Martial","","","");
       return fetes[num]}

    function getFete07(num)
    {var fetes = new Array(
       "Thierry", "Martinien", "Thomas", "Florent", "Antoine", "Mariette", "Raoul", "Thibaut", "Amandine", "Ulrich",
       "Benoït", "Olivier", "Joël", "Camille", "Donald", "ND.Carmel", "Caroline", "Frédéric", "Arsène",
       "Marina", "Victor", "Madeleine", "Brigitte", "Christine", "Jacques", "Anne", "Nathalie", "Samson",
       "Marthe", "Juliette", "Ignace","","","");
       return fetes[num]}

    function getFete08(num)
    {var fetes = new Array(
       "Alphonse", "Julien", "Lydie", "Jean Marie", "Oswald", "Transf.", "Gaétan", "Dominique", "Amour", "Laurent",
       "Claire", "Clarisse", "Hippolyte", "Evrard", "Alfred", "Armel", "Hyacinthe", "Hélène", "Jean",
       "Bernard", "Christophe", "Fabrice", "Rose", "Barthélémy", "Louis", "Natacha", "Monique", "Augustin.",
       "Sabine", "Fiacre", "Aristide","","","");
       return fetes[num]}

    function getFete09(num)
    {var fetes = new Array(
       "Gilles", "Ingrid", "Grégoire", "Rosalie", "Raïssa", "Bertrand", "Reine", "Nativité", "Alain", "Inés",
       "Adelphe", "Apollinaire", "Aimé", "Ste-Croix", "Roland", "Edith", "Renaud", "Nadège", "Amélie",
       "Davy", "Mathieu", "Maurice", "Constant", "Thècle", "Hermann", "Côme", "Vincent", "Venceslas",
       "Gabriel", "Jérôme","","","");
       return fetes[num]}

    function getFete10(num)
    {var fetes = new Array(
       "Thérèse", "Léger", "Gérard", "François", "Fleur", "Bruno", "Serge", "Pélagie", "Denis", "Ghislain",
       "Firmin", "Wilfried", "Géraud", "Juste", "Thérèse", "Edwige", "Baudoin", "Luc", "René", "Adeline",
       "Céline", "Elodie", "Jean", "Florentin", "Enguerran", "Dimitri", "Emeline", "Simon", "Narcisse",
       "Bienvenue", "Quentin","","","");
       return fetes[num]}

    function getFete11(num)
    {var fetes = new Array(
       "Toussaint", "Défunts", "Hubert", "Charles", "Sylvie", "Bertille", "Carine", "Geoffroy", "Théodore",
       "Léon", "Martin", "Christian", "Brice", "Sidoine", "Albert", "Marguerite", "Elisabeth", "Aude", "Tanguy",
       "Edmond", "Présentat.", "Cécile", "Clément", "Augusta", "Catherine", "Delphine", "Séverin", "Jacques",
       "Saturnin", "André","","","");
          return fetes[num]}

    function getFete12(num)
    {var fetes = new Array(
       "Florence", "Viviane", "François", "Barbara", "Gérald", "Nicolas", "Ambroise", "Imm.Conc.", "Pierre",
       "Romaric", "Daniel", "Chantal", "Lucie", "Odile", "Ninon", "Alice", "Gaël", "Gatien", "Urbain", "Abraham",
       "Pierre", "Françoise", "Armand", "Adèle", "Noël", "Etienne", "Jean", "Innocents", "David", "Roger",
       "Sylvestre","","","");
       return fetes[num]}


    </script>



<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://img10.xooimage.com/files/3/f/6/subsilver-ba8f5b.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
    /* Modifications apportées au thème pour l'image de fond des messages */
    viewmessage {
    background-image: url(http://www.hiboox.fr/go/images/divers/1231590424zx7,4530a2052be3e79e1486cf3c8e2dcbc7.png.html);
    background-repeat: no-repeat;
    }
    /* Fin des modifications pour l'image de fond des messages */
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.hiboox.fr/go/images/divers/foond,d2d8cb014dbe8040a4d116efc44f9d61.jpg.html");
background-attachment: fixed;
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover      { text-decoration: underline; color : {T_BODY_HLINK}; }
hr   { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

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


-moz-border-radius:Ypx;
/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TD_COLOR2}; border:0; }

/* Main table cell colours and backgrounds */
td.row1   { background-color: {T_TR_COLOR1}; }
td.row2   { background-color: {T_TR_COLOR2}; }
td.row3   { background-color: {T_TR_COLOR3}; }

/*
  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: {T_TD_COLOR2};
      background-image: url(http://img10.xooimage.com/files/0/b/8/cellpic2-30da7-bd699c8-ba8f5a.jpg);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img2.xooimage.com/files/3/1/2/cellpic1-30da9-b699ff.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img10.xooimage.com/files/b/f/c/cellpic1-30da9-b699b8.gif);
         background-color:{T_TR_COLOR3}; 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 :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
   background-color: {T_TR_COLOR3}; 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: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle   {
   font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
   text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.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 */
.cattitle      { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle      { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink    { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* 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; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: {T_FONTSIZE2}px; 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 : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.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 */
.code {
   font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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: {T_FONTCOLOR1}; line-height: 125%;
   background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; 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 */
input,textarea, select {
   color : {T_BODY_TEXT};
   font: normal {T_FONTSIZE2}px {T_FONTFACE1};
   border-color: {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : {T_TD_COLOR2};
   border-width:1px;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : {T_TR_COLOR1};
   color : {T_BODY_TEXT};
   font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
   background-color : {T_TD_COLOR1};
   font-weight : bold;
   border-width:1px;
}

/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   font-weight : normal;
   border-width:1px;
}

/* 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 ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img10.xooimage.com/files/f/o/formie-30d7c.css");
-->
</style>
<!-- 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 -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="70%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
<div style="text-align:center"><a href="{U_INDEX}"><img src="http://img8.xooimage.com/files/1/4/6/header-wap-b67b86-ba8995.jpg" border="0" alt="{L_INDEX}" vspace="1" /></a><br /><br />
<span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}</span><br /><br /></div>

<div style="text-align:center">
            <table cellspacing="0" cellpadding="2" border="0" style="margin:auto">
               <tr>
                  <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img4.xooimage.com/files/7/c/1/5-bc57a8.png" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp; &nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="http://img10.xooimage.com/files/8/5/e/7-bc58e7.png" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img8.xooimage.com/files/a/7/2/6-bc5836.png" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; &nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img8.xooimage.com/files/2/d/8/2-bc580f.png" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
                  <!-- BEGIN switch_user_logged_out -->
                  &nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register-30d80.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
                  <!-- END switch_user_logged_out -->
                  </td>
               </tr>
               <tr>
                  <td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="http://img4.xooimage.com/files/6/d/1/3-bc58c2.png" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img10.xooimage.com/files/d/a/5/1-bc5878.png" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img2.xooimage.com/files/d/b/7/4-bc57eb.png" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
               </tr>
            </table>
</div>
      <br />


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Fri 6 Mar 2009 - 22:37    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour
Vous avez mis çà :


 
Code: Sélectionner - Agrandir
background-image:url("http://www.hiboox.fr/go/images/divers/foond,d2d8cb014dbe8040a4d116efc44f9d61.jpg.html");
background-attachment: fixed; 


hors http://www.hiboox.fr/go/images/divers/foond,d2d8cb014dbe8040a4d116efc44f9d6… n'est pas une url d'image valide
Mettez comme ca pour que cela marche


 
Code: Sélectionner - Agrandir
background-image:url('http://images1.hiboox.com/images/1009/d2d8cb014dbe8040a4d116efc44f9d61.jpg');
 background-attachment: fixed;  
Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Lullamy


Offline
Guest




PostPosted: Fri 6 Mar 2009 - 22:51    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci beaucoup !

Author Message
Koswik


Offline
Guest




PostPosted: Sun 8 Mar 2009 - 12:54    Post subject: [Tuto] Installer une image de fond Reply with quote

RotorMan wrote:

Bonjour,

Mets ça :

Code: Sélectionner - Agrandir




background-image : url('http://www.picdo.net/Fichiers/8415a84a8b585eb6665f9934a066e34/Sans-titre-1.png');
background-position : top;
background-repeat: repeat-y;






à la place de ça (qui est mal foutu ) :

Quote:





background-image: url("http://www.picdo.net/Fichiers/8415a84a8b585eb6665f9934a066e34/Sans-titre-1.png");
        background-repeat: repeat-y;
}




sur ton CSS Wink


Par la même tu peux aussi virer :

Code: Sélectionner - Agrandir



    scrollbar-face-color: #D5D5D5; 
    scrollbar-highlight-color: #FFFFFF; 
    scrollbar-shadow-color: #4D4D4D; 
    scrollbar-3dlight-color: #4B4B4B; 
    scrollbar-arrow-color:  #868686; 
    scrollbar-track-color: #EFEFEF; 
    scrollbar-darkshadow-color: #272727;  





Normalement il n'y en a pas besoin, à toi de voir par ton thème test Wink

Amicalement


Merci beaucoup RotorMan, sa fonctionne. Smile


Author Message
Koswik


Offline
Guest




PostPosted: Sun 8 Mar 2009 - 13:03    Post subject: [Tuto] Installer une image de fond Reply with quote

Désolé du double post mais je voudrais savoir comment modifié l'arrière plan au niveau de la bannière s'il vous plait ?

Merci.


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 8 Mar 2009 - 13:04    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

tu cherches ça dans ton template

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: #FDFFEE;

tu mets comme ça

/* This is the border line & background colour round the entire page */
.bodyline    { background-image: url('lien de ton image');
_______________________


Forum
Author Message
Koswik


Offline
Guest




PostPosted: Sun 8 Mar 2009 - 13:12    Post subject: [Tuto] Installer une image de fond Reply with quote

Moi j'ai sa:

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: #FFFFFF; border: 1px #CCCCCC solid; }

Je voudrais juste modifié la couleur mais pas la bannière juste le fond qui est derrière la bannière.


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sun 8 Mar 2009 - 13:13    Post subject: [Tuto] Installer une image de fond Reply with quote

j'ai très bien compris ce que tu veux faire

tu mets comme ça

/* This is the border line & background colour round the entire page */
.bodyline    { background-image: url('lien de ton image'); border: 1px #CCCCCC solid; }

et tu mets le lien de l'image que tu veux affiché

ça ne changera pas ta bannière

_______________________


Forum
Author Message
Koswik


Offline
Guest




PostPosted: Sun 8 Mar 2009 - 13:43    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci!

Author Message
Keiro


Offline
Guest




PostPosted: Mon 9 Mar 2009 - 16:53    Post subject: [Tuto] Installer une image de fond Reply with quote

voila donc j'ai un problème parce que j'envisage de changer le fond gris a droite et à gauche de mon forum (la couleur grise) mais dans mon overall_header.tpl, je n'ai pas ce que vous m'afficher dans le tuto :

Voici mon site : http://kns.xooit.fr/index.php

 
Code: Sélectionner - Agrandir
 <!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
URL du script : http://www.editeurjavascript.com/scripts/scripts_textes_1_81.php
*/
function MyRandomMess()
   {
   var HazMess=new Array();
   HazMess[0]= 'Bonjour, Merci de nous rejoindre sur notre serveur audio privée Mumble<br />Voici nos informations pour vous connecter :<br /><br /><font color=red>- Téléchargement Logiciel : http://www.clubic.com/telecharger-fiche43179-mumble.html<br />- Label : Team kns <br />- Adresse du serveur : 91.121.119.87<br />- Port du serveur : 65020<br />- Mot de passe : kns</font>'
   HazMessNb = Math.round(Math.random() * (HazMess.length-1));
   document.write(HazMess[HazMessNb]);
}
</SCRIPT>
<!-- FIN DU SCRIPT -->





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
    lang="en"
    xml:lang="en">

<head>

<meta http-equiv="Content-Type"
    content="text/html;
    charset={S_CONTENT_ENCODING}" />

<meta http-equiv="imagetoolbar"
    content="no" />

<link rel="icon"
    href="http://img2.xooimage.com/files/7/a/8/forum_new-ba6083.gif" />

<link rel="stylesheet"
    href="http://img5.xooimage.com/files/7/c/e/ai2-372261.css" type="text/css" />

<script type="text/javascript"
    src="http://img9.xooimage.com/files/a/i/ai2-a89d8.js"></script>

{META}
{NAV_LINKS}

<title>{SITENAME} ~ {PAGE_TITLE}</title>

<!-- 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 -->

</head>
<body onload="onLoadFunction()">

<a id="top"></a>

<table cellspacing="0" id="forum">
    <tr>
        <td>&nbsp;</td>
        <td id="bodyline">

        <div id="top_image">
            <a href="{U_INDEX}"><img src="http://img8.xooimage.com/files/7/0/f/header111111-bd5b09.jpg" alt="{L_INDEX}" /></a>
        </div>

    <div class="menu1">
        <div class="left mainmenu">
            <a href="{U_FAQ}">{L_FAQ}</a>
            &nbsp;
            <a href="{U_SEARCH}">{L_SEARCH}</a>
            &nbsp;
            <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>
            &nbsp;
            <a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
            &nbsp;
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_PROFILE}">{L_PROFILE}</a>
            &nbsp;
            <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
            <!-- END switch_user_logged_in -->
        </div>
        <div class="right mainmenu">
            <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
            <!-- BEGIN switch_user_logged_out -->
            &nbsp;
            <a href="{U_REGISTER}">{L_REGISTER}</a>
            <!-- END switch_user_logged_out -->
        </div>
    </div>


    <div class="clear"></div>


    <div class="menu2">
        <div class="left mainmenu">
            <div id="loadingLayer">
                Loading..
            </div>
        </div>
        <div class="right mainmenu">
            <!-- BEGIN switch_user_logged_in -->
            {PAGE_TITLE}
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_user_logged_out -->
            <form method="post" action="{S_LOGIN_ACTION}">
            {L_USERNAME}: <input class="post postsmall toplogin" type="text" name="username" />&nbsp;
            {L_PASSWORD}: <input class="post postsmall toplogin" type="password" name="password" maxlength="32" />
            <input name="autologin" type="hidden" value="1" /><input type="submit" class="button" name="login" value="{L_LOGIN}" />
            </form>
            <!-- END switch_user_logged_out -->
        </div>
    </div>


    <div class="clear"></div>




<br /><br />
<table width="100%" border="0" cellpadding="2" cellspacing="1" class="forumline">
   <tr>
      <th align="center" valign="middle" class="thHead" height="40" colspan="3">
         <span class="thHead" >
SERVEUR AUDIO MUMBLE
         </span>
      </th>
   </tr>
   <tr>
              <td valign="top" class="row1">   
                  <span class="gen">
                        <center><b>><SCRIPT LANGUAGE="JavaScript">MyRandomMess()
</SCRIPT>
</b></center>
                 </span>
              </td>
            </tr>
   </tr>
</table><br>


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Mon 9 Mar 2009 - 16:54    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

chez toi c'est dans ton template css le premier de la liste
_______________________


Forum
Author Message
Keiro


Offline
Guest




PostPosted: Mon 9 Mar 2009 - 16:58    Post subject: [Tuto] Installer une image de fond Reply with quote

J'ai trouvé dans le css :

html {
    height: 100%}
   
body {
    height: 100%;
    background-color: #1b1b1b;
    background-image: url('http://img.xooimage.com/files6/2/3/e/icone-forum-bddf86.jpg');
    text-align: center;
    padding: 0;
    margin: 0}

Sauf que j'ai changé d'image et ca n'a pas pris en compte les modifications


Author Message
Contenu Sponsorisé





PostPosted: Today at 20:40    Post subject: [Tuto] Installer une image de fond

Display posts from previous:   
Reply to topic Page 181 of 268 Goto page: <  1, 2, 3180, 181, 182266, 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