It is currently Mon 26 Sep 2016 - 02:12 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3219, 220, 221266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
themalin


Joined: 19 Apr 2006
Posts: 8,897

PostPosted: Mon 17 Aug 2009 - 11:00    Post subject: [Tuto] Installer une image de fond Reply with quote

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

bonjour

non

il faut créer une seule image qui contient les trois image comme tu veux les mettre et mettre le lien de cette image comme indiqué dans le tuto
Forum
Author Message
starfox66
Membre


Offline
Membre

Joined: 09 Feb 2008
Posts: 68
Niveau:
Point(s): 68
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep) 羊 Chèvre

PostPosted: Mon 17 Aug 2009 - 11:47    Post subject: [Tuto] Installer une image de fond Reply with quote

Hum le truc c'est que si je fais sa en une seule image sa va pas à toutes les résolutions d'écran. Il n'y a que le côté gauche pareil chez tout le monde. Donc me demandais si y'avais moyen de mettre une image avec balise /left /center et /right...

Merci quand même ^^


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: Mon 17 Aug 2009 - 11:48    Post subject: [Tuto] Installer une image de fond Reply with quote

utilises ce tuto pour mettre en fonction de toutes les résolution

http://xooit.xooit.com/t36944-Auto-Redimension-de-l-image-de-fond-selon-la-…
_______________________


Forum
Author Message
starfox66
Membre


Offline
Membre

Joined: 09 Feb 2008
Posts: 68
Niveau:
Point(s): 68
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep) 羊 Chèvre

PostPosted: Mon 17 Aug 2009 - 14:12    Post subject: [Tuto] Installer une image de fond Reply with quote

je vais peut-être paraître chiante mais le résultat n'est pas celui que je veux ^^'

J'ai cherché dans les autres thèmes parce que je me rappelais en avoir vu un avec les 3 fonds différents comme je l'ai dit plus haut: un spécial gauche, centre et droite.

Ce thème c'est MylNoel. J'ai regardé et dans "changer les images" on voit bien "Fond d" et "Fond g". Maintenant j'ai essayé de mélanger le template de mon thème (qui à l'origine est Appalachia je crois) avec celui du thème MylNoel mais j'ai pas réussi à avoir ce truc du côté droite et gauche.

Voilà le templates Overall header de mon forum:
Code: Sélectionner - Agrandir
<!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://img6.xooimage.com/files/6/6/1/appalachia-120d6b6.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original Appalachia Theme for phpBB version 2+
  Created by Droshi
  Design by Kooky

  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+ */
body {
   background-image: url("http://img10.xooimage.com/files/7/8/b/fond-du-forum-test-121094f.jpg");
   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};

}

/* 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-image: url("http://img5.xooimage.com/files/1/c/f/background-arche-clair-120cece.jpg"); border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* 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://img5.xooimage.com/files/9/e/a/barre-celpic-2-nebilim-120d670.jpg);
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #FFFFFF; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_BODY_LINK}; height: 25px;
   background-image: url(http://img5.xooimage.com/files/3/a/2/barre-celpic-3-120d22e.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url(http://img9.xooimage.com/files/d/2/2/cellpic-1-120d6b5.jpg);
         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};
}

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

/* None-bold submit button */
input.liteoption {
   background-color : {T_TD_COLOR1};
   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 ;)
*/
.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-31188.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 -->
<script language="JavaScript">
var nb = 0;
var hasard = 0;

