La date/heure actuelle est Dim 22 Oct 2017 - 01:08 - 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, 3145, 146, 147266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
metal





MessagePosté le: Mer 19 Nov 2008 - 03:29    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

enfaite je ne pensé pas que ça donné sa  Mad .

Mais autour du forum cela m'intéresse par contre Very Happy

Merci beaucoup en tout cas
Auteur Message
metal


Hors ligne
Invité




MessagePosté le: Mer 19 Nov 2008 - 03:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

aaahhhh yes voila ce que je cherché. Franchement merci beaucoup  Very Happy Very Happy

Auteur Message
metal


Hors ligne
Invité




MessagePosté le: Mer 19 Nov 2008 - 04:30    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Juste une dernière petite chose  Smile



il y a quelques problème d'affichage

Merci


Auteur Message
metal


Hors ligne
Invité




MessagePosté le: Mer 19 Nov 2008 - 14:28    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

merci beaucoup pour toute votre aide.

Je comprend pourquoi l'image ne va pas jusque au bout.... j'ai un 24"  Smile


Encore une fois merci


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 19 Nov 2008 - 14:45    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

si tu veux qu'elle aille jusqu'au bout dans le code donné


/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-image: url(URL DE VOTRE IMAGE);
    scrollbar-face-color: #DEE3E7;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #DEE3E7;
    scrollbar-3dlight-color: #D1D7DC;
    scrollbar-arrow-color:  #006699;
    scrollbar-track-color: #EFEFEF;
    scrollbar-darkshadow-color: #98AAB1;
}


remplaces par

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-image: url(URL DE VOTRE IMAGE);
background-repeat: repeat;
    scrollbar-face-color: #DEE3E7;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #DEE3E7;
    scrollbar-3dlight-color: #D1D7DC;
    scrollbar-arrow-color:  #006699;
    scrollbar-track-color: #EFEFEF;
    scrollbar-darkshadow-color: #98AAB1;
}
_______________________


Forum
Auteur Message
metal


Hors ligne
Invité




MessagePosté le: Mer 19 Nov 2008 - 16:24    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Merci   Very Happy

Auteur Message
stef77


Hors ligne
Invité




MessagePosté le: Mer 19 Nov 2008 - 21:05    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour pourquoi mon image se repete en fond 
moi je voudrai une fois l'image et quel prenne toute la largeur du forum et quel ne defile pas en mm temps que le forum. une image fixe quoi.
et pour la transparence je voudrai tout en transparence sauf les images
merci d'avance


Auteur Message
stef77


Hors ligne
Invité




MessagePosté le: Mer 19 Nov 2008 - 21:06    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

et pourquoi la transparence marche t'elle quavec IE et ni google ni firefox

Merci d'utiliser la fonction éditer pour éviter les doubles posts.


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: Jeu 20 Nov 2008 - 08:55    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

stef77 a écrit:

bonjour pourquoi mon image se repete en fond 
moi je voudrai une fois l'image et quel prenne toute la largeur du forum et quel ne defile pas en mm temps que le forum. une image fixe quoi.
et pour la transparence je voudrai tout en transparence sauf les images
merci d'avance
bonjour

remplaces

background-repeat: repeat;

