La date/heure actuelle est Ven 20 Oct 2017 - 09:06 - 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, 3200, 201, 202266, 267, 268  >

[Tuto] Installer une image de fond
Auteur Message
themalin


Inscrit le: 19 Avr 2006
Messages: 8 897

MessagePosté le: Jeu 18 Juin 2009 - 19:57    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

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

http://img.xooimage.com/files8/1/4/b/sans-titre-2-6948df.png

c'est une image

il suffit de mettre une image comme tu veux
Forum
Auteur Message
Evian


Hors ligne
Invité




MessagePosté le: Jeu 18 Juin 2009 - 20:02    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Si j'ai bien compris c'est une image en une seule ligne répété c'est bien cela ?  undecided

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 18 Juin 2009 - 20:06    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

oui

tu fais la même chose
_______________________


Forum
Auteur Message
Evian


Hors ligne
Invité




MessagePosté le: Ven 19 Juin 2009 - 16:50    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Regarde mon image, ça fait une "répétition" de l'image, comment l'enlever svp ?  undecided

Auteur Message
ichigokurosaki92


Hors ligne
Invité




MessagePosté le: Ven 19 Juin 2009 - 17:37    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Dans le code, tu enlèves

Code: Sélectionner - Agrandir
background-repeat: repeat-y;


Auteur Message
Evian


Hors ligne
Invité




MessagePosté le: Ven 19 Juin 2009 - 17:43    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Je l'ai enlever mais ça me met exactement pareil Sad

Auteur Message
ichigokurosaki92


Hors ligne
Invité




MessagePosté le: Ven 19 Juin 2009 - 18:39    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Tu mets alors :

Code: Sélectionner - Agrandir
background-repeat: no-repeat;


Auteur Message
Evian


Hors ligne
Invité




MessagePosté le: Ven 19 Juin 2009 - 19:05    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Tu m'excuseras mais ta "solution" ne marche toujours pas (ça fait juste une ligne à gauche) donc j'attend la réponse de préférence de Themalin (ou quelqu'un qui connait la BONNE réponse) Smile

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 19 Juin 2009 - 19:08    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

tu peux montrer ce que tu as mis exactement dans ton css
_______________________


Forum
Auteur Message
Evian


Hors ligne
Invité




MessagePosté le: Ven 19 Juin 2009 - 19:24    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Chez moi comme tu m'a dis c'est dans :  creamywhite.css


 
Code: Sélectionner - Agrandir
 /*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
  Modified for Creamy Series Theme for phpBB version 2+
  http://www.reddevboard.com/
*/


/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://www.allo-image.net/stockimg/upload/6392690934a3aa60921b30_bg_bbz2.png");
background-repeat: repeat;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { text-decoration: none; color : #006699; }
a:hover        { text-decoration: none; color : #7A9EC5; }
hr    { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: #C0C0C0; border: 0px; }

/* Headers and footers cell colours and backgrounds */
.hdr { background-image: url('http://img6.xooimage.com/files/h/d/hd_bg-3209d.gif'); height: 25px; border: 0px; color: #006699; font-weight: bold; font-size: 12px; letter-spacing: 1px; }
.hdra { background-image: url('http://img10.xooimage.com/files/h/d/hda_bg-3209e.gif'); height: 25px; border: 0px; color: #006699; font-weight: bold; font-size: 12px; letter-spacing: 1px; }
.hdr a, table.hdr a:visited { color: #006699; text-decoration: none; }
.hdr a:hover, table.hdr a:active { color: #7A9EC5; text-decoration: none; }
.hdrtop { background-image: url('http://img4.xooimage.com/files/m/a/main_bg-3209f.gif'); height: 25px; border: 0px; }
td.ftr { background-image: url('http://img8.xooimage.com/files/f/t/ft_bg-320a0.gif'); background-repeat: repeat-x; font-size: 8px; }
td.bottom { background-image: url('http://img6.xooimage.com/files/b/o/bottom_middle-320a1.gif'); background-repeat: repeat-x; font-size: 8px; }
.ftrbot { background-image: url('http://img6.xooimage.com/files/h/d/hd_bg-3209d.gif'); height: 25px; border: 0px; color: #006699; letter-spacing: 1px; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: #EFEFEF; }
td.row2    { background-color: #DEE3E7; }
td.row3    { background-color: #D1D7DC; }
td.row4 { background-color: #FFFFFF; }

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: #000000; font-size: 11px; font-weight : bold;
    background-color: #33CCFF ; height: 25px;
    background-image: url('http://img10.xooimage.com/files/d/e/0/bg_hdr1-8f7a7.gif');
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url('http://img10.xooimage.com/files/d/e/0/bg_hdr1-8f7a7.gif');
            background-color:#D1D7DC; border: 0px; 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: #C0C0C0; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
    background-color: #D1D7DC; border: #C0C0C0; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; 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,h1,h2    {
            font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
            text-decoration: none; line-height : 120%; color : #000000;
}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #7A9EC5; text-decoration: nonr; }

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

/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle { text-decoration: dashed; color : #006699; }
a.cattitle:hover{ text-decoration: none; border-bottom: 1px solid;}

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

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

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

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails        { font-size : 10px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link    { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: none; color : #7A9EC5}

/* Quote & Code blocks */
.code {
    font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
    background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
    background-color: #FAFAFA; border: #D1D7DC; 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: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright        { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

/* Form elements */
input,textarea, select {
    color : #000000;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : #FFFFFF;
}

input { text-indent : 2px; }


Voilà mon code donc Smile


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 19 Juin 2009 - 19:26    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

essayes de mettre ça




/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://www.allo-image.net/stockimg/upload/6392690934a3aa60921b30_bg_bbz2.png");
background-repeat: repeat;
}

comme ça pour voir



/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
background-image: url("http://www.allo-image.net/stockimg/upload/6392690934a3aa60921b30_bg_bbz2.png");
background-repeat: no-repeat;
background-attachment: fixed;
}

après tu peux changer le no-repeat en repeat-x
_______________________


Forum
Auteur Message
Evian


Hors ligne
Invité




MessagePosté le: Ven 19 Juin 2009 - 19:29    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

J'ai mit le second code et regarde ce que ça fait (une ligne bleu à gauche)


Dernière édition par Evian le Ven 19 Juin 2009 - 19:32; édité 2 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: Ven 19 Juin 2009 - 19:30    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

je n'ai aucun soucis sur le forum c'est comme tu le veux je n'ai pas de ligne
_______________________


Forum
Auteur Message
Evian


Hors ligne
Invité




MessagePosté le: Ven 19 Juin 2009 - 19:32    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

C'est bon ça marche, avec le : " repeat-x"

Par contre c'est quoi que ta rajouté ici :
background-attachment: fixed;

Parce que dans le 1er message ça met : que ça peut faire ramer certain navigateur Sad


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 19 Juin 2009 - 19:35    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

oui ça permet de faire que le fond reste fixe

ça fait en effet ramer en fonction du navigateur et de la connexion si c'est trop faible
_______________________


Forum
Auteur Message
Evian


Hors ligne
Invité




MessagePosté le: Ven 19 Juin 2009 - 19:37    Sujet du message: [Tuto] Installer une image de fond Répondre en citant

Toi ça te fait ramer ou pas ?  undecided
Chez toi aussi ya aucun soucis niveau fond ? undecided


Auteur Message
Contenu Sponsorisé





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

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