banniere = new Array;
banniere[1] = new Image();
banniere[1].src = "http://img10.xooimage.com/files/d/0/b/banni-re-120b3b6.png";
banniere[2] = new Image();
banniere[2].src = "http://img8.xooimage.com/files/0/4/a/banni-re-120b413.png";
banniere[3] = new Image();
banniere[3].src = "http://img1.xooimage.com/files/c/2/a/banni-re-120b3f1.png";
function bascule() {
var numimg = banniere.length - 1;
do {
var nombre = Math.random();
nb = Math.round((numimg - 1) * nombre) + 1;
} while (nb == hasard);
hasard = nb;
document.choix.src = banniere[hasard].src;
}
</script>
    <script type="text/javascript">

    function setActiveStyleSheet(title) {
      var i, a, main;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
          a.disabled = true;
          if(a.getAttribute("title") == title) a.disabled = false;
        }
      }
    }
    function getActiveStyleSheet() {
      var i, a;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
      }
      return null;
    }
    function getPreferredStyleSheet() {
      var i, a;
      for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1
           && a.getAttribute("rel").indexOf("alt") == -1
           && a.getAttribute("title")
           ) return a.getAttribute("title");
      }
      return null;
    }
    function createCookie(name,value,days) {
      if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
      }
      else expires = "";
      document.cookie = name+"="+value+expires+"; path=/";
    }
    function readCookie(name) {
      var nameEQ = name + "=";
      var ca = document.cookie.split(';');
      for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
      }
      return null;
    }
    window.onload = function(e) {
      var cookie = readCookie("style");
      var title = cookie ? cookie : getPreferredStyleSheet();
      setActiveStyleSheet(title);
    }
    window.onunload = function(e) {
      var title = getActiveStyleSheet();
      createCookie("style", title, 365);
    }
    var cookie = readCookie("style");
    var title = cookie ? cookie : getPreferredStyleSheet();
    setActiveStyleSheet(title);

    </script>
</head>
    <body onLoad="bascule()" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />
<a name="top"></a>
<table class="bodyline" width="760" cellspacing="0" cellpadding="0" border="0" align="center">
   <tr>
      <td height="85">   <a href="{U_INDEX}"><img name="choix" src="http://img10.xooimage.com/files/d/0/b/banni-re-120b3b6.png"  border="0" /></td>
   </tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center" background="http://img9.xooimage.com/files/9/e/7/barre-index-membres-faq-120d1f0.jpg" />
   <tr>
      <td height="28" align="center" nowrap="nowrap"><span class="mainmenu" style="color:#FFFFFF">
         <a href="{U_INDEX}" class="mainmenu"><font color=#FFFFFF>Index<font></a> - <a href="{U_FAQ}" class="mainmenu"><font color=#FFFFFF>{L_FAQ}</font></a> - <a href="{U_SEARCH}" class="mainmenu"><font color=#FFFFFF>{L_SEARCH}</font></a> - <a href="{U_MEMBERLIST}" class="mainmenu"><font color=#FFFFFF>Membres</font></a> - <a href="{U_GROUP_CP}" class="mainmenu"><font color=#FFFFFF>Groupes</font></a> -
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_REGISTER}" class="mainmenu"><font color=#FFFFFF>{L_REGISTER}</span></a> -
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_PROFILE}" class="mainmenu"><font color=#FFFFFF>{L_PROFILE}</span></a> -
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>Messages Priv&eacute;s</span></a> -
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=#FFFFFF>{PRIVATE_MESSAGE_INFO}</span></a> -
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
         <!-- END switch_user_logged_out -->
         <!-- BEGIN switch_user_logged_in -->
         <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=#FFFFFF>{L_LOGIN_LOGOUT}</span></a>
         <!-- END switch_user_logged_in -->
         </span>
      </td>
   </tr>
</table>     
<table width="930" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
     <td class="bodyline">