par `
background-repeat: no-repeat;
_______________________


Forum
Auteur Message
benjamin85


Hors ligne
Invité




MessagePosté le: Jeu 20 Nov 2008 - 18:28    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

sur onyx y a c'est ligne mais elle sont pas exactement pareil.
comment faire


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: Jeu 20 Nov 2008 - 18:31    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

vérifies que tu as bien les modifs dans overall header

sinon c'est dans ton template css

si c'est les même lignes tu fais la même modifications
_______________________


Forum
Auteur Message
benjamin85


Hors ligne
Invité




MessagePosté le: Jeu 20 Nov 2008 - 18:41    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Non meme la ce n'est pas pareil.
Je fais comment?


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: Jeu 20 Nov 2008 - 18:42    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

tu peux mettre ton template ici pour voir
_______________________


Forum
Auteur Message
benjamin85


Hors ligne
Invité




MessagePosté le: Jeu 20 Nov 2008 - 18:43    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Ok attend

Auteur Message
benjamin85


Hors ligne
Invité




MessagePosté le: Jeu 20 Nov 2008 - 18:48    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files7/7/f/a/onyx-82cf8d.css" type="text/css" -->
<style type="text/css">
<!--
/*
  onyx Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.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+ */
body {
 
 background-image: url(http://img.xooimage.com/files8/b/a/background-7d4f2.jpg);
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: bottom right;
 background-color: {T_BODY_BGCOLOR};
 scrollbar-face-color: #000000;
 scrollbar-highlight-color: #444444;
 scrollbar-shadow-color: #000000;
 scrollbar-arrow-color:  #444444;
 scrollbar-3dlight-color: #333333;
 scrollbar-track-color: #000000;
 scrollbar-darkshadow-color: #222222;
}
/* 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: none; 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: ""; border: 0px {T_TH_COLOR1} solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: {T_TH_COLOR1}; 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://img.xooimage.com/files6/b/a/back_catd-758c2.gif);
  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://img.xooimage.com/files9/b/a/back_title-758bb.jpg);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img.xooimage.com/files9/1/4/a/xp111-2b242c.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 Smile
*/
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: 25px;
}
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: 18px; 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: none; }
/* 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: none; 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: none; }
/* 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: none; 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: none; }
/* 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: none; 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: none; 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_TH_COLOR1}; 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_TH_COLOR1}; 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_FONTCOLOR3}; text-decoration: none;}
a.copyright:hover { color: {T_FONTCOLOR2}; text-decoration: none;}
/* Form elements */
input,textarea, select {
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
 color : {T_FONTCOLOR3};
 font: normal {T_FONTSIZE2}px {T_FONTFACE1};
 border-color : {T_FONTCOLOR1};
}
/* The text input fields background colour */
input.post, textarea.post, select {
 background-color : {T_TH_COLOR3};
}
input { text-indent : 2px;
     background-color : {T_TD_COLOR1}; }
/* The buttons used for bbCode styling in message post */
input.button {
 background-color : {T_TR_COLOR2};
 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 Wink
*/
.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://img.xooimage.com/files10/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">[/url]
<table width="80%" cellspacing="0" cellpadding="10" border="0" align="center">
 <tr>
  <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tr>
    <td align="center" width="100%" valign="middle">
</td>
    </tr><tr>
    <td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span>
<span class="gen">{SITE_DESCRIPTION}
&nbsp; </span>
    <table cellspacing="0" cellpadding="2" border="0">
     <tr>
      <td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
      <!-- BEGIN switch_user_logged_in -->
                            

      <!-- END switch_user_logged_in -->
      <!-- BEGIN switch_user_logged_out -->
          

      <!-- END switch_user_logged_out -->
      </span></td>
     </tr>
    </table></td>
   </tr>
  </table>
  

<table width="100%" border="0" cellspacing="0" cellpadding="8" class="bodyline">
<tr>
<td colspan="2">
<!-- Portal Style Layout with Left Column-->
 
</td>
</tr>
<tr>
<td align="center" width="135" valign="top">
 
<!-- Left Column-->
<!-- Menu -->
    <table width="135" cellspacing="1" cellpadding="3" border="0" class="forumline">
     <tr>
      <td align="center" nowrap="nowrap" class="catHead"><span class="cattitle">Menu</span>
      </td>
     </tr>
     <tr>
      <td align="left" valign="bottom" nowrap="nowrap" class="row1"><span class="mainmenu">
accueil

Forum

Faq

{L_MEMBERLIST}

{L_USERGROUPS}


      <!-- BEGIN switch_user_logged_out -->
     
{L_REGISTER}


      <!-- END switch_user_logged_out -->
     
{L_PROFILE}

Messages

Login/Out

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


<!-- Menu -->
<!-- Quick Search -->
<table width="135" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
    <td class="catHead" align="center" height="28"><span class="cattitle">Quick Search</span></td>
  </tr>
  <tr>
    <td class="row1" align="center" width="100%">
<form action="{U_SEARCH}?mode=results" method="post" target="_top">
<input type="text" class="post" name="search_keywords" size="14" />
<input type="submit" class="mainoption" name="login" value="Go" />

<span class="gensmall">Advanced Search</span>
    </td></form>
  </tr>
</table> 


<!-- Quick Search -->
    
<!-- Links -->    
<table width="135" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
 <td align="center" width="100%" class="catHead" height="28"><span class="cattitle">Links</span></td>
  </tr>
 
  <tr>
 <td class="row1" align="left" valign="top"><span class="mainmenu">
 Sample Link 1

Sample Link 2</td>
  </tr>
</table>


<!-- Links -->
<!-- Who's Online -->    
    <table width="135" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
 <td align="center" width="100%" class="catHead" colspan="2" height="28"><span class="cattitle">Who's Online</span></td>
  </tr>
 
  <tr>
 <td class="row1" align="left"><center><span class="gensmall">[ {L_WHOSONLINE_ADMIN} ]
[ {L_WHOSONLINE_MOD} ]</span></center><hr><span class="genmed">{LOGGED_IN_USER_LIST}</span></td>
  </tr>
</table>


<!-- Who's Online -->
    
<!-- Search Google -->
<table width="135" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
    <td class="catHead" align="center" height="28"><span class="cattitle">Google Search</span></td>
  </tr>
  <tr>
    <td class="row1" align="center" width="100%">
<FORM method=GET action="http://www.google.com/search">


<INPUT TYPE=text class="post" name=q size=14 maxlength=255 value="">
<INPUT type=submit class="mainoption" name=btnG VALUE="Search">
    </td></form>
  </tr>
</table> 


<!-- Search Google -->
</td>
<!--Left Column-->
<td width="100%" valign="top">
<!--Forum-->


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: Jeu 20 Nov 2008 - 18:49    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

ben ici

background-image: url(http://img.xooimage.com/files8/b/a/background-7d4f2.jpg);

il suffit juste de changer le lien de l'image par celle que tu veux mettre

background-image: url(http://img.xooimage.com/files8/b/a/background-7d4f2.jpg);
_______________________


Forum
Auteur Message
Contenu Sponsorisé





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

Montrer les messages depuis:   
Répondre au sujet Page 146 sur 268 Aller à la page: <  1, 2, 3145, 146, 147266, 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