It is currently Tue 27 Sep 2016 - 15:47 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 336, 37, 38266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
sixties





PostPosted: Mon 5 Mar 2007 - 12:47    Post subject: [Tuto] Installer une image de fond Reply with quote

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

oui mais alors, je peux pas l'utiliser comme fond ?

il faut obligatoirement une image ?
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 5 Mar 2007 - 12:51    Post subject: [Tuto] Installer une image de fond Reply with quote

oui tu dois mettre une image à la place de l'url dans le code sinon ça ne marche pas

tu peux mettre une autre couleur si tu veux
mais tu dois avoir une image en gif,jpg ,png etc.. sinon tu ne veras rien
_______________________


Forum
Author Message
JEAPPER
Équipe Xooit.com


Offline
Équipe Xooit.com

Joined: 01 Jan 1970
Posts: 1,206
Point(s): -8,541
Moyenne: -7.08
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Vierge (24aoû-22sep) 馬 Cheval

PostPosted: Mon 5 Mar 2007 - 12:51    Post subject: [Tuto] Installer une image de fond Reply with quote

Pour mettre une image de fond, oui c'est mieux d'avoir une image Wink
_______________________
Jeapper - Propriétaire de Xooit.com
Nous ne fournissons aucune assistance par messages privés ou courriel.


Forum
Author Message
sixties


Offline
Guest




PostPosted: Mon 5 Mar 2007 - 13:10    Post subject: [Tuto] Installer une image de fond Reply with quote

ah ben oui ! forcément avec une image ça marche !!

lol

merci de votre patience ! Wink


Author Message
jahda


Offline
Guest




PostPosted: Tue 13 Mar 2007 - 16:48    Post subject: [Tuto] Installer une image de fond Reply with quote

mea culpa, je n'ai pas lu les 30 pages précédentes, juste les 3 premieres ...

j'utilise le theme cleanlegacy qui ne fit pas partie de la liste des themes testés pour ce tuto (et pourtant c'est le meilleur de tous ^^ ), et je ne trouve pas les lignes que vous conseillez de modifier....


j'aimerais bien pouvoir obtenir ce superbe résultat, j'adore les tapisseries kitsch Smile
(note: je n'ai pas tout rempli sur l'image, mais c'est juste pour montrer l'ancien fond Smile )




mon overall header:
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/a/f/cleanlegacy-f23ea.css" type="text/css">

<!-- BEGIN switch_enable_pm_popup -->


<script type="text/javascript">
 maxwidth=630;
 function imgsize() {
 document.getElementsByClassName('postbody').each(
   function(elem) {
    $A(elem.getElementsByTagName('img')).each(
     function(elem) {
      if (elem.with<=maxwidth) return;
      elem.width=maxwidth;
      elem.setStyle({cursor:'pointer'}).onclick=function(){window.open(this.src);};
     }
    )
   }
  );
 }
 Event.observe(window,'load',imgsize);
</script>


<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 link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN

<a name="top"></a>
<table class="mainwindow" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td>

<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" height="100%">


<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="title2"><table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr><td width="650" background="http://img10.xooimage.com/files/3/1/0/raid_tdbg-35356.gif">&nbsp;</td><td valign="bottom"><div align="right"><a href="http://s13ufo.xooit.com/index.php"><img src="http://img8.xooimage.com/files/2/7/4/class900-ed019.jpg"></img></a></div></td></tr></table></td>
</tr>
<tr>
<td class="gen2"><br />
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr width="100%">
<td class="gen2" width="75%">

<div align="right" class="pm">
        <div class="cattitlemed"><img src="http://img9.xooimage.com/files/p/o/post-31eb9.gif"> Navigation et liens utiles</div>
        </div>
        <div align="right" class="pm">
        <a href="{U_INDEX}">Page d'accueil</a> -
        <a href="{U_FAQ}">FAQ</a> -
        <a href="{U_SEARCH}">Recherche</a> -
        /*<a href="{U_MEMBERLIST}">Membres</a> -
        <a href="{U_GROUP_CP}">Groupes</a>*/ <br>
        &nbsp;&nbsp;<a href="http://dictionnaire.tv5.org/">Dictionnaire</a> -
        <a href="http://s13.travian.fr/dorf1.php">Travian S13</a> -
        <a href="http://www.traviantoolbox.com/">Toolbox</a> -
        <a href="http://travmap.shishnet.org/?lang=fr/">Travmap</a> -
        <a href="http://www.radioblogclub.com/">RadioBlogClub</a> -   
        <a href="http://releases.mozilla.org/pub/mozilla.org/extensions/adblock_plus/adblock_plus-0.7.2.4-fx+fl+zm+tb.xpi">Firefox AdblockPlus</a>
        </div>
      