Et celui de l'autre thème:
Code: Sélectionner - Agrandir
<!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 http-equiv="imagetoolbar" content="no">
{META}
{NAV_LINKS}
<title>{SITENAME} .::. {PAGE_TITLE}</title>
<link rel="stylesheet" href="http://img9.xooimage.com/files/m/y/mylnoel-34679.css" type="text/css" />
<style type="text/css">
<!--
TH         { background-image: url(http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif) }
TD.cat      { background-image: url(http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif) }
TD.rowpic   { background-image: url(http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif) }
TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(http://img8.xooimage.com/files/c/e/cellpic1-3466f.gif) }
-->
</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="100%" cellspacing="0" cellpadding="0" border="0" align="center">
  <tr>
   <td class="g"></td>
<td><table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td><table width="100%" cellpadding="5" cellspacing="0" border="0" class="forumline" align="center">
  <tr>
   <td class="Haut" height="30" colspan="2"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
  <tr>
   <td align="left"><a href="{U_INDEX}"><img src="http://img9.xooimage.com/files/l/o/logo_phpbb-3467b.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
   <td align="center" width="100%"><span class="maintitle">{SITENAME}</span><br /><span class="maintitle2">{SITE_DESCRIPTION}</span><br />&nbsp;</td>
  </tr><tr>
         <td align="center" valign="top" colspan="2"><span class="mainmenu">
         <a href="{U_FAQ}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_faq-3467d.gif" border="0" alt="{L_FAQ}" hspace="3" /></a>
         <a href="{U_SEARCH}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_search-3467e.gif" border="0" alt="{L_SEARCH}" hspace="3" /></a>
         <a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img3.xooimage.com/files/i/c/icon_mini_members-3467f.gif" border="0" alt="{L_MEMBERLIST}" hspace="3" /></a>
         <a href="{U_GROUP_CP}" class="mainmenu"><img src="http://img8.xooimage.com/files/i/c/icon_mini_groups-34680.gif" border="0" alt="{L_USERGROUPS}" hspace="3" /></a>
         </span></td>
      </tr>
      <tr>
         <td align="center" valign="top" colspan="2"><span class="mainmenu">
         <!-- BEGIN switch_user_logged_out -->
         <a href="{U_REGISTER}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_register_out-34681.gif" border="0" alt="{L_REGISTER}" hspace="3" /></a>
         <img src="http://img7.xooimage.com/files/i/c/icon_mini_message_out-34682.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />
         <img src="http://img10.xooimage.com/files/i/c/icon_mini_profile_out-34683.gif" border="0" alt="{L_PROFILE}" hspace="3" />
         <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img7.xooimage.com/files/i/c/icon_mini_login_out-34684.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a>
         <br>&nbsp;</span>
         <!-- END switch_user_logged_out -->

         <!-- BEGIN switch_user_logged_in -->
         <span class="mainmenu">
         <a href="{U_REGISTER}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_register-34685.gif" border="0" alt="{L_REGISTER}" hspace="3" /></a>
         <a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img2.xooimage.com/files/i/c/icon_mini_message-34686.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" /></a>
         <a href="{U_PROFILE}" class="mainmenu"><img src="http://img5.xooimage.com/files/i/c/icon_mini_profile-34687.gif" border="0" alt="{L_PROFILE}" hspace="3" /></a>
         <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img6.xooimage.com/files/i/c/icon_mini_login-34688.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a>
         </span><br/><br/>
      <table border="0" cellspacing="0" cellpadding="0" align="center">
           <tr>
             <td class="bout_g"></td>
             <td class="bout_c" nowrap="nowrap"><a href="{U_PRIVATEMSGS}" class="mainmenu"><b>{PRIVATE_MESSAGE_INFO}</b></a></td>
             <td class="bout_d"></td>
           </tr>
      </table>
         <!-- END switch_user_logged_in -->
         <br></td>
      </tr>
  <tr>
      <td class="spaceRow" colspan="2" height="18"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
  </tr>
</table>
<br />


Désolée de vous déranger ^^"


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: Mon 17 Aug 2009 - 19:12    Post subject: [Tuto] Installer une image de fond Reply with quote

dans overall header après ça

Code: Sélectionner - Agrandir
</head>
    <body onLoad="bascule()" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />
<a name="top"></a>


mets ça

Code: Sélectionner - Agrandir
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
      <tr>
       <td background="lien de ton imag"></td>
    <td>


et dans overall footer après le dernier

Code: Sélectionner - Agrandir
</table>

mets ça

</td>
<td background="lien de ton image"></td>
</tr></table>

_______________________


Last edited by themalin on Tue 18 Aug 2009 - 10:56; edited 1 time in total
Forum
Author Message
starfox66
Membre


Offline
Membre

Joined: 09 Feb 2008
Posts: 68
Niveau:
Point(s): 68
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep) 羊 Chèvre

PostPosted: Mon 17 Aug 2009 - 22:46    Post subject: [Tuto] Installer une image de fond Reply with quote

C'est encore moi XD

Humm sa n'a pas changer grand chose... c'est par là que j'aurais dû commencer. Voilà une capture d'écran du résultat que le veux peut importe les résolutions:

http://img.xooimage.com/files47/b/8/0/ta-1215f68.jpg

Les persos sur fond rouge sont bien alignés de chaque côté mais là c'est chez moi. Chez un membre de mon forum les persos de droite sont coupés et on les voit pas >.<

