It is currently Fri 30 Sep 2016 - 00:05 - créer un forum

Changement de couleur bandeaux

Skip to content

Post new topic Reply to topic

Changement de couleur bandeaux
Author Message
Dora41
Membre


Offline
Membre

Joined: 26 Mar 2016
Posts: 4
Point(s): 3
Moyenne: 0.75
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Bélier (21mar-19avr)

PostPosted: Sat 26 Mar 2016 - 09:35    Post subject: Changement de couleur bandeaux Reply with quote

PublicitéSupprimer les publicités ?
Bonjour,

Je suis en train de configurer un forum pour ma fille et je ne suis pas très fortiche. Pour les changements de couleurs de Police et background ça va ... il me manque juste les bandeaux qui sont d'origine bleus sur le thème original.



Où faut il aller svp ?

Merci de votre aide Wink


Last edited by Dora41 on Sat 26 Mar 2016 - 11:56; edited 1 time in total
Forum
Author Message
cuisto
Membre


Offline
Membre

Joined: 26 Jan 2008
Posts: 157
Point(s): 135
Moyenne: 0.86
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sat 26 Mar 2016 - 11:00    Post subject: Changement de couleur bandeaux Reply with quote

il n'est pas a remplacer dans "images " de l'onglet template ?
si c'est la "deuxieme image" elle n'est pas en dur dans le overall_header de ton theme ?


Forum
Author Message
Dora41
Membre


Offline
Membre

Joined: 26 Mar 2016
Posts: 4
Point(s): 3
Moyenne: 0.75
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Bélier (21mar-19avr)

PostPosted: Sat 26 Mar 2016 - 11:59    Post subject: Changement de couleur bandeaux Reply with quote

J'avoue ne pas bien comprendre ta réponse.

En dur dans le overall_header ? Si c'est dans le overall_header, comment ce nomment c'est ''barres'' ?

Merci


Forum
Author Message
cuisto
Membre


Offline
Membre

Joined: 26 Jan 2008
Posts: 157
Point(s): 135
Moyenne: 0.86
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sat 26 Mar 2016 - 13:38    Post subject: Changement de couleur bandeaux Reply with quote

si tu veux changer cette image

ça se passe dans le panneau d'administration thème, changer les images

si c'est celle-ci :

je pense qu'elle doit être en dur dans un template ?
elle n'apparait que pour les non connectés ?


Forum
Author Message
Dora41
Membre


Offline
Membre

Joined: 26 Mar 2016
Posts: 4
Point(s): 3
Moyenne: 0.75
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Bélier (21mar-19avr)

PostPosted: Sat 26 Mar 2016 - 15:21    Post subject: Changement de couleur bandeaux Reply with quote

Non rien à voir Cuisto, tu n'a pas bien compris ma question. Les deux images que tu montres c'est moi qui les ai faite et mise ... je ne vais pas demander comment les changer Mr. Green Mr. Green Mr. Green

Je veux changer la couleur des bandeaux qui sont bleus (Bienvenue ... Chat ... )




Je n'arrive pas non plus à épingler un sujet.


Forum
Author Message
Dora41
Membre


Offline
Membre

Joined: 26 Mar 2016
Posts: 4
Point(s): 3
Moyenne: 0.75
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Féminin Bélier (21mar-19avr)

PostPosted: Tue 29 Mar 2016 - 05:54    Post subject: Changement de couleur bandeaux Reply with quote

up svp  Very Happy

Forum
Author Message
du78
Membre


Offline
Membre

Joined: 04 Jan 2016
Posts: 59
Niveau:
Point(s): 60
Moyenne: 1.02
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Wed 30 Mar 2016 - 13:33    Post subject: Changement de couleur bandeaux Reply with quote

Bonjour à toi,

Et du côté des propriétés CSS sur les éléments de classe "th" ?
Cela va dépendre de ton thème mais regarde au niveau de ton template index_body. Okay

Sur mozilla, appuie sur la touche F12 et en haut du menu qui s'affiche, à gauche, "sélectionner un élément sur la page" (l'icône d'une souris sur un rectangle) Clique ensuite sur l'élément dont tu désires éditer les propriétés et dans la fenêtre tout à droite, il te sera indiqué quel est le fichier / class / id de ton élément à modifier.

Attention en changeant les propriétés d'une class qui peut affecter bien plus qu'un élément unique !




Forum
Author Message
Guig Esprit du Sage
Membre


Offline
Membre

Joined: 06 Feb 2015
Posts: 35
Niveau:
Point(s): 35
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sun 3 Apr 2016 - 02:13    Post subject: Changement de couleur bandeaux Reply with quote

Bonjour,
L'image qui génère les barres de titre est celle-ci:
Elle est répétée jusqu'à remplir la largeur de l'écran.
Le plus simple est d'aller dans le panneau d'administration ->thème -> Modifier les images et de la remplacer.
L'image doit avoir la même hauteur et il n'y a pas de problème si elle ne fait qu'un pixel de large.

Sinon, il faut aller dans le css (probablement dans overall_header.tpl) et modifier le code qui ressemble à ça:
Code: Sélectionner - Agrandir
th {
    color: #FFA34F;
    font-size: 12px;
    font-weight: bold;
    background-color: #black #F17A0D;
    height: 25px;
    background-image: url(http://img.xooimage.com/files2/c/e/cellpic3-30da8.gif);
}

Probablement que pour certaines de ces valeurs, il s'agit d'une variable
Code: Sélectionner - Agrandir
{TRUCMUCHE}
. Dans ce cas là, elle est modifiable depuis le panneau de configuration (thème -> modifier les couleurs.
Si vous voulez utiliser un fonds uni, inutile d'utiliser une image: supprimez la ligne
Code: Sélectionner - Agrandir
background-image: url(XXXXXXXXXX);
, puis corrigez celle-ci:
Code: Sélectionner - Agrandir
 background-color: #black #F17A0D;
car elle est erronée, deux exemples corrects:
Code: Sélectionner - Agrandir
 background-color: black;
Code: Sélectionner - Agrandir
 background-color:#F17A0D;


Pour info:
Quote:
Bonjour.

Dans le panneau d'admin, si vous allez dans l'onglet thème puis modifier les couleurs, vous voyez une liste de styles que vous pouvez changer, ainsi que leur description.

Voici dans l'ordre, la liste ds variables correspondantes dans le code, ainsi que la description affichée, ce qui permet de modifier leur effet si on le souhaite:

Code: Sélectionner - Agrandir
T_BODY_BGCOLOR Couleur d’arrière plan

T_BODY_TEXT Couleur du texte

T_BODY_LINK Couleur des liens
T_BODY_VLINK Couleur des liens visités
T_BODY_ALINK Couleur des liens actifs
T_BODY_HLINK Couleur des liens survolés

T_TR_COLOR1 Couleur de lignes 1
T_TR_COLOR2 Couleur de lignes 2
T_TR_COLOR3 Couleur de lignes 3

T_TH_COLOR1 Couleur d’entêtes 1
T_TH_COLOR2 Couleur d’entêtes 2
T_TH_COLOR3 Couleur d’entêtes 3

T_TD_COLOR1 Couleur de cellules 1
T_TD_COLOR2 Couleur de cellules 2
T_TD_COLOR3 Couleur de cellules 3

T_FONTFACE1 Style de police 1
T_FONTFACE2 Style de police 2
T_FONTFACE3 Style de police 3

T_FONTSIZE1 Taille de police 1
T_FONTSIZE2 Taille de police 2
T_FONTSIZE3 Taille de police 3

T_FONTCOLOR1 Couleur de texte 1
T_FONTCOLOR2 Couleur de texte 2
T_FONTCOLOR3 Couleur de texte 3

NON TROUVÉ  Couleur du statut «En ligne»
NON TROUVÉ Couleur du statut «Hors ligne»


Forum
Author Message
cuisto
Membre


Offline
Membre

Joined: 26 Jan 2008
Posts: 157
Point(s): 135
Moyenne: 0.86
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sun 3 Apr 2016 - 10:59    Post subject: Changement de couleur bandeaux Reply with quote

Guig Esprit du Sage wrote:
Sinon, il faut aller dans le css (probablement dans overall_header.tpl) et modifier le code qui ressemble à ça: [

tu as fais une légère confuse
le CSS est clairement identifié comme un fichier CSS dans la liste, le overalheader est un template sans rapport


Forum
Author Message
Guig Esprit du Sage
Membre


Offline
Membre

Joined: 06 Feb 2015
Posts: 35
Niveau:
Point(s): 35
Moyenne: 1.00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Sun 3 Apr 2016 - 16:38    Post subject: Changement de couleur bandeaux Reply with quote

Il semblerai que pour beaucoup de thèmes les déclarations css sont dans le overall_header.tpl, entre balises <style type="text/css" media='screen'> </style>, et ce pour que les variables phpbb2 soient fonctionnelles.
Code: Sélectionner - Agrandir
<style type="text/css" media='screen'>

/*
  onyx Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

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

body {
   background-image: url(http://img.xooimage.com/files110/0/0/6/fonds-espace-kebooz-4e05257.jpg) ;
/*   background-image:"" */
   background-size:100% 100%;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: 0px 0px;   
   background-color: {T_BODY_BGCOLOR};

   font-family: {T_FONTFACE1};
   color: {T_BODY_TEXT};
   
/* scrollbar: compatible ie uniquement */
   scrollbar-face-color: {T_TD_COLOR2};
   scrollbar-highlight-color: #444444;
   scrollbar-shadow-color: #000000;
   scrollbar-arrow-color:  {T_TD_COLOR2};
   scrollbar-3dlight-color: #333333;
   scrollbar-track-color: #000000;
   scrollbar-darkshadow-color: #222222;
   
   margin: 0;
    padding-left: calc(1.33vw + 1.6em);
}

body link {
   color: {T_BODY_LINK};
}
body link:visited {
   color: {T_BODY_VLINK};
}
body iframe, body img {
   max-width: 100%;
   overflow: auto;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 17, 2016 */
@font-face {
[...]


Dans le pire des cas, les déclarations css dans le overall_header ont la priorité sur celles de NOMDETHEME.CSS


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 00:05    Post subject: Changement de couleur bandeaux

Display posts from previous:   
Reply to topic Page 1 of 1




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