[répondu]Bluetabs au couleur de softblue


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

[répondu]Bluetabs au couleur de softblue

Messagepar OMstyle » Sam 16 Avr 2005 17:27

Voila mon probleme :lol:

Donc j'avais le thèmes "bluetabs" que j'ai changer pour mettre le thème "softblue", mes membres préféraient celui la car les couleurs étaient plus en rapport avec l'OM. Mais beaucoup m'ont dit préférer le style du bluetabs et m'ont demander si il était possible d'avoir le design bluetabs mais avec les couleurs de softblue :?

Jleur ai répondu que non mais j'ai vu qu'on pouvait faire des merveilles avec les fichiers css :D Mais j'ai assez peur de m'aventurer la dedans sachant que jmy connait vraiment pas du tout et que j'ai rien compris au tuto :lol:

Donc es ce possible de me fournir le fichier css pour que le design bluetabs aie les couleurs de softblue et m'expliquer clairement comment le mettre :? Si c'est pas trop de boulot bien sure, sinon je ferais sans problemes avec cke j'ai :wink:

voila merci et @+ Image
Avatar de l’utilisateur
OMstyle
Méta Membre
Méta Membre
 
Messages: 218
Inscription: Jeu 30 Déc 2004 21:34

Messagepar audax » Sam 16 Avr 2005 21:32

salut OMstyle.

Dès que j'ai un moment, je regarde ce que je peut faire...
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 OMstyle » Sam 16 Avr 2005 21:40

Merci beaucoup, t'es un chef :wink:
Avatar de l’utilisateur
OMstyle
Méta Membre
Méta Membre
 
Messages: 218
Inscription: Jeu 30 Déc 2004 21:34

Messagepar audax » Dim 17 Avr 2005 19:29

salut.
regarde sur ce thème l'essai que j'ai fait.
Tu peut naviguer dans le forum test et si ça te convient, je te place le code ici...
mais pour le logo, les icones nouveaux messages etc... ce sera à toi de les rentrer via "personnaliser les images de ce forum"

essai
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 OMstyle » Dim 17 Avr 2005 19:52

Y a pas moyen de changer la couleur a droite du logo ? :oops:
Avatar de l’utilisateur
OMstyle
Méta Membre
Méta Membre
 
Messages: 218
Inscription: Jeu 30 Déc 2004 21:34

Messagepar audax » Dim 17 Avr 2005 20:15

OMstyle a écrit:Y a pas moyen de changer la couleur a droite du logo ? :oops:


ça y est, je lai changé par raport au fond du thème..

essai
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 OMstyle » Dim 17 Avr 2005 20:55

Je vais faire mon chiant mais comme ca ce sera parfait :lol:

Y' a t il moyen d'avoir la couleur des cases "Forum test1" et "Le forum" un peu + bleu (comme sur softblue)

Et aussi les barres a droites de "category de test1" et celle en dessous des menus

dsl d'etre difficile :oops:
Avatar de l’utilisateur
OMstyle
Méta Membre
Méta Membre
 
Messages: 218
Inscription: Jeu 30 Déc 2004 21:34

Messagepar audax » Dim 17 Avr 2005 23:44

c'est possible oui, mais j'ai rentré le même code de couleur que celui de softblue c'est à dire; ABC5E2

et pour la barre à côté de catégorie test et celle en dessous des menus, c'est une image qui se nomme pour catégorie test "catspan" et pour celle en dessous des menus "bottomspan"

et pour ces images, tu les trouve sur personnaliser les images de ce forum..
il faut que tu fasses avec un logiciel d'image, des images identiques en taille mais avec la couleur que tu veut et les enregistrer sur "personnaliser les images de ce thèmes" à l'emplacement des noms de ces images...

pour les couleurs que tu veut du forum regarde sur ce lien et choisi une couleur;
http://pourpre.com/chroma/dico.php?typ=teinte&ent=195

et je la mettrai en place
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 OMstyle » Lun 18 Avr 2005 17:32

Ok, benh c'est tres bien comme ca en fait, j'ai peur que ca dénote en changeant la couleur :wink:

Tu pourrais m'expliquer comment le mettre maintenant sltp :oops:
Avatar de l’utilisateur
OMstyle
Méta Membre
Méta Membre
 