Le dernier code que tu m'as donné je l'ai essayer et sa n'a rien fait rien changer =s

On peut pas tout simplement avoir le même code image que dans le thème dit au dessus? avec les 3 images bien séparées et bien chacune de leur côté?


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: Tue 18 Aug 2009 - 10:56    Post subject: [Tuto] Installer une image de fond Reply with quote

tu mets bien ça

Code: Sélectionner - Agrandir
</td>
<td background="lien de ton image">&nbsp;</td>
</tr></table>


avec le lien de ton image en question qui est un lien valide pour les deux codes que j'ai donné
tu dois mettre un lien dans chacun d'eux
_______________________


Forum
Author Message
starfox66
Membre


Offline
Membre

Joined: 09 Feb 2008
Posts: 68
Niveau:
Point(s): 68
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep) 羊 Chèvre

PostPosted: Tue 18 Aug 2009 - 13:46    Post subject: [Tuto] Installer une image de fond Reply with quote

Ben je l'ai fait mais j'ai pas l'impression que sa fasse grand chose ?_? Quand je l'ai mis j'ai regardé c'est toujours pareil mais chez les autres y'a toujours le même problème de voir l'image de droite coupée...

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: Tue 18 Aug 2009 - 17:25    Post subject: [Tuto] Installer une image de fond Reply with quote

tu peux donner le lien du forum ou tu fais les modifs pour voir directement

tu penses à vider le cache en faisant ctrl +F5 après avoir modifier les templates
_______________________


Forum
Author Message
starfox66
Membre


Offline
Membre

Joined: 09 Feb 2008
Posts: 68
Niveau:
Point(s): 68
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep) 羊 Chèvre

PostPosted: Tue 18 Aug 2009 - 18:23    Post subject: [Tuto] Installer une image de fond Reply with quote

http://celestia.leforum.eu

je pensais pas à vider le cache par contre


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: Tue 18 Aug 2009 - 18:25    Post subject: [Tuto] Installer une image de fond Reply with quote

je ne vois pas les modifications que ce soit en thème de test ou normal
tu es sur de bien avoir enregistré?
_______________________


Forum
Author Message
starfox66
Membre


Offline
Membre

Joined: 09 Feb 2008
Posts: 68
Niveau:
Point(s): 68
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Vierge (24aoû-22sep) 羊 Chèvre

PostPosted: Tue 18 Aug 2009 - 19:00    Post subject: [Tuto] Installer une image de fond Reply with quote

Ha mais je les ai enlever hier vu que sa marchait pas =o je comptais tout refaire aujourd'hui (d'ailleurs j'allais commencer là).

édit: c'est bon c'est mis.


Forum
Author Message
ichigokurosaki92


Offline
Guest




PostPosted: Thu 20 Aug 2009 - 18:36    Post subject: [Tuto] Installer une image de fond Reply with quote

Salut,

J'aimerai savoir comment faire pour mettre une image à droite de mon forum et à gauche, qui se répétera bin verticalement ^^.

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: Thu 20 Aug 2009 - 18:39    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

il suffit de suivre le tuto mais tu fais les modifications dans ton template css
le premier de la liste

il suffit de mettre une image avec à droite et à gauche les deux images que tu veux combiné en une seule

sinon tu peux essayer cette méthode


http://xooit.xooit.com/p424719.htm
_______________________


Forum
Author Message
ichigokurosaki92


Offline
Guest




PostPosted: Thu 20 Aug 2009 - 18:46    Post subject: [Tuto] Installer une image de fond Reply with quote

Euh non je vois pas désolé Sad

Author Message
sayadia666


Offline
Guest




PostPosted: Fri 21 Aug 2009 - 12:26    Post subject: [Tuto] Installer une image de fond Reply with quote

Salut mon problème et simple, je n'arrive pas en empêché la répétition du background sur mon forum.
J'ai regarder le tuto présent sur le forum mais je ne trouve pas car mas template et totalement différente, si quelqu'un pouvais m'aider voici ma template.




 
Code: Sélectionner - Agrandir

