It is currently Sat 1 Oct 2016 - 15:46 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3216, 217, 218266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
Yskander


Joined: 26 Jan 2008
Posts: 1,558

PostPosted: Sat 1 Aug 2009 - 22:31    Post subject: [Tuto] Installer une image de fond Reply with quote

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

Votre image de fond y est bien mais votre forum est trop large donc on ne la voit pas Smile
Forum
Author Message
hermionegrangerrenesmée


Offline
Guest




PostPosted: Sat 1 Aug 2009 - 22:32    Post subject: [Tuto] Installer une image de fond Reply with quote

bien je vais voir le tutos redimentionner le forum merci Smile

Author Message
hermionegrangerrenesmée


Offline
Guest




PostPosted: Sun 2 Aug 2009 - 14:47    Post subject: [Tuto] Installer une image de fond Reply with quote

sa faitrop bissard je rtire merci beaucoup

voila le résulta




Author Message
Alajah


Offline
Guest




PostPosted: Wed 5 Aug 2009 - 15:06    Post subject: [Tuto] Installer une image de fond Reply with quote

Kikou les gens^^

Je ne voulais pas lire les 217 pages... Je vais donc poster.

J'utilise le thème AdInfinitum et je ne sais pas quel template modifier pour mettre une image de fond. Quelqu'un peut m'aider?


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Wed 5 Aug 2009 - 16:05    Post subject: [Tuto] Installer une image de fond Reply with quote

