Forum - GuppY 4.6 - vos questions - 2011skin07v2 : changer couleur menu et fond titre des boites latérales

Nombre de membres 34 membres
Connectés : ( personne )
Snif !!!
 


le 11/08/2013 @ 10:40
par gpean

gpean



bonjour,
j'ai choisi d'utiliser la jolie skin 2011skin07v2 pour la transparence que je n'ai pas trouvé ailleurs.
J'ai modifié l'image de fond.
J'aimerais aussi changer la couleur du menu et du fond des titres des boites latérales par : #F1C957 ( que je retrouverais dans la future bannière.)
Le problème, je ne sais pas le faire !

sur l'originale, on retrouve la tendance #AAC6E1 qui varie, je suppose à cause de l'effet de transparence ?

Merci d'avance pour l'aide apportée et félicitations pour vos réalisations.
J'ai lu le tutoriel pour changer les skins, et essayé de modifier le fichier style.css sans succès !
Ecrire à gpean Site web gpean
Poster une réponse Haut  
Réponse n° 1
--------
le 11/08/2013 @ 15:01
par Sabine

Sabine



Bonjour,

C'est à partir de la ligne 246 de style.css que vous pouvez faire la modification :

#leftside .titrebox { /* Titre latérale gauche*/
  background: #f1c957;
  padding: 4px;
  white-space: nowrap;
  font: 18px century gothic, sans-serif;
  color: #0C4A95; /*couleur du texte*/
  text-align: left;
}
#rightside .titrebox { /* Titre latérale droite*/
  background: #f1c957;
  padding: 4px;
  white-space: nowrap;
  font: 18px century gothic, sans-serif;
  color: #0C4A95; /*couleur du texte*/
  text-align: left;
}

Effectivement, le fond actuel est transparent. Si vous souhaitez une transparence également, il faudra l'indiquer ainsi :

background: rgba(241,201,87,0.3);

0.3 étant le niveau de transparence. Pour une plus grande opacité, indiquer par exemple 0.8.

Sabine e
Ecrire à Sabine Site web Sabine
Poster une réponse Haut  
Réponse n° 2
--------
le 17/08/2013 @ 07:43
par Sabine

Sabine



Bonjour,

Pour info, je mets ici les réponses envoyées par courriel :

1 - pour agrandir la largeur des boîtes latérales, aller dans le fichier skin.inc et indiquer la largeur dans $boxwidth :

  $boxwidth = "166";

La largeur de la partie centrale est automatique et se fait en fonction de la résolution choisie (ici : 1024) et de la largeur des colonnes latérales. Si vous augmenter la largeur de la partie latérale, la partie centrale sera forcément réduite.

Dans ce cas, il faut augmenter la résolution et la passer en 1280. Toujours dans le fichier skin.inc :

$screen_choice = "1024";

2 - Pour la freebox, vous avez ajouté le code ci-dessous pour qu'elle se déplie quand on la survole, il faut enlever ces lignes à la fin du fichier style.css :

#afb0 .titrebox + .tblbox {
display:none;
}
#afb0 .titrebox:hover + .tblbox {
display:block;
}

3 - Pour enlever l'espace entre le menu et les boîtes, mettre 0 aux lignes en rouge (dans style.css) :

#headBottom { /* header bottom (logo-menu) */
  margin: 0;
  margin-bottom: 0px;
  padding: 0px;
  color: inherit;
  background: url(img/menu.png);
}
#mainContent { /* main page */
  margin-top: 0px;
  padding:0px;
  background: url(img/blanc.png);
}

Sabine e
Rectifié par Sabine le 17/08/2013 @ 07:44
Ecrire à Sabine Site web Sabine
Poster une réponse Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » GuppY 4.6 » vos questions » 2011skin07v2 : changer couleur menu et fond titre des boites latérales