Fond d'ecran pour mylpotter


Titre et description des problèmes clairs et précis S.V.P.
L'endroit où les membres posent leurs questions sur les problèmes de changement de couleur, d'image, de logo, installation des thèmes, modification des fichiers CSS

Modérateurs: support, audax, scoreboard

Fond d'ecran pour mylpotter

Messagepar Barbedure » Jeu 05 Mai 2005 16:28

Hello ! :D

j'aimerais changer l'image de fond d'ecran, sur le thème My Potter! :roll:

Comment doi-je procédé ??? :oops:
Barbedure
Nouveau Membre
Nouveau Membre
 
Messages: 9
Inscription: Jeu 05 Mai 2005 15:53

Messagepar audax » Jeu 05 Mai 2005 17:41

bjr. il faudra vous servir du fichier css.
il faut que vous ayez une image de fond d'écran hébergée par un site...
lien des sites hébergeurs..
http://vosforums.vosforums.com/viewtopic.php?t=370

Pour cela, pour que ça fonctionne, il faudra que vous insérez le lien de votre image dans le fichier css et rentrer ce fichier dans la section personnaliser les thèmes de ce forum..
lien du tuto pour mofifier un thème avec le fichier css.
http://vosforums.vosforums.com/viewtopic.php?t=806

si vous ne savez pas le faire,
donnez ici, le lien de votre image et également le lien de votre forum..
merci..
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Barbedure » Ven 06 Mai 2005 11:33

Je vous remercie de votre réponse ! :wink:

Je vais voir tous ca !

Mais en attendant, si vous pouviez le faire pour moi, ce serai vraiment sympa de votre part :oops:

L'URL de l'image: http://storage.msn.com/x1pbglk-vqL4Bt69 ... YWDsvIr7xw

LURL de mon forum : http://lords_of_seas.vosforums.com

Merci d'avance ! :D
Barbedure
Nouveau Membre
Nouveau Membre
 
Messages: 9
Inscription: Jeu 05 Mai 2005 15:53

Messagepar audax » Ven 06 Mai 2005 12:12

bjr. je le ferais ce soir..
mais ton image, je croit qu'elle est trop petite.. non?

on ne distingue rien sur l'image...

Image
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Barbedure » Ven 06 Mai 2005 12:21

Je vais voir ca ! :wink:

Mais normalement, elle est au même dimensions, que le modèle original !

@+ Merci :arrow:
Barbedure
Nouveau Membre
Nouveau Membre
 
Messages: 9
Inscription: Jeu 05 Mai 2005 15:53

Messagepar audax » Ven 06 Mai 2005 12:25

heu.. le modèle original est dix fois plus grande.. voir 20 fois plus grande..
si tu vas dans personnaliser les images de ce forum.. tu verras la taille de l'image de fond..
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar audax » Ven 06 Mai 2005 12:27

voilà la taille de l'original..

clique sur le lien

http://hebergerimage.free.fr/show.php/1 ... round1.jpg
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Barbedure » Ven 06 Mai 2005 12:35

Ok j'ai vu !
:wink:
Alors celle que je t'ai envoyé fait les même dimension 567x296 :shock:

Mais je renvoie une autre pour être sûr ! :wink:

http://storage.msn.com/x1pbglk-vqL4Bt69 ... Cm7QHlpGMQ

Merci! :arrow:
Barbedure
Nouveau Membre
Nouveau Membre
 
Messages: 9
Inscription: Jeu 05 Mai 2005 15:53

Messagepar audax » Ven 06 Mai 2005 20:32

voilà, je t'ai fait le fichier css...

ce que ça donnes sur mon forum de démo clique ici pour voir..


:arrow: tu enregistres ce code sous le bloc notes, puis tu le renommes en .css.
:arrow: tu vas sur http://www.vosforums.com/
:arrow: tu cliques sur ton compte, puis sur éditer le forum de... puis sur personnaliser les thèmes de ce forum
:arrow: tu cliques sur css en face du thème mylpotter, puis sur parcourir, puis tu cherches le fichier css sur ton disque dur et tu fait valider..
:arrow: tu réactualises avec ton navigateur pour revenir au niveau des thèmes, et tu cliques sur "en haut" et "en bas" pour la publicité dans le thème pour le mylpotter, pour que la modification soit prise en compte...