Bonjour
A faire dans le thème de test >> Dans le template adinfinitum.css cherchez :

 
Code: Sélectionner - Agrandir
body {
    background-color: black;
    scrollbar-face-color: #1b1b1b;
    scrollbar-highlight-color: #3B3B3B;
    scrollbar-shadow-color: #666666;
    scrollbar-3dlight-color: #666666;
    scrollbar-arrow-color:  #ffffff;
    scrollbar-track-color: #4b4b4b;
    scrollbar-darkshadow-color: #666666;



remplacez par


 
Code: Sélectionner - Agrandir
body {
    background-color: black;
    background-image:url('URL DE VOTRE IMAGE DE FOND');
    scrollbar-face-color: #1b1b1b;
    scrollbar-highlight-color: #3B3B3B;
    scrollbar-shadow-color: #666666;
    scrollbar-3dlight-color: #666666;
    scrollbar-arrow-color:  #ffffff;
    scrollbar-track-color: #4b4b4b;
    scrollbar-darkshadow-color: #666666;



ensuite pour la partie noire centrale cherchez :


 
Code: Sélectionner - Agrandir
/* This is the border line & background colour round the entire page */
.bodyline    { background-color: black; border: 0px red solid;} 


et remplacez par :


 
Code: Sélectionner - Agrandir
/* This is the border line & background colour round the entire page */
.bodyline    { border: 0px red solid;} 


Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Alajah


Offline
Guest




PostPosted: Wed 5 Aug 2009 - 20:32    Post subject: [Tuto] Installer une image de fond Reply with quote

Je viens d'essayer et l'image de fond n'est toujours pas apparu. Le fond reste noir. Voici mon template.


/* General page style. The scroll bar colours only visible in IE5.5+ */

body {
    background-color: black;
    background-image:url('
');
        scrollbar-face-color: #1b1b1b;
    scrollbar-highlight-color: #3B3B3B;
    scrollbar-shadow-color: #666666;
    scrollbar-3dlight-color: #666666;
    scrollbar-arrow-color:  #ffffff;
    scrollbar-track-color: #4b4b4b;
    scrollbar-darkshadow-color: #666666;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; }
a:link,a:active,a:visited { color : C51E21; }
a:hover        { text-decoration: underline; color : e5e5e5; }
hr    { height: 0px; border: solid white 1px; border-top-width: 1px;}
p, td        { font-size : 10; color : #e5e5e5; }
h1,h2        { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 22px; font-weight : bold; text-decoration : none; line-height : 120%; color : #000000;}


/* This is the border line & background colour round the entire page */
.bodyline    { black; border: 0px red solid; }

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

/* Main table cell colours and backgrounds */
td.row1    { background-color: #1B1B1B; border-style: solid; border: black; border-width: 1px 1px 1px 1px;}
td.row2    { background-color: #232323; border-style: solid; border: black; border-width: 1px 1px 1px 1px;}
td.row3    { background-color: #2B2B2B; border-style: solid; border: black; border-width: 1px 1px 1px 1px;}

/*
  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: black;
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: #e5e5e5; font-size: 10px; font-weight : bold;
    background-color:black; height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
    background-color:black; border: #e5e5e5; 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: 1px 1px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: #e5e5e5; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
    background-color: black; border: #e5e5e5; border-style: solid;
}

th.thHead,td.catHead { font-size: 10px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 1px 0px; }
th.thCornerL { border-width: 1px 0px 1px 0px; }
th.thCornerR { border-width: 1px 0px 1px 0px; }
th.thOnlyTop { border-width: 1px 0px 0px 0px; }


/* General text */
.gen { font-size : 10px; }
.genmed { font-size : 10px; }
.gensmall { font-size : 10px; }
.genred { font-size : 10px; color : #C51E21;}
.gen,.genmed,.gensmall { color : #e5e5e5; }
a.gen,a.genmed,a.gensmall { color: #e5e5e5; text-decoration: none; font-size : 10px;}
a.genred { color: #C51E21; text-decoration: none; font-size : 10px;}
a.gen:visited,a.genmed:visited,a.gensmall:visited    { color: #e5e5e5; text-decoration: none; font-size : 10px;}
a.genred:visited    { color: #C51E21; text-decoration: none; font-size : 10px;}
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #e5e5e5; text-decoration: underline; font-size : 10px; }
a.genred:hover    { color: #e5e5e5; text-decoration: underline; font-size : 10px; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : 10px; color : #C51E21 }
a.mainmenu        { text-decoration: none; color : #C51E21; font-size : 10px;}
a.mainmenu:visited    { text-decoration: none; color : #C51E21; font-size : 10px;}
a.mainmenu:hover{ text-decoration: underline; color : #e5e5e5; font-size : 10px;}


/* Forum category titles */
.cattitle        { font-weight: bold; font-size: 11px ; letter-spacing: 0px; color : #C10003;}
a.cattitle        { text-decoration: none; color : #C10003; font-size : 11px; }
a.cattitle:visited    { text-decoration: none; font-size : 11px; color : #C10003;}
a.cattitle:hover    { text-decoration: underline; font-size : 11px; color : #C10003;}


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


/* 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 : #C10003;}
a.nav            { text-decoration: none; color : #C10003; font-size : 11px; }
a.nav:visited    { text-decoration: none; color : #C10003; font-size : 11px; }
a.nav:hover        { text-decoration: underline; color : #C10003; font-size : 11px; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: 11px; color : #e5e5e5; }
a.topictitle:link   { text-decoration: none; color : #e5e5e5; font-size : 11px; }
a.topictitle:visited { text-decoration: none; color : #e5e5e5; font-size : 11px; }
a.topictitle:hover    { text-decoration: underline; color : #e5e5e5; font-size : 11px; }

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

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

/* The content of the posts (body of text) */
.postbody { font-size : 10px; line-height: 17px; color : #E5E5E5;}
a.postlink:link    { text-decoration: none; color : #C10003; font-size : 10px; }
a.postlink:visited { text-decoration: none; color : #C10003; font-size : 10px; }
a.postlink:hover { text-decoration: underline; color : #C10003; font-size : 10px; }

/* Quote & Code blocks */
.code {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #e5e5e5; letter-spacing: 0px; line-height: 16px;
    background-color: #333333; border: #555555; 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: 10px; color: #e5e5e5; line-height: 16px;
    background-color: #333333; border: #555555; 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: #e5e5e5; letter-spacing: -1px;}
a.copyright        { color: #C10003 ; text-decoration: none; font-size : 10px; }
a.copyright:visited        { color: #C10003 ; text-decoration: none; font-size : 10px; }
a.copyright:hover { color: #C10003; text-decoration: underline; font-size : 10px; }

/* Form elements */
input,textarea, select {
    color : #111111;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    border-color : ;
    letter-spacing: 0px;
}

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

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : #D4D0C8;
    color : #black;
    font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;;
}

/* The main submit button option */
input.mainoption {
    background-color : #D4D0C8;
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    background-color : #D4D0C8;
    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: #E3E3E3; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url('http://img.xooimage.com/files4/f/o/formie-30deb.css');

Qu'-aie je fais de non-correcte?


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 5 Aug 2009 - 20:33    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour

ici

Code: Sélectionner - Agrandir
 background-image:url('[img=http://img25.imageshack.us/img25/9122/signaturebackgrounds.th.jpg]');


mets bien comme ça

Code: Sélectionner - Agrandir
 background-image: url('http://img25.imageshack.us/img25/9122/signaturebackgrounds.th.jpg');

_______________________


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Wed 5 Aug 2009 - 20:38    Post subject: [Tuto] Installer une image de fond Reply with quote

Pas exactement Themalin
L'erreur est bien là où tu la cite mais http://img25.imageshack.us/img25/9122/signaturebackgrounds.th.jpg n'est pas une url correcte.

A Alajah : En plus de la correction indiquée par le membre vous devez uploader à nouveau votre image. Passez par http://www.xooimage.com/fr/

Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Alajah


Offline
Guest




PostPosted: Wed 5 Aug 2009 - 20:40    Post subject: [Tuto] Installer une image de fond Reply with quote

Désolé de te contredire Yskander mais ça a fonctionner.

Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Wed 5 Aug 2009 - 20:41    Post subject: [Tuto] Installer une image de fond Reply with quote

Regardez mieux Smile
Vous avez l'image en petit et avec l'indication de taille en dessous : http://landarkness.xooit.com/portal.php?theme=test



Vous avez pris le mauvais lien dans imageshack.
Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Alajah


Offline
Guest




PostPosted: Wed 5 Aug 2009 - 20:43    Post subject: [Tuto] Installer une image de fond Reply with quote

hehe... euh... Mouais... j'vais utiliser ton lien et réessayer^^

EDIT: Deuxième tentative ---> un succès^^ Merci le staff Old Mr Green Old Mr Green

EDIT2: Pitite question. Serait-il possible de rendre cela moins... compliqué? À voir tout les pages de ce sujet, j'crois que je ne étais pas le seul à ne pas savoir comment faire... et il cela va continuer...


Last edited by Alajah on Wed 5 Aug 2009 - 20:58; edited 1 time in total
Author Message
Alajah


Offline
Guest




PostPosted: Wed 5 Aug 2009 - 20:45    Post subject: [Tuto] Installer une image de fond Reply with quote

Après une deuxième tentative, ça fonctionne toujours... mais en mieux^^ Merci le staff. Old Mr Green




Author Message
Alajah


Offline
Guest




PostPosted: Wed 5 Aug 2009 - 20:48    Post subject: [Tuto] Installer une image de fond Reply with quote

Désolé pour le triple post mais j'ai une question. Serait-il possible de rendre cela moins... compliqué? À voir tout les pages de ce sujet, j'crois que je ne étais pas le seul à ne pas savoir comment faire... et il cela va continuer...




Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Wed 5 Aug 2009 - 20:57    Post subject: [Tuto] Installer une image de fond Reply with quote

Du fait qu'il n'y a pas qu'un seul thème il n'y a pas qu'un seul système.
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Alajah


Offline
Guest




PostPosted: Wed 5 Aug 2009 - 20:59    Post subject: [Tuto] Installer une image de fond Reply with quote

ah d'accord... (Vous pouvez supprimer les double posts. J'ai éditer le premier)

Author Message
krax


Offline
Guest




PostPosted: Thu 6 Aug 2009 - 12:39    Post subject: [Tuto] Installer une image de fond Reply with quote

Shocked bonjour je n'arrive pas a centré mon image de fond
et n'y compren rien
merci de m'aider


Author Message
Contenu Sponsorisé





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

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