La date/heure actuelle est Mer 18 Oct 2017 - 11:16 - 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, 398, 99, 100266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
pegui21000


Inscrit le: 01 Déc 2007
Messages: 83

MessagePosté le: Sam 17 Mai 2008 - 16:35    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

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>
<style type="text/css">
<!--
/*
  Theme for phpBB version 2+
  Created by Nemesis /Seth
  http://www.graph-academy
  Based On WS smileblue by Wabisurf (http://www.wabisurf.net)
*/
/* Modifications apportées au thème pour l'image de fond des messages */
.viewmessage {
background-image: url(http://images2.photomania.com/484179/1/rad6E6D4.png);
background-repeat: no-repeat;
}
/* Fin des modifications pour l'image de fond des messages */
body { scrollbar-face-color: #98c7f3; scrollbar-highlight-color: {T_TD_COLOR2}; scrollbar-arrow-color:  #ffffff; scrollbar-track-color: {T_TR_COLOR1}; scrollbar-darkshadow-color: {T_TH_COLOR1};
}
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover  { text-decoration: underline; color : #006699; }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
.bodyline { background-color: #cbe6f9; border: 1px #ffffff solid; }
.forumline { background-color: #ffffff; border: 1px #cee8dc solid; }
.forumline1 { border: 1px #ffffff solid; }
td.row1 { background-color: #cbe6f9; }
td.row2 { background-color: #b7dcf7; }
td.row3 { background-color: #cbe6f9; }
td.rowpic {
  background-color: #ffffff;
  background-image: url(http://img7.xooimage.com/files/w/s/wspic2-3387d.jpg);
  background-repeat: repeat-y;
}
th {
 color: #ff5b5b; font-size: {T_FONTSIZE2}px; font-weight : bold;
 background-color: #ffffff; height: 25px;
 background-image: url(http://img7.xooimage.com/files/w/s/wspic3-33880.jpg);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url(http://img4.xooimage.com/files/w/s/wspic1-33881.jpg);
   background-color:#ffffff; border: {T_TH_COLOR3}; border-style: solid; height: 27px;
}
td.cat,td.catHead,td.catBottom {
 height: 28px;
 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: #CBE6F9; 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; }
.maintitle {
 font-weight: bold; font-size: 12px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
 text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}
.gen { font-size : 11px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #ff5b5b; text-decoration: underline; }
.cattitle  { font-weight: bold; font-size: 11px; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle  { text-decoration: none; color : #FF5B5B; }
a.cattitle:hover{ text-decoration: underline; }
.forumlink  { font-weight: bold; font-size: 11px; color : {T_BODY_LINK}; }
a.forumlink  { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : #ff5b5b; }
.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; }
.topictitle,h1,h2 { font-weight: bold; font-size: 11px; 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 : #ff5b5b; }
.name   { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
.postdetails  { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
.error                  { font-size : 11px; color : #006699; }
.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}}
code {
 font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: #14719C;
 background-image: url(http://img7.xooimage.com/files/f/o/fondquote-33882.png); border: #91C6EB; 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: #14719C; line-height: 125%;
 background-image: url(http://img7.xooimage.com/files/f/o/fondquote-33882.png); border: #91C6EB; border-style: solid;
 border-left-width: 1px; top-background-image: url(http://img7.xooimage.com/files/w/s/wspic3-33880.jpg); border-right-width: 1px; border-bottom-width: 1px
}
input,textarea, select {
 color : color : #000000;
 font: normal {T_FONTSIZE2}px {T_FONTFACE1};
 border-color : #000000;
}
input.post, textarea.post, select {
 background-color : #FFFFF7;
}
input { text-indent : 2px; }
input.button {
 background-color : #FFFFEA;
 color : #000000;
 font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
input.mainoption {
 background-color : #FFFFF4;
 font-weight : bold;
}
input.liteoption {
 background-color : #FFFFF4;
 font-weight : normal;
}
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }
.admin  { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: #006699; letter-spacing: -1px;}
body { background-color: #C7E4FA;
}
@import url("http://img4.xooimage.com/files/f/o/formie-30deb.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>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">  
               <tr>
         <td class="bodyline"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
  <td background="http://img7.xooimage.com/files/b/_/b_h2-33883.gif" height="122" valign="top">
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
  <td valign="top"><img src="http://img3.xooimage.com/files/3/1/6/nouvelle-banni-re...e-gamers2-2ca84d.jpg" border="0" usemap="#Map2"></td>
          <td width="100%" align="center" background="[url=http://img.xooimage.com/files/"><img]http://img.xooimage.com/files/"><img[/url] src="http://img7.xooimage.com/files/m/e/menu-33885.gif" usemap="#Map" border="0">
                </td>
  </tr>
 </table>
 </td>
    </tr>
 </table>
     <br />
|| <a href="profile.php?mode=register" class="gensmall"> S'INSCRIRE </a> 
 

Vous pouvez m'aider je ne trouve pas pour le thème MarioBlue
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: Sam 17 Mai 2008 - 21:25    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

ici

/* Fin des modifications pour l'image de fond des messages */
body { scrollbar-face-color: #98c7f3; scrollbar-highlight-color: {T_TD_COLOR2}; scrollbar-arrow-color:  #ffffff; scrollbar-track-color: {T_TR_COLOR1}; scrollbar-darkshadow-color: {T_TH_COLOR1};


rajoutes le code après
_______________________


Forum
Auteur Message
Jeff574


Hors ligne
Invité




MessagePosté le: Sam 17 Mai 2008 - 22:01    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonsoir,

Et pour mon forum : www.Chixhabbo.xooit.fr
Quel code dois-je tapez svp ?

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: Sam 17 Mai 2008 - 22:08    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

chez toi c'est dans ton template css ici

 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-image: url("http://img.xooimage.com/files28/4/d/b/fondky9ev6-30413f.jpg");

}

il suffit de changer le lien de l'image
_______________________


Forum
Auteur Message
GoldFish


Hors ligne
Invité




MessagePosté le: Lun 19 Mai 2008 - 18:44    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour,

est il possible de mettre une image de fond dans la pop up des mp?
Si oui comment faire?
Merci à vous

J'ai ça dans le template privmsgs_popup.tpl


Code: Sélectionner - Agrandir

<script language="javascript" type="text/javascript">
<!--
function jump_to_inbox()
{
    opener.document.location.href = "{U_PRIVATEMSGS}";
    window.close();
}
//-->
</script>

  <table width="100%" border="0" cellspacing="0" cellpadding="10">
    <tr>
      <td>
        <table width="100%" border="0" cellspacing="1" cellpadding="4" class="forumline">
          <tr>
            <td valign="top" class="row1" align="center"><br /><span class="gen">{L_MESSAGE}</span><br /><br /><span class="genmed"><a href="javascript:window.close();" class="genmed">{L_CLOSE_WINDOW}</a></span><br /><br /></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>



Auteur Message
Billou_mojito


Hors ligne
Invité




MessagePosté le: Lun 19 Mai 2008 - 18:51    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

j'aimerai savoir s'il est possible de mettre un fond sur le portail
j'ai le theme aqua
merci d'avance de vos reponse


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 20 Mai 2008 - 12:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour

@billou

oui regardes dans les tutos des membres

mettre un fond au module portail

même principe mais dans le template portal body

@goldfish

dans ton template

ici
Code: Sélectionner - Agrandir

<table width="100%" border="0" cellspacing="1" cellpadding="4" class="forumline">
          <tr>
            <td valign="top" class="row1" align="center">


remplaces par

Code: Sélectionner - Agrandir
<table width="100%" border="0" cellspacing="1" cellpadding="4" class="forumline">
          <tr>
            <td valign="top" background-image="lien de ton image" align="center">

_______________________


Forum
Auteur Message
Killer78


Hors ligne
Invité




MessagePosté le: Mar 20 Mai 2008 - 12:50    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Merci themalin  Mr. Green

Auteur Message
GoldFish


Hors ligne
Invité




MessagePosté le: Mar 20 Mai 2008 - 14:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Merci beaucoup themalin Very Happy

Edit: Ca n'a pas fonctionné, la pop up est resté inchangé




Code: Sélectionner - Agrandir
<script language="javascript" type="text/javascript">
<!--
function jump_to_inbox()
{
   opener.document.location.href = "{U_PRIVATEMSGS}";
   window.close();
}
//-->
</script>

  <table width="100%" border="0" cellspacing="0" cellpadding="10">
   <tr>
     <td>
      <table width="100%" border="0" cellspacing="1" cellpadding="4" class="forumline">
          <tr>
            <td valign="top" background-image="http://img28.xooimage.com/files/2/2/3/fond_mp-375917.png" align="center"><br /><span class="gen">{L_MESSAGE}</span><br /><br /><span class="genmed"><a href="javascript:window.close();" class="genmed">{L_CLOSE_WINDOW}</a></span><br /><br /></td>
        </tr>
      </table>
     </td>
   </tr>
  </table>


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

fais le aussi ici

Code: Sélectionner - Agrandir
<table width="100%" border="0" cellspacing="0" cellpadding="10">
   <tr>
     <td>


remplaces par

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


pour l'autre remplaces

background-image

par background
_______________________


Forum
Auteur Message
GoldFish


Hors ligne
Invité




MessagePosté le: Mar 20 Mai 2008 - 19:06    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Il y a du mieux Very Happy , l'image s'affiche mais se répète en hauteur et en largeur au lieu d'être centré, ont tiens le bon bout Wink


Code: Sélectionner - Agrandir
<script language="javascript" type="text/javascript">
<!--
function jump_to_inbox()
{
   opener.document.location.href = "{U_PRIVATEMSGS}";
   window.close();
}
//-->
</script>

  <table width="100%" border="0" cellspacing="0" cellpadding="10">
   <tr>
     <td background="http://img155.imageshack.us/img155/7175/fondmp1yv8.png">
      <table width="100%" border="0" cellspacing="1" cellpadding="4" class="forumline">
          <tr>
            <td valign="top" background="http://img155.imageshack.us/img155/7175/fondmp1yv8.png" align="center"><br /></br></br><span class="gen">{L_MESSAGE}</span><br /><br /><span class="genmed"><a href="javascript:window.close();" class="genmed">{L_CLOSE_WINDOW}</a></span><br /><br /></td>
        </tr>
      </table>
     </td>
   </tr>
  </table>


Merci pour ta patience Okay


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 21 Mai 2008 - 12:57    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

ça dépend de la taille de ton image essayes en mettant une plus grande pour qu'elle couvre la totalité de l'espace
_______________________


Forum
Auteur Message
GoldFish


Hors ligne
Invité




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

Parfois je me demande où j'ai la tête undecided c'est réglé, merci themalin Okay

Auteur Message
1Denis


Hors ligne
Invité




MessagePosté le: Jeu 22 Mai 2008 - 01:34    Sujet du message: salut Répondre en citant

merci pour le tuto ça marche bien chez moi pour le nouveau forum que je vient de partir

Auteur Message
N-E


Hors ligne
Invité




MessagePosté le: Ven 23 Mai 2008 - 16:36    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Bonjour,

Forum : http://les.industryels.xooit.fr/index.php

Théme : Acid

je voudrais mettre une image sur le fond de mon forum mais pas celui tout au fond avec les pointillé noir, je veux mettre l'image sur le fond orange.

j'ai essayé dans le template acid.css en ajoutant sa :

background-image: url("http://img372.imageshack.us/img372/8510/fondop0.jpg");
background-repeat: repeat-y;
background-attachment: fixed;

Sa marche soif que sa modifie le fond que je veux pas donc où faut il modifié SVP, merci d'avance.


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: Ven 23 Mai 2008 - 16:40    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

bonjour


dans ton template cherches

bodyline{

background-color: color;


et changes en background-image: url('lien de ton image');
_______________________


Forum
Auteur Message
Contenu Sponsorisé





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

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