<!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://img9.xooimage.com/files/6/d/5/jediknights2-1230dae.css" type="text/css">
<style type="text/css"> 
form { 
margin: 0px; 
padding: 0px; 

</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 -->
<Script>


<!-- 

registerup = new Image; registerup.src = "http://img9.xooimage.com/files/n/a/nav_register-333d2.gif";
registerdown = new Image; registerdown.src = "http://img6.xooimage.com/files/n/a/nav_register_f2-333d3.gif";
faqup = new Image; faqup.src = "http://img10.xooimage.com/files/n/a/nav_faq-333d4.gif";
faqdown = new Image; faqdown.src = "http://img4.xooimage.com/files/n/a/nav_faq_f2-333d5.gif";
searchup = new Image; searchup.src = "http://img10.xooimage.com/files/n/a/nav_search-333d6.gif";
searchdown = new Image; searchdown.src = "http://img10.xooimage.com/files/n/a/nav_search_f2-333d7.gif";
memberlistup = new Image; memberlistup.src = "http://img9.xooimage.com/files/n/a/nav_memberlist-333d8.gif";
memberlistdown = new Image; memberlistdown.src = "http://img8.xooimage.com/files/n/a/nav_memberlist_f2-333d9.gif";
usergroupsup = new Image; usergroupsup.src = "http://img2.xooimage.com/files/n/a/nav_usergroups-333da.gif";
usergroupsdown = new Image; usergroupsdown.src = "http://img7.xooimage.com/files/n/a/nav_usergroups_f2-333db.gif";
profileup = new Image; profileup.src = "http://img9.xooimage.com/files/n/a/nav_profile-333dc.gif";
profiledown = new Image; profiledown.src = "http://img4.xooimage.com/files/n/a/nav_profile_f2-333dd.gif";
pmup = new Image; pmup.src = "{PRIVMSG_IMG}";
pmdown = new Image; pmdown.src = "http://img9.xooimage.com/files/n/a/nav_pm_f2-333bd.gif";
loginup = new Image; loginup.src = "http://img10.xooimage.com/files/n/a/nav_login-333de.gif";
logindown = new Image; logindown.src = "http://img9.xooimage.com/files/n/a/nav_login_f2-333df.gif";
logoutup = new Image; logoutup.src = "http://img5.xooimage.com/files/n/a/nav_logout-333e0.gif";
logoutdown = new Image; logoutdown.src = "http://img10.xooimage.com/files/n/a/nav_logout_f2-333e1.gif";


function MouseOverRoutine(ButtonName)
{
if (ButtonName=="register"){document.register.src = registerdown.src;}
if (ButtonName=="faq"){document.faq.src = faqdown.src;}
if (ButtonName=="search"){document.search.src = searchdown.src;}
if (ButtonName=="memberlist"){document.memberlist.src = memberlistdown.src;}
if (ButtonName=="usergroups"){document.usergroups.src = usergroupsdown.src;}
if (ButtonName=="profile"){document.profile.src = profiledown.src;}
if (ButtonName=="pm"){document.pm.src = pmdown.src;}
if (ButtonName=="login"){document.login.src = logindown.src;}
if (ButtonName=="logout"){document.logout.src = logoutdown.src;}
}


function MouseOutRoutine(ButtonName)
{
if (ButtonName=="register"){document.register.src = registerup.src;}
if (ButtonName=="faq"){document.faq.src = faqup.src;}
if (ButtonName=="search"){document.search.src = searchup.src;}
if (ButtonName=="memberlist"){document.memberlist.src = memberlistup.src;}
if (ButtonName=="usergroups"){document.usergroups.src = usergroupsup.src;}
if (ButtonName=="profile"){document.profile.src = profileup.src;}
if (ButtonName=="pm"){document.pm.src = pmup.src;}
if (ButtonName=="login"){document.login.src = loginup.src;}
if (ButtonName=="logout"){document.logout.src = logoutup.src;}
}


//-->

</script>     

</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<div align="center">
<a name="top"></a>
<table width="100%"  border="0" cellpadding="0" cellspacing="0" background="http://img6.xooimage.com/files/4/9/3/jyakyo-1230dad.png">
    <td width="5%" align="left" nowrap background="http://img.xooimage.com/files/"><a href="{U_INDEX}"><img src="http://img3.xooimage.com/files/j/e/jediknights2_logo-333e2.jpg" width="312" height="152" border="0"></a></td>
    <td width="90%" align="center" nowrap background="http://img.xooimage.com/files/"></td>
    <td width="5%" align="right" nowrap background="http://img6.xooimage.com/files/4/9/3/jyakyo-1230dad.png"><a href="{U_INDEX}"><img src="http://img5.xooimage.com/files/j/e/jedi1-36fc3.jpg" width="287" height="152" border="0"></a></td>
  </td>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
   <td align="center" valign="top" background="http://img2.xooimage.com/files/n/a/nav-333e3.gif">

<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" onmouseOver="MouseOverRoutine('register')" onmouseOut="MouseOutRoutine('register')"><img src="http://img9.xooimage.com/files/n/a/nav_register-333d2.gif" name="register" border="0"></a><img src="http://img4.xooimage.com/files/n/a/nav_colon-333e4.gif" name="colon" border="0">
<!-- END switch_user_logged_out -->

<a href="{U_FAQ}" onmouseOver="MouseOverRoutine('faq')" onmouseOut="MouseOutRoutine('faq')"><img src="http://img10.xooimage.com/files/n/a/nav_faq-333d4.gif" name="faq" border="0"></a>
<img src="http://img4.xooimage.com/files/n/a/nav_colon-333e4.gif" name="colon" border="0">
<a href="{U_SEARCH}" onmouseOver="MouseOverRoutine('search')" onmouseOut="MouseOutRoutine('search')"><img src="http://img10.xooimage.com/files/n/a/nav_search-333d6.gif" name="search" border="0"></a>
<img src="http://img4.xooimage.com/files/n/a/nav_colon-333e4.gif" name="colon" border="0">
<a href="{U_MEMBERLIST}" onmouseOver="MouseOverRoutine('memberlist')" onmouseOut="MouseOutRoutine('memberlist')"><img src="http://img9.xooimage.com/files/n/a/nav_memberlist-333d8.gif" name="memberlist" border="0"></a>
<img src="http://img4.xooimage.com/files/n/a/nav_colon-333e4.gif" name="colon" border="0">
<a href="{U_GROUP_CP}" onmouseOver="MouseOverRoutine('usergroups')" onmouseOut="MouseOutRoutine('usergroups')"><img src="http://img2.xooimage.com/files/n/a/nav_usergroups-333da.gif" name="usergroups" border="0"></a>
<img src="http://img4.xooimage.com/files/n/a/nav_colon-333e4.gif" name="colon" border="0">
<a href="{U_PROFILE}" onmouseOver="MouseOverRoutine('profile')" onmouseOut="MouseOutRoutine('profile')"><img src="http://img9.xooimage.com/files/n/a/nav_profile-333dc.gif" name="profile"border="0"></a>
<img src="http://img4.xooimage.com/files/n/a/nav_colon-333e4.gif" name="colon" border="0">
<a href="{U_PRIVATEMSGS}" onmouseOver="MouseOverRoutine('pm')" onmouseOut="MouseOutRoutine('pm')"><img src="{PRIVMSG_IMG}" name="pm" border="0" alt="{PRIVATE_MESSAGE_INFO}"></a>

<!-- BEGIN switch_user_logged_out -->
<img src="http://img4.xooimage.com/files/n/a/nav_colon-333e4.gif" name="colon" border="0"><a href="{U_LOGIN_LOGOUT}" onmouseOver="MouseOverRoutine('login')" onmouseOut="MouseOutRoutine('login')"><img src="http://img10.xooimage.com/files/n/a/nav_login-333de.gif" name="login" border="0"></a>
<!-- END switch_user_logged_out -->

<!-- BEGIN switch_user_logged_in -->
<img src="http://img4.xooimage.com/files/n/a/nav_colon-333e4.gif" name="colon" border="0"><a href="{U_LOGIN_LOGOUT}" onmouseOver="MouseOverRoutine('logout')" onmouseOut="MouseOutRoutine('logout')"><img src="http://img5.xooimage.com/files/n/a/nav_logout-333e0.gif" name="logout" border="0"></a>
<!-- END switch_user_logged_in -->
</td>
  </tr>
</table> 

et l'adrésse de mon forum http://opposite-clan.xooit.com/index.php

merci d'avance


Author Message
Contenu Sponsorisé





PostPosted: Today at 02:12    Post subject: [Tuto] Installer une image de fond

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