Messages: 218
Inscription: Jeu 30 Déc 2004 21:34

Messagepar audax » Lun 18 Avr 2005 23:41

voilà le code css
:arrow: Tu enregistre ce code sur le bloc note par exemple en le nommant blue dans un endroit sur ton disque dur..

:arrow: puis tu le renommes en blue.css

:arrow: puis tu vas sur personnaliser les thèmes de ce forum, tu cliques sur css à côté du thème bluetabs, tu cherches le fichier blue.css sur le disque dur en cliquant sur parcourir et tu fais valider.
:arrow: tu revient en arrière en cliquant sur précédente avec ton navigateur pour revenir à l'endroit ou son marqué les thèmes et tu cliques sur "en bas" et "en haut" à côté du thème bluetabs pour la publicité dans le thème, pour que la modification soit prise en compte.

et si tu fait ça, ça fonctionnes...


Code: Tout sélectionner
.mainmenu      { font-size : 10px; color : #000000 !important }
a.mainmenu      { text-decoration: none; color : #006699 !important;  }
a.mainmenu:hover{ text-decoration: underline; color : #444444 !important; }

 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 11px; color: #000000; margin:0px;padding:0px;
   background-color: #9BBBDA !important;
   scrollbar-face-color: #DEE3E7 !important;
   scrollbar-highlight-color: #FFFFFF !important;
   scrollbar-shadow-color: #DEE3E7 !important;
   scrollbar-3dlight-color: #D1D7DC !important;
   scrollbar-arrow-color:  #006699 !important;
   scrollbar-track-color: #EFEFEF !important;
   scrollbar-darkshadow-color: #98AAB1 !important;
}

/* General font families for common tags */
font,th,td,p { font-family:  Verdana, Tahoma, Arial, sans-serif ; font-size: 11px !important; color: #000000 !important; }
a:link,a:active,a:visited { color : #000000 !important; }
a:hover      { text-decoration: underline; color : #222222 !important; }
hr   { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/* This is the outline surrounding the main blocks */
.forumlinemain { background-color: #97B9DA !important; border: 1px #585889 solid; padding: 4px; width: 100%; margin-bottom: 2px; }

/* This is the outline round the main forum tables */
.forumline   { background-color: #585889 !important; }

/* Main table cell colours and backgrounds */
td.row1   { background-color: #ABC5E2 !important; }
td.row2   { background-color: #92B6D8 !important; }
td.row3   { background-color: #BDD1E8 !important; }

/*
  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: {T_TD_COLOR2};
      background-image: url(templates/bluetabs/images/{T_TH_CLASS3});
      background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
   background-color: {T_TD_COLOR2}; height: 10px;
   background-image: url(templates/bluetabs/images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-color: #9BBBDA !important;
         background-color: #9BBBDA !important; border-style: solid; height: 10px;
}

*/
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; height: 25px; }
td.row3Right,td.spaceRow {
   background-color: #ABC5E2 !important; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { border-left: solid 1px #E1EAF4; border-top: solid 1px #E1EAF4; }
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-left: solid 1px #E1EAF4; border-top: solid 1px #E1EAF4; }
th.thBottom,td.catBottom  { border-left: solid 1px #E1EAF4; border-top: solid 1px #E1EAF4; }
th.thTop    { border-left: solid 1px #E1EAF4; border-top: solid 1px #E1EAF4; }
th.thCornerL { border-left: solid 1px #E1EAF4; border-top: solid 1px #E1EAF4; }
th.thCornerR { border-left: solid 1px #E1EAF4; border-top: solid 1px #E1EAF4; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2   {
         font-weight: bold; font-size: 22px important; font-family: Arial, Tahoma, Verdana, sans-serif;
         text-decoration: none; line-height : 120%; color : #000000 !important;
}


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

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: 10px !important;  color : #000000 !important;}
a.cattitle      { text-decoration: none; color : #000000 !important; }
a.cattitle:hover{ text-decoration: none; }


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


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


/* titles for the topics: could specify viewed link colour too */


.topictitle         { font-weight: bold; font-size: 11px !important; color : #ffffff !important; }
a.topictitle:link   { text-decoration: none; color : #ffffff !important; }
a.topictitle:visited { text-decoration: none; color : #ffffff !important; }
a.topictitle:hover   { text-decoration: underline; color : #666666 !important; }

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

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


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


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

.quote {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px !important; color: #444444 !important; line-height: 125%;
   background-color: #FAFAFA !important; border: #D1D7DC !important; border-style: solid;
   border-left-width: 1px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important;
}


/* Copyright and bottom info */
.copyright      { font-size: 10px !important; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444 !important; letter-spacing: -1px;}
a.copyright      { color: #444444 !important; text-decoration: none;}
a.copyright:hover { color: #000000 !important; text-decoration: underline;}


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

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

input { text-indent : 2px !important; }

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

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

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

/*Everything from here down is custom bluetabs. Starting with the catbars.*/
.headerbar {height: 80px; width: 100%; background-color: #9BBBDA !important; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #9BBBDA !important; }



/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/bluetabs/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 OMstyle » Mar 19 Avr 2005 20:32

Merci, ca marche :wink:

Mais y a des images que j'arrive pas a changer (pas de probs de taille normalement vu ke je prend celles de softblue :? )

Puis les images "nouveaux messages" etc, apparaissent + petit qu'ils ne le devraits :?
Avatar de l’utilisateur
OMstyle
Méta Membre
Méta Membre
 
Messages: 218
Inscription: Jeu 30 Déc 2004 21:34

Messagepar audax » Mar 19 Avr 2005 23:36

OMstyle a écrit:Merci, ca marche :wink:

Mais y a des images que j'arrive pas a changer (pas de probs de taille normalement vu ke je prend celles de softblue :? )

Puis les images "nouveaux messages" etc, apparaissent + petit qu'ils ne le devraits :?


salut, j'ai vu ton forum..
Il y a un détail qui frappe, c'est la bannière...
avec le thème bluetabs, si tu met la bannière en bas, ça de décalle les cellpics..
place la voir en haut pour voir ce qu tu en penses...
mais pour tes images nouveaux messages etc.. les dimensions des cases où se positionnent ces icones, on ne peut pas les changer via le css..


Mais y a des images que j'arrive pas a changer (pas de probs de taille normalement vu ke je prend celles de softblue :? )

c'est qu'elles images que tu n'arrives pas à changer??
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 OMstyle » Mer 20 Avr 2005 10:54

audax a écrit:c'est qu'elles images que tu n'arrives pas à changer??


folder_announce_new.gif

icon_delete.gif

msg_inbox.gif

folder_sticky_new.gif

msg_outbox.gif

msg_savebox.gif

msg_sentbox.gif

topic_delete.gif

topic_lock.gif

topic_move.gif

topic_split.gif

reply-locked.gif

icon_icq_add.gif

icon_profile.gif

icon_search.gif

msg_newpost.gif
Avatar de l’utilisateur
OMstyle
Méta Membre
Méta Membre
 
Messages: 218
Inscription: Jeu 30 Déc 2004 21:34

Messagepar audax » Mer 20 Avr 2005 11:28

si c'est les icones de softblue que tu veut mettre sur le thème bluetabs, j'ai fait l'essai, ça fonctionne...

il faut que tu te mette par défaut sur le thème softblue, que tu ouvres un dossier sur ton disque dur que tu nommes comme tu le veut..
puis tu vas sur ton compte dans personnaliser les images de ce forum et comme tu as placé le softblue par défaut, tu renregistres toutes les icones que tu veut changer sur ton disque dur..

puis tu te remet sur le bluetabs par défaut, et tu revas sur personnaliser les images de ce forum, tu cherches les icones de softblue sur ton disque dur, et tu fait validez, mais avant de quitter, tu fait actualiser avec ton navigateur, ça vas de renvoyer sur une page qui te demande de réésayer ou recommencer, tu réactualises à nouveau et t retombes sur la pages qui affiche tes icones...
là, tu vas remarquer que la modif à été prise puisque tes nouvelles icones vont apparaître...et tu revas sur ton forum et tu verras que ça a fonctionner...
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


Revenir vers VOS QUESTIONS LIEES AU GRAPHISME

Qui est en ligne ?

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

cron