It is currently Wed 28 Sep 2016 - 13:57 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3222, 223, 224266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
NeoSoL





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

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

Bonjour à toi *__mar2ie,

Si c'est un fond, c'est alors normal que le texte et tout le contenu de ton forum aille dessus... Wink
Author Message
*__mar2ie


Offline
Guest




PostPosted: Wed 26 Aug 2009 - 17:15    Post subject: [Tuto] Installer une image de fond Reply with quote

Oui mais je voulais rajouter mon image dessus mais ça ne se met pas exactement dessus... =/

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

bonjour

marie sur quel forum tu as
sur celui de ton profil je n'ai pas d'image de fond
_______________________


Forum
Author Message
jeromiodu59


Offline
Guest




PostPosted: Mon 31 Aug 2009 - 16:21    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour à tous.
J'ai installé le thème appalacha sur mon forum.
Je n'arrive pas à mettre d'image de fond.
Je pensais que c'était impossible et je vois sur un autre forum xooit.fr que c'est possible avec ce thème.
Pouvez vous m'éclairer ?
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: Mon 31 Aug 2009 - 19:02    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

il suffit de suivre exactement les indications du tuto mais dans ton template overall header
c'est la même chose
_______________________


Forum
Author Message
bbpoto


Offline
Guest




PostPosted: Fri 11 Sep 2009 - 12:32    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour:
forum: http:/zacros.clicforum.fr
thème: justwhite

problème 1:  


Voilà je voudrais savoir comment avoir 1 seule image sur tout mon forum en grand. car pour l'instant l'image est redéposer dans les cellules, ce qui ne rend pas le forum esthétique.

problème 2:


Je voulais savoir aussi comment enlever le "Noir" qu'on voit ci-dessous.

Image capture d'écran:




Merci de bien vouloir m'aiguiller.


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

themalin wrote:
tu peux mettre l'image de fond en fonction de la résolution de l'écran

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


bonjour

tu devrais essayer ce tuto
ce qui permettra de mettre l'image en une seule fois sur tout l'écran
_______________________


Forum
Author Message
Satir


Offline
Guest




PostPosted: Sat 19 Sep 2009 - 17:13    Post subject: [Tuto] Installer une image de fond Reply with quote

est il possible d'installer une image de fond sur le thème "why" et si oui comment? Car le contenu de l'overall.header.tpl ne contient pas ce qui est indiqué dans le 1 er post de ce topic, donc le procédé doit être différent pour ce thème...

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

bonjour

il faut modifier dans ce thème dans le template css c'est le premier de la liste

et tu fais comme indiqué dans le tuto
_______________________


Forum
Author Message
Satir


Offline
Guest




PostPosted: Sat 19 Sep 2009 - 18:04    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci, je vais essayer.

Author Message
Satir


Offline
Guest




PostPosted: Sat 19 Sep 2009 - 18:09    Post subject: [Tuto] Installer une image de fond Reply with quote

j'ai ça dans le css

Code: Sélectionner - Agrandir
/* Fancy form styles for IE */

input, textarea, select {
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px; 
}

input { text-indent : 2px; }

input.button {
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px; 
}

.postbody { line-height: 18px}


J'ai rajouté ce qui est ajouté mais rien ne change. (Je fait ça sur un thème de test).


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: Sat 19 Sep 2009 - 18:13    Post subject: [Tuto] Installer une image de fond Reply with quote

c'est normal il faut le faire dans wii-css c'est le template juste en dessous qui lui contient bien les codes indiqué dans le tuto
_______________________


Forum
Author Message
Badgirls
Membre


Offline
Membre

Joined: 27 Oct 2007
Posts: 96
Point(s): 96
Moyenne: 1.00
Linux Internet Explorer Féminin Gémeaux (21mai-20juin)

PostPosted: Mon 21 Sep 2009 - 02:05    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour...

J'ai installé le thème MylManga, mais mon image de fond ne se voit pas... Crying or Very sad   Que dois-je faire svp?? Crying or Very sad

Et est-ce qu'on pourrait me dire comment je peux changer le fond d'image légèrement strillé qui rend la lecture dificile svp?  Embarassed    Merci d'avance!!


voilà mon overall header tpl:  Merci pour votre aide



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://img10.xooimage.com/files/d/2/2/mylmanga-12fb41c.css" type="text/css" />
        <style type="text/css">
        <!--
        TH         { background-image: url(http://img6.xooimage.com/files/c/e/cellpic3-3449b.gif) }
        TD.cat      { background-image: url(http://img10.xooimage.com/files/c/e/cellpic1-3449e.gif) }
        TD.rowpic   { background-image: url(http://img.xooimage.com/files/) }
        TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url(http://img10.xooimage.com/files/c/e/cellpic1-3449e.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="10" border="0" align="center">
         <tr>
          <td><table width="100%" cellspacing="0" cellpadding="0" border="0">
           <tr>
            <td align="center"><a href="{U_INDEX}"><img src="http://img4.xooimage.com/files/5/f/3/banniere-1345331.jpg" border="0" alt="Logo personnalisable sur demande" vspace="1" /></a></td></tr><tr>
            <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}</span></td>
          </table>
            <table cellspacing="0" cellpadding="2" border="0" align="center">
             <tr> <br>
              <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_faq-344a1.gif" 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://img3.xooimage.com/files/i/c/icon_mini_search-344a2.gif" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; &nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="http://img10.xooimage.com/files/i/c/icon_mini_members-344a3.gif" 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/i/c/icon_mini_groups-344a4.gif" 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://img6.xooimage.com/files/i/c/icon_mini_register-344a5.gif" 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://img3.xooimage.com/files/i/c/icon_mini_profile-344a6.gif" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; &nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="http://img4.xooimage.com/files/i/c/icon_mini_message-344a7.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; &nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="http://img6.xooimage.com/files/i/c/icon_mini_login-344a8.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;</span></td>
             </tr>
            </table></td>
           </tr>
          </table>
          <br />





_______________________
*On peut faire beaucoup avec la haine, mais encore plus avec l'amour* (Shakespeare)


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 21 Sep 2009 - 07:31    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

tu dois changer dans le template mylmanga css et pas dans overall header
_______________________


Forum
Author Message
Badgirls
Membre


Offline
Membre

Joined: 27 Oct 2007
Posts: 96
Point(s): 96
Moyenne: 1.00
Linux Internet Explorer Féminin Gémeaux (21mai-20juin)

PostPosted: Mon 21 Sep 2009 - 08:21    Post subject: [Tuto] Installer une image de fond Reply with quote

merci pour ta réponse Wink

Peux-tu me dire ce que je dois faire exactement stp?


/
Code: Sélectionner - Agrandir
*
  MylManga theme for phpBB version 2+
 Created by SGo
 [url=http://www.mylimages.com/]http://www.mylimages.com[/url]
 Based on the original subSilver Theme for phpBB version 2+
   Created by subBlue design
   [url=http://www.subblue.com/]http://www.subBlue.com[/url]
*/

 /* General page style. The scroll bar colours only visible in IE8+ */
body {
 background-color: #f1e1cf;
 scrollbar-face-color: #f1e1cf;
 scrollbar-highlight-color: #e5d1bb;
 scrollbar-shadow-color: #000000;
 scrollbar-3dlight-color: #FFFFFF;
 scrollbar-arrow-color: arrow;
 scrollbar-track-color: #fef3e6;
 scrollbar-darkshadow-color: #dfbe9b;
 background-image : url('http://img6.xooimage.com/files/0/2/8/fond1-12fb41a.jpg');
 background-repeat : no-repeat;
 background-position : right top;
 background-attachment : fixed;
}
/* General font families for common tags */
font,th,td,p { font-family: Tahoma, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #000000; text-decoration: none; }
a:hover  { text-decoration: underline; color : #000000; }
hr { height: 0px; border: solid #000000 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline {
 border: 1px solid #72392E;
}
/* This is the outline round the main forum tables */
.forumline { border: 1px #72392E solid; }

/* Main table cell colours and backgrounds */
td.row1 {background-image : url('http://img8.xooimage.com/files/p/i/pixel01-32b4c.gif');}
td.row2 {background-image : url('http://img6.xooimage.com/files/p/i/pixel02-32b4d.gif');}
td.row3 {background-image : url('http://img10.xooimage.com/files/p/i/pixel03-32b4e.gif');}

/*
  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 black background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
 height: 28px;
 background : url('http://img8.xooimage.com/files/d/6/3/barre2-1345cf9.jpg') repeat-y;
}
/* Header cells - the black gradient backgrounds */
th {
 color: #000000; font-size: 14px; font-weight : bold;
 height: 28px;
 background-image: url('http://img8.xooimage.com/files/d/6/3/barre2-1345cf9.jpg');
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   border: #72392E; 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: #72392E; border-style: solid; height: 25px; }
td.row3Right {background-image : url('http://img10.xooimage.com/files/p/i/pixel03-32b4e.gif');
 border: #72392E; border-style: solid; }
td.spaceRow {background-image : url('http://img6.xooimage.com/files/p/i/pixel04-3449c.gif');
 border: #72392E; border-style: solid; }
th.thHead,td.catHead { font-size: 14px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow  { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right  { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft   { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
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. */
.maintitle,h1,h2 {
   font-weight: bold; font-size: 22px; font-family: Tahoma, Arial, Helvetica, sans-serif;
   text-decoration: none; line-height : 120%; color : #000000;
}

/* General text */
.gen { font-size : 14px; }
.genmed { font-size : 14px; }
.gensmall { font-size : 14px; }
.gen,.genmed,.gensmall { color : #000000; text-decoration: none; }
a.gen,a.genmed,a.gensmall { color: #000000; text-decoration: none; }
a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #000000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #000000; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu  { font-size : 14px; color : #000000; }
a.mainmenu  { text-decoration: none; color : #000000;  }
a.mainmenu:visited { text-decoration: none; color : #000000; }
a.mainmenu:hover{ text-decoration: none; color : #000000; }

/* Forum category titles */
.cattitle  { font-weight: bold; font-size: 16px ; letter-spacing: 1px; color : #000000}
a.cattitle  { text-decoration: none; color : #000000; }
a.cattitle:visited { text-decoration: none; color : #000000; }
a.cattitle:hover{  color: #AE817B; text-decoration: none; }

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

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav   { font-weight: bold; font-size: 14px; color : #000000;}
a.nav   { text-decoration: none; color : #000000; }
a.nav:visited { text-decoration: none; color : #000000; }
a.nav:hover  { text-decoration: none; color : #000000; }

/* titles for the topics: could specify viewed link colour too */
.topictitle   { font-weight: bold; font-size: 14px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #000000; }
a.topictitle:visited { text-decoration: none; color : #000000; }
a.topictitle:hover { text-decoration: underline; color : #000000; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name   { font-size : 14px; color : #000000;}
/* Location, number of posts, post date etc */
.postdetails  { font-size : 14px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 14px; color: #000000;}
a.postlink:link { text-decoration: none; color : #000000; }
a.postlink:visited { text-decoration: none; color : #000000; }
a.postlink:hover { text-decoration: none; color : #000000; }
.error { font-size : 12px; color: #FF0000;}

/* Quote & Code blocks */
.code {
 font-family: Tahoma, 'Courier New', sans-serif; font-size: 14px; color: #000000;
 background-color: #FFFFFF; border: #000000; border-style: solid;
 border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
 font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height: 125%;
 background-color: #F9DCDB; border: #000000; 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: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #72392E; letter-spacing: -1px;}
a.copyright  { color: #72392E; text-decoration: none;}
a.copyright:link   { color : #72392E; text-decoration: none;}
a.copyright:visited { color : #72392E; text-decoration: none;}
a.copyright:hover { color: #AE817B; text-decoration: underline;}

/* Form elements */
input,textarea, select {
 color : #000000;
 font: normal 14px Tahoma, Helvetica, sans-serif;
 border-color : #773F34;
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : #F9DCDB;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : #000000;
 color : #000000;
 font-size: 14px; font-family: Tahoma, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
 background-color : ;
 font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
 background-color : #CD9489;
 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: #FFFFFF; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url('http://img4.xooimage.com/files/f/o/formie-30deb.css');
 

_______________________
*On peut faire beaucoup avec la haine, mais encore plus avec l'amour* (Shakespeare)


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 21 Sep 2009 - 08:22    Post subject: [Tuto] Installer une image de fond Reply with quote

ici

background-image : url('http://img.xooimage.com/files6/0/2/8/fond1-12fb41a.jpg');
background-repeat : no-repeat;
background-position : right top;
background-attachment : fixed;

tu changes le lien de l'image
_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 13:57    Post subject: [Tuto] Installer une image de fond

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