</div>
</td>
<td class="gen2" align="right">
<div align="right" class="pm">

                <div class="cattitlemed"><img src="http://img9.xooimage.com/files/p/o/post-31eb9.gif"> Panneau de Controle</div>
                </div>
                <div align="right" class="pm">
                <a href="{U_REGISTER}">S'enregistrer</a> -
                <a href="{U_PROFILE}">Profil</a></div>
                <div align="right" class="pm"><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></div>


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

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

<br />



<div class="pm"><img src="http://img7.xooimage.com/files/m/a/mail-31eba.gif"> <a href="{U_PRIVATEMSGS}" class="gensmall">{PRIVATE_MESSAGE_INFO}</a></div>
<div class="pm"><img src="http://img9.xooimage.com/files/p/o/post-31eb9.gif"> <a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a></div>



<table width="100%" cellspacing="0" cellpadding="10">
<tr>
<td>


mon index.tpl:
Code: Sélectionner - Agrandir
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumborder">
  <tr>
        <th colspan="2" class="forumtitle" width="600">&nbsp;&nbsp;</th>
       
        <th class="forumtitle" width="95">/*&nbsp;{L_LASTPOST}*/&nbsp</th>
  </tr>
  <!-- BEGIN catrow -->
  <tr height="14">
        <td colspan="2"><br /><span class="cattitle">{catrow.CAT_DESC}</span></td>
        <td colspan="3" align="right">&nbsp;</td>
  </tr>
  <!-- BEGIN forumrow -->
  <tr>
        <td class="row3" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
   <td class="row2" width="100%" height="50"><span class="navmed"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="navmed">{catrow.forumrow.FORUM_NAME}</a><br />
     </span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
     </span></td>
   <td class="row2" align="center" valign="middle" height="50"><span </span></td>
   <td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>

  </tr>
  <!-- END forumrow -->
  <!-- END catrow -->
</table><br />



<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
  <tr>
        <td align="left"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span></td>
        <td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
  </tr>
</table>

<br />

<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumborder">
  <tr>
        <td class="forumtitle" colspan="2"><span class="cattitle"><a href="{U_VIEWONLINE}" class="noonline">{L_WHO_IS_ONLINE}</a></span></td>
  </tr>




  <tr>
        <td class="icon" align="center" valign="middle" rowspan="2"><img src="http://img2.xooimage.com/files/8/f/0/ufo-questionofpriorities-e8c07.jpg" alt="{L_WHO_IS_ONLINE}" /></td>
        <td class="row2" align="left" width="100%"><span class="gen2">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
        </td>
  </tr>
  <tr>
        /*<td class="row2" align="left"><span class="gen2">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}</span></td>*/
  </tr>
</table>

<table width="100%" cellpadding="1" cellspacing="1" border="0">
<tr>
        <td align="left" valign="top"><span class="gen2"></span></td>
</tr>
</table>



<br clear="all" />

<table cellspacing="3" border="0" cellpadding="0">
  <tr>
        <td width="20"><img src="http://img9.xooimage.com/files/f/o/folder_new-31ea8.gif" alt="{L_NEW_POSTS}"/></td>
        <td><span class="gensmall">{L_NEW_POSTS}</span></td>
        <td>&nbsp;&nbsp;</td>
        <td width="20"><img src="http://img10.xooimage.com/files/f/o/folder-31ea7.gif" alt="{L_NO_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
        <td>&nbsp;&nbsp;</td>
        <td width="20"><img src="http://img4.xooimage.com/files/f/o/folder_lock-31eab.gif" alt="{L_FORUM_LOCKED}" /></td>
        <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table> <br />


l'adresse de le belle tapisserie:

http://img176.imageshack.us/img176/7717/raidpattern35354mw6.gif


Author Message
webartprod


Offline
Guest




PostPosted: Tue 13 Mar 2007 - 16:53    Post subject: [Tuto] Installer une image de fond Reply with quote

il faudrait modifier le css, pour mettre

{
background-image : #ffffff url('http://l'adressedel'image');
}

ceci se trouvant au niveau de la partie page du css


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 13 Mar 2007 - 18:05    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour
dans ton template css cherche

Code: Sélectionner - Agrandir
body {
        background-color: #C6C2B3;
        color: #333333;
        font-family: Verdana, , Arial, sans-serif;
        margin: 0px 0px 0px 0px;
        width: 100%;
        text-align: center;
        }


et transforme en

Code: Sélectionner - Agrandir
body {
        background-image: url('lien');
        color: #333333;
        font-family: Verdana, , Arial, sans-serif;
        margin: 0px 0px 0px 0px;
        width: 100%;
        text-align: center;
        }

_______________________


Forum
Author Message
jahda


Offline
Guest




PostPosted: Tue 13 Mar 2007 - 18:37    Post subject: [Tuto] Installer une image de fond Reply with quote

super ! ça marche vraiment nickel, j'ai meme rajouté background-attachment: fixed; et c'est pile ce que je voulais Smile


j'ai plus qu'a trouver un moyen de faire une sorte d'ombré, là ça serait super Smile

est il possible de faire une image tres fine et tres large, centrée autour du corps principal du forum ?

le fond serait ça (une image bien bien large):



le but etant d'arriver a cela en gros



Last edited by jahda on Tue 13 Mar 2007 - 19:42; edited 5 times in total
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 13 Mar 2007 - 18:41    Post subject: [Tuto] Installer une image de fond Reply with quote

pour centrer tu rajoutes

Code: Sélectionner - Agrandir
background-position: center;


par contre le corps principal tu parles de l'index ou de tout le forum???
_______________________


Forum
Author Message
jahda


Offline
Guest




PostPosted: Tue 13 Mar 2007 - 18:47    Post subject: [Tuto] Installer une image de fond Reply with quote

ok je vais voir ce que ça donne Smile merci bcp, t'es hyper réactif c'est impressionnant ^^

merci bcp! Smile

edit: j'ai mis ce que je voulais faire en fait dans le post précédent ^^


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 13 Mar 2007 - 18:50    Post subject: [Tuto] Installer une image de fond Reply with quote

pour celà il faut changer la largeur du forum pour que l'image de fonc ce mette comme tu veux regarde ici

http://xooit.xooit.com/t15942-guide-modifier-la-largeur-du-forum.htm
_______________________


Forum
Author Message
Topher


Offline
Guest




PostPosted: Tue 13 Mar 2007 - 22:44    Post subject: [Tuto] Installer une image de fond Reply with quote

Embarassed Bon j'suis désolé il y a trop de pages alors j'ai pas tout lu... est-ce que le tuto marche avec le thème Zone Copper ?
Et j'suis pas un pro en language certains commencent à le savoir^^, alors s'il y a des trucs spécifiques à faire pour le thème
dîtes-le moi s'il vous plaît Wink


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 14 Mar 2007 - 10:22    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour
avec ton thème c'est dans ton template css

et tu cherche

Code: Sélectionner - Agrandir
body{
background: #222222 url('http://img3.xooimage.com/files/b/a/background-36671.gif');
color: #e7e7e7;


transforme en

Code: Sélectionner - Agrandir
body{
background-image: url('lien de ton image');
color: #e7e7e7;

_______________________


Last edited by themalin on Wed 14 Mar 2007 - 12:07; edited 1 time in total
Forum
Author Message
webartprod


Offline
Guest




PostPosted: Wed 14 Mar 2007 - 11:59    Post subject: [Tuto] Installer une image de fond Reply with quote

si tu mets background seul il faut rajouter un code couleur avant l'url, sinon dans ce cas tu mets
Code: Sélectionner - Agrandir
body{
background-image : url('lien de ton image');
color #e7e7e7;
}


Author Message
Topher


Offline
Guest




PostPosted: Thu 15 Mar 2007 - 00:16    Post subject: [Tuto] Installer une image de fond Reply with quote

Merci à vous deux ça a très bien marché et je commence même à comprendre un peu le language^^

Author Message
dauphin_271


Offline
Guest




PostPosted: Fri 16 Mar 2007 - 08:27    Post subject: [Tuto] Installer une image de fond Reply with quote

quelle est la taille minimale dont on a besoin pour que le fond soit net???

comment savoir la longueur et la largeur de la page du forum (en pixels)?

merci d'avance pour votre réponse


Author Message
Contenu Sponsorisé





PostPosted: Today at 15:47    Post subject: [Tuto] Installer une image de fond

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