:arrow: autre chose.. si tu ne veut pas voir le logo, il faut te créer une image transparente sous photoshop
si tu en a pas prend celle ci à droite de la flèche :arrow: Image tu enregistres cette image sur ton disque dur et tu la met à la place du logo dans personnaliser les images de ce forum...

le fichier css de mylpotter

Code: Tout sélectionner
.mainmenu      { font-size : 11px; color : #7B5B3B }
a.mainmenu      { text-decoration: none; color : #7B5B3B;  }
a.mainmenu:hover{ text-decoration: underline; color : #7B5B3B; }

 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-color: #C6DAB5 !important;
   scrollbar-face-color: #000000;
   scrollbar-highlight-color: #FDD35F;
   scrollbar-shadow-color: #B5906B;
   scrollbar-3dlight-color: #FDD5AB;
   scrollbar-arrow-color: #FDD35F;
   scrollbar-track-color: #000000;
   scrollbar-darkshadow-color: #FDD35F;
   background-image : url(http://storage.msn.com/x1pbglk-vqL4Bt699L6QPWBHXd0H5chDxUNuHBZNok0axf-Pg3vHmCo7z9J7LMCnOkfc-B4Lyl7Lb94mXTjSCDU2gKZOXs32H-_EFB2U6-xHBr5Cm7QHlpGMQ) !important;
   background-repeat : no-repeat;
   background-attachment : fixed;

   
}

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


.admincolor {
   color: #322212;
}

a.admincolor:hover {
   color:   #000000;
   text-decoration: underline;
}


.modcolor {
   color: #6B3E13;
}

a.modcolor:hover {
   color:   #6B3E13;
   text-decoration: underline;
}

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

/* This is the outline round the main forum tables */
.forumline   {border: 0px #98AAB1 solid;   }

/* Main table cell colours and backgrounds */
td.row1   {
   background-image : url(images/cellpic1.gif);
}
td.row2   {
   background-image : url(images/cellpic1.gif);
}
td.row3   {
   background-image : url(images/cellpic1.gif);
}

td.hg {
   height: 21px;
   width: 55px;
   background-image : url(images/f_hg.gif);
   background-repeat : no-repeat;
}
td.hm{
   height: 21px;
   background-image : url(images/f_hm.gif);
}
td.hd{
   height: 21px;
   width: 55px;
   background-image : url(images/f_hd.gif);
   background-repeat : no-repeat;
}
td.bg {
   height: 21px;
   width: 55px;
   background-image : url(images/f_bg.gif);
   background-repeat : no-repeat;
}
td.bm{
   height: 21px;
   background-image : url(images/f_bm.gif);
}
td.bd{
   height: 21px;
   width: 55px;
   background-image : url(images/f_bd.gif);
   background-repeat : no-repeat;
}
td.mg{
   background-image : url(images/f_mg.gif);
}
td.md{
   background-image : url(images/f_md.gif);
}


/*
  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: #000000;
   background-image: url(images/cellpic1.gif);
   background-repeat : repeat;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #000000;
   font-size: 12px;
   font-weight : bold;
   height: 28px;
   background-image: url(images/cellpic1.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom{
         background-image: url(images/cellpic1.gif);
         height: 28px;
}
td.bas{
   background-color: #000000;
   height: 28px;
   background-image: url(images/cellpic3.gif);
}
td.bas2{
   background-color: #000000;
   background-image: url(images/cellpic4.gif);
}
td.bas3{
   background-color: #000000;
   height: 28px;
   background-image: url(images/cellpic4.gif);
}
td.catBottom2{
   background-image: url(images/cellpic1.gif);
   background-repeat : repeat;
}


/*
  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: 28px;
   border-width: 0px 0px 0px 0px;
}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   color : #000000; font-weight: bold; border: #000000; border-style: solid; height: 28px; }
   
td.row3Right,td.spaceRow {
   background-image: url(images/cellpic1.gif); border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; 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 0px 0px 0px; }
th.thTop    { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle, h1,h2   {
         font-weight: bold; font-size: 20px; font-family: Arial, Helvetica, sans-serif;
         text-decoration: none; line-height : 120%; color : #FDD35F;
   }
.title   {
         font-weight: bold; font-size: 32px; font-family: Arial, Helvetica, sans-serif;
         text-decoration: none; line-height : 120%; color : #FDD35F;
   }
.titlebas   {
         font-size: 11px; font-family: Arial, Helvetica, sans-serif;
         text-decoration: none; line-height : 120%; color : #7B5B3B;
   }


/* General text */
.gen { font-size : 12px;}
.genmed { font-size : 11px;  }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall {color : #7B5B3B;  }
a.gen,a.genmed,a.gensmall { color: #7B5B3B; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color: #7B5B3B; text-decoration: underline; }
.gen2{ font-size : 12px; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen2:hover2{ color: #7B5B3B; text-decoration: underline; }
.gen3{ font-size : 10px; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen3:hover2{ color: #7B5B3B; text-decoration: underline; }
.gen4{  font-weight: bold; font-size : 12px; color : #000000; font-family: Arial, Helvetica, sans-serif;}
a.gen4:hover2{ color: #000000; text-decoration: underline; }
a.gen4{ color: #000000; text-decoration: none; }
.gen5{  font-weight: bold; font-size : 12px; color : #FDD35F; font-family: Arial, Helvetica, sans-serif;}
a.gen5:hover2{ color: #FDD35F; text-decoration: underline; }
a.gen5{ color: #FDD35F; text-decoration: none; }


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


/* Forum category titles */
.cattitle      { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #000000 }
a.cattitle      { text-decoration: none; color : #000000; }
a.cattitle:hover{ text-decoration: underline;  color : #7B5B3B; }

.cattitle2      { font-weight: bold; font-size: 11px ; letter-spacing: 1px; color : #000000 }
a.cattitle2      {  text-decoration: none;  color : #7B5B3B; }
a.cattitle2:hover{  text-decoration: underline;  color : #7B5B3B; }


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


.error      { font-weight: bold; font-size: 12px; color : #7B5B3B; }
a.error    { text-decoration: none; color : #7B5B3B; }
a.error:hover{ text-decoration: underline; }

/* 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 : #7B5B3B;}
a.nav         { text-decoration: none; color : #7B5B3B; }
a.nav:hover      { text-decoration: underline; }


/* 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 : #000000; }
a.topictitle:visited { text-decoration: none; color : #7B5B3B; }
a.topictitle:hover   { text-decoration: underline; color : #7B5B3B; }


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

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


/* The content of the posts (body of text) */
.postbody { font-size : 12px; color : #000000; background-image: url(images/cellpic1.gif);}
a.postlink:link   { text-decoration: none; color : #000000; }
a.postlink:visited { text-decoration: none; color : #7B5B3B; }
a.postlink:hover { text-decoration: underline; color : #7B5B3B}


/* Quote & Code blocks */
.code {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
   background-color: #FFFFFF;
   border: #444444;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px
}

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


/* Form elements */
input,textarea, select {
   font: normal 11px Arial, Helvetica, sans-serif;
   color : #000000;
   border-color : #896307 #FCDC8E #FCDC8E #FCDC8E;
   background-color : #FDD35F;
   scrollbar-face-color: #FDD35F;
   scrollbar-highlight-color: #FDD35F;
   scrollbar-shadow-color: #000000;
   scrollbar-3dlight-color: #FFFFFF;
   scrollbar-arrow-color: #000000;
   scrollbar-track-color: #FDD35F;
   scrollbar-darkshadow-color: #000000;
}

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

input {
   text-indent : 2px;
   color : #000000;
   background-image : url(images/cellpic1.gif);
}
input2 {
   text-indent : 2px;
   color : #000000;
}

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

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

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


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/MylPotter/local.css");
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Barbedure » Ven 06 Mai 2005 21:34

Un grand Merci ! :wink:

Encore une question, si j'ai bien compris, c'est là que je change l'URL dans le dossier css, si je veux changé d'image de fond ?:

background-image : url(http://storage.msn.com/x1pbglk-vqL4Bt699L6QPWBHXd0H5chDxUNuHBZNok0axf-Pg3vHmCo7z9J7LMCnOkfc-B4Lyl7Lb94mXTjSCDU2gKZOXs32H-_EFB2U6-xHBr5Cm7QHlpGMQ) !important;

Mais pour le logo c'est où ? :oops:
Je le fait directement deduis mon compte Modifier les images ?


Et quand je fait une sauvegarde de la base de donnée. Puis-je renommé par ex:
Mylpotter1 au lieu de phpbb_db_backup?

Merci encore milles fois :arrow:
Barbedure
Nouveau Membre
Nouveau Membre
 
Messages: 9
Inscription: Jeu 05 Mai 2005 15:53

Messagepar audax » Ven 06 Mai 2005 21:45

oui c'est cela pour l'image de fond de myl potter, mais il faut aussi changer la couleur de fond qui va avec l'image soit comme je l'ai fait sur le css;

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: #C6DAB5 !important;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FDD35F;
scrollbar-shadow-color: #B5906B;
scrollbar-3dlight-color: #FDD5AB;
scrollbar-arrow-color: #FDD35F;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #FDD35F;
background-image : url(http://storage.msn.com/x1pbglk-vqL4Bt69 ... Cm7QHlpGMQ) !important;
background-repeat : no-repeat;
background-attachment : fixed;


}


et pour le logo, il faut allez sur http://www.vosforums.com/
:arrow: ton compte
:arrow: editer le forum de...
:arrow: personnaliser les images de ce forum

et là tu regardes ou se situe le logo (tu verras l'image elle se nomme logo_phpBB.gif) puis tu cherches le logo transparent sur ton disque dur en cliquant sur parcourir et tu fait validez.. (le logo tu le renommes comme tu veut)

et pour sauvegarder ta base laisses le nom comme il est..
tu le place par exemple sur un dossier de ton disque dur que tu nommes par exemple mylpotter


:arrow: autre chose
qd je dit pour le fichier css de l'enregistrer avec le bloc notes, tu l'enregistres par exemple en mylpotter1
puis qd tu le renommes tu le renommes en mylpotter1.css
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Barbedure » Ven 06 Mai 2005 22:00

Bon j'ai pas tous compris pour l'histoire de la couleur, mais je vais étudier cela !

En revanche ca marche, le truc du logo !
j'ai donné le chemin d'accés, mais comment je valider ? En faisant, Enter ?
Et l'image trensparente, doit-elle avoir un format spécial ?
Car je n'ai pas pu prendre à côté de la fléche sur ton mess précédent!

Après ca j'arrête de t'embêter !

Merci :arrow:
Barbedure
Nouveau Membre
Nouveau Membre
 
Messages: 9
Inscription: Jeu 05 Mai 2005 15:53

Messagepar audax » Ven 06 Mai 2005 22:21

pour valider, bouge la barre du scroll horizontal vers la droite.. le bouton valider est à droite en bas de page...

et pour le logo transparent il est là à droite de la flèche..
:arrow: Image

tu ne le voit pas car il est transparent... tu cliques dessus bouton droit de la souris à droite de la flèche et tu fais enregistrez l'image sous... sur ton disque dur..

et pour la couleur de fond.. c'est simple..
l'image d'origine a un bord noir... donc le font est noir pour qu'il va avec l'image de fond..
ton image à toi elle a un fond vert, donc pour ne pas voir le noir de l'image original, j'ai du mettre le code couleur de ton image.. en couleur de fond..
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Barbedure » Ven 06 Mai 2005 22:34

Super cool ! Merci
J'ai tous compris maintenant!

Et où je peux les trouvé, les codes couleurs ?
Barbedure
Nouveau Membre
Nouveau Membre
 
Messages: 9
Inscription: Jeu 05 Mai 2005 15:53

Messagepar audax » Ven 06 Mai 2005 23:45

ici, tu a tout les codes couleur;

Couleur
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Suivant

Revenir vers VOS QUESTIONS LIEES AU GRAPHISME

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités

cron