[Réglé] Changement couleur de fond de la liste des forums

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.2

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Changement couleur de fond de la liste des forums

Messagepar Manard » 20 Jan 2017 à 16:55

Bonjour,

Je viens de transposer à mon style 3.2 , la modification que j'avais réalisée sur celui de 3.1

Dans colours.css j'avais déclaré

Code: Tout sélectionner
ul.forums {
	background-color: #e4d5a6;
	background-image: url("./images/gradient.gif");
}


Code que j'ai repris dans mon style personnel, on peut voir le rendu sur cette page : http://www.casa-trotter.com/casa-test/T ... .php?f=209

On voit que la partie basse apparaît plus foncée

J'ai essayé de reprendre le code original de colours.css de la version 3.2 de prosilver

Code: Tout sélectionner
ul.forums {
	background-color: #EEF5F9; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
	background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
}


en l'insérant dans mon css de style personnel et en modifiant les couleurs
Code: Tout sélectionner
ul.forums {
		
	background-color: #e0ce97; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #e0ce97; 0%, #e4d5a6; 100%);
	background-image: linear-gradient(to bottom, #e0ce97; 0%,#e4d5a6; 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
	
}

Je me retrouve avec le fond de prosilver... voir cette page : http://www.casa-trotter.com/casa-test/T ... /index.php

Comment faire ?

Merci pour votre aide

Bernard
Modifié en dernier par Manard le 20 Jan 2017 à 22:08, modifié 1 fois.
Manard
Empereur des posts
Empereur des posts
 
Messages: 1019
Enregistré le: 31 Mar 2012 à 08:24

Re: Changement couleur de fond de la liste des forums

Messagepar Mazeltof » 20 Jan 2017 à 17:11

'jour ici,

Vérifie ton css, le code que tu as inséré est incomplet.
Tu as :
Code: Tout sélectionner
ul.forums {
    background-color: #e0ce97;
    background-image: -webkit-linear-gradient(top, #e0ce97;
    background-image: linear-gradient(to bottom, #e0ce97;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 );
}

Tu devrais avoir quelque chose comme :
Code: Tout sélectionner
ul.forums {
    background-color: #EEF5F9;
    background-image: -webkit-linear-gradient(top, #D2E0EB 0%, #EEF5F9 100%);
    background-image: linear-gradient(to bottom, #D2E0EB 0%,#EEF5F9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 );
}

du coup, le background-image de prosilver reprend la main :wink:
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 3400
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Changement couleur de fond de la liste des forums

Messagepar Manard » 20 Jan 2017 à 17:22

Bonjour Mazeltof,

Je te remercie de ta réponse, le hic est que le code dans mon css personnel est bien

Code: Tout sélectionner
ul.forums {
		
	background-color: #e0ce97; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #e0ce97; 0%, #e4d5a6; 100%);
	background-image: linear-gradient(to bottom, #e0ce97; 0%,#e4d5a6; 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2E0EB', endColorstr='#EEF5F9',GradientType=0 ); /* IE6-9 */
	
}


Je viens de l'éditer depuis Cpanel sur le serveur pour être sûr. Il n'y est qu'une fois, je viens de vérifier.

Où peut-être le souci ?

Bernard
Manard
Empereur des posts
Empereur des posts
 
Messages: 1019
Enregistré le: 31 Mar 2012 à 08:24

Re: Changement couleur de fond de la liste des forums

Messagepar Mazeltof » 20 Jan 2017 à 17:35

je pense que ça vient du fait que tu as des points-virgules ; après les couleurs hexadécimales :wink:

par exemple :
Code: Tout sélectionner
background-image: -webkit-linear-gradient(top, #e0ce97; 0%, #e4d5a6; 100%);

au lieu de :
Code: Tout sélectionner
background-image: -webkit-linear-gradient(top, #e0ce97 0%, #e4d5a6 100%);
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 3400
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Changement couleur de fond de la liste des forums

Messagepar cabot » 20 Jan 2017 à 17:38

Concernant le premier lien, tu utilises une image au lieu d'un dégradé :
Code: Tout sélectionner
ul.forums {
	background-color: #e4d5a6;
	background-image: url("./images/gradient.gif");
}

Actuellement elle se répète sur la largeur et sur la hauteur car c'est le comportement par défaut.

Si tu souhaites la conserver, il faut la faire se répéter uniquement sur la largeur en déclarant background-repeat: repeat-x;
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26843
Enregistré le: 13 Fév 2011 à 19:42
Localisation: Rarement sur la plaque

Re: Changement couleur de fond de la liste des forums

Messagepar Manard » 20 Jan 2017 à 21:55

Bonsoir Mazeltof & Cabot,

Je vous remercie de vos réponses qui m'ont mis sur le droit chemin :wink: , j'ai appliqué les deux méthodes sur les deux pages, il n'y a pas de différence d'affichage. Il me faudra peut-être forcer le dégradé, mais ce n'est pas une obligation.

Je vous souhaite une bonne soirée et un bon week-end

Bernard
Manard
Empereur des posts
Empereur des posts
 
Messages: 1019
Enregistré le: 31 Mar 2012 à 08:24

Re: Changement couleur de fond de la liste des forums

Messagepar Mazeltof » 20 Jan 2017 à 23:16

bon week-end à toi également :wink:
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 3400
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras


Retourner vers [3.2.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité