La date/heure actuelle est Dim 22 Oct 2017 - 01:10 - 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, 336, 37, 38266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
sixties





MessagePosté le: Lun 5 Mar 2007 - 12:47    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

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

il faut obligatoirement une image ?
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: Lun 5 Mar 2007 - 12:51    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
JEAPPER
Équipe Xooit.com


Hors ligne
Équipe Xooit.com

Inscrit le: 01 Jan 1970
Messages: 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

MessagePosté le: Lun 5 Mar 2007 - 12:51    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
sixties


Hors ligne
Invité




MessagePosté le: Lun 5 Mar 2007 - 13:10    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

lol

merci de votre patience ! Wink


Auteur Message
jahda


Hors ligne
Invité




MessagePosté le: Mar 13 Mar 2007 - 16:48    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Auteur Message
webartprod


Hors ligne
Invité




MessagePosté le: Mar 13 Mar 2007 - 16:53    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


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: Mar 13 Mar 2007 - 18:05    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
jahda


Hors ligne
Invité




MessagePosté le: Mar 13 Mar 2007 - 18:37    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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



Dernière édition par jahda le Mar 13 Mar 2007 - 19:42; édité 5 fois
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: Mar 13 Mar 2007 - 18:41    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
jahda


Hors ligne
Invité




MessagePosté le: Mar 13 Mar 2007 - 18:47    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


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: Mar 13 Mar 2007 - 18:50    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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
Auteur Message
Topher


Hors ligne
Invité




MessagePosté le: Mar 13 Mar 2007 - 22:44    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


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 14 Mar 2007 - 10:22    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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;

_______________________


Dernière édition par themalin le Mer 14 Mar 2007 - 12:07; édité 1 fois
Forum
Auteur Message
webartprod


Hors ligne
Invité




MessagePosté le: Mer 14 Mar 2007 - 11:59    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Auteur Message
Topher


Hors ligne
Invité




MessagePosté le: Jeu 15 Mar 2007 - 00:16    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

Auteur Message
dauphin_271


Hors ligne
Invité




MessagePosté le: Ven 16 Mar 2007 - 08:27    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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


Auteur Message
Contenu Sponsorisé





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

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