Forum d'entraide TOWeb - Le logiciel de création de site web responsive
Retour au site lauyan.com

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
Identifiez-vous Inscrivez-vous Accueil du forum Aide sur le forum

Lancement de pagexl.com pour la création gratuite et facile de sites "one page" (page unique)

IMPORTANT: Avant de poster un message sur le forum n'oubliez pas :
1. d'effectuer une recherche sur le forum ainsi que dans l'aide en ligne TOWeb
2. de consulter les tutoriels vidéo sur YouTube et les dernières informations du blog de TOWeb
3. de consulter les tutoriels de Frangin62
+  Forum TOWeb
|-+  TOWeb
| |-+  Tutoriaux pour les utilisateurs
| | |-+  Modifier le fond des sous-menu
« sujet précédent | | sujet suivant »
Pages: [1] Bas de page Imprimer
Auteur Fil de discussion: Modifier le fond des sous-menu  (Lu 2566 fois)
frangin62
Hero Member
*****

Nombre de "j'aime" : 102
Messages: 2109



WWW
« le: 26 Juin 2017 à 09h57 »

Bonjour,
Il y a plusieurs posts traitants du fond blanc autour des boutons de sous-menu.
Il est possible de modifier ce fond.
La première solution, comme on l'a vu, est de mettre des marges négatives en mode Thème/Editeur CSS/....Lien de sous-menu. Souvent -5 en haut et en bas et parfois -10 à droite et à gauche si on utilise des coins arrondis.

Une autre solution si on veut utiliser ce fond pour personnaliser davantage ses sous-menu, mais là il va falloir bidouiller un peu le script sur le site (utilisation de Filezilla et Notepad++) ou pour ceux qui ont peur de faire une bêtise, utiliser le répertoire Documents/TOWeb Sites/le nom de votre site/Publish. Seulement, il faudra envoyer ce fichier modifié sur votre hébergement (évidemment sinon ça ne sert à rien)
Le fichier à modifier avec Notepad++  est   bootstrap.min.css   dont vous aurez fait une copie de sauvegarde, Sur l'hébergeur, allez dans le répertoire     _script/bootstrap/css    puis clic droit sur bootstrap.min.css et Afficher/Editer. Dans Notepad++ allez à la ligne 809 nommée    .dropdown-menu , recherchez  background-color:#ffffff;  (colonne 150 environ) .

Pour colorier, il suffit de remplacer #ffffff par d'autres valeurs comme #ff0000 pour du rouge, #00ff00 pour vert ou #0000ff pour le bleu, #808080 ou #5a5a5a feront du gris avec des teintes différentes, ou alors des valeurs intermédiaires entre #000000 et #ffffff




Pour rendre ce fond transparent (il n'est pas possible de le supprimer totalement), on remplace   #ffffff    par    hsla(0,0%,0%,0)  
puis chercher  (colonne 205 environ)   border:1px solid rgba(0, 0, 0, 0.2);   et supprimer  le  .2 ( ça donne  border:1px solid rgba(0,0,0,0))  
et enfin chercher  (colonne 450 environ)    box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);    et supprimer le .2 (ça donne  box-shadow:0 5px 10px rgba(0,0,0,0))



Bien sûr, souvent la première solution est plus que satisfaisante et surtout plus simple.

Pour faire ce tuto, j'ai utilisé des marges de +20 pour bien décaler les sous-menus et voir ce qui se passe.
Par contre, dans TOWeb vous verrez ceci



J'ai modifié le menu et j'ai republié, la modification est toujours présente.

Complément à ce tuto, pour conserver vos modifications si vous supprimez votre site dans Publier, il faut faire les mêmes réglages dans le fichier se trouvant dans le répertoire de votre pc Documents/TOWeb Sites/le nom de votre site/Design/_scripts/bootstrap/css/ ,  et ainsi vous aurez les mêmes réglages dans le logiciel TW. Ce fichier bootstrap.min.css est a racine du thème choisi

     avec les marges à +6

Cdlt
frangin62
« Dernière édition: 26 Juin 2017 à 13h42 par frangin62 » Journalisée

Pages: [1] Haut de page Imprimer 
« sujet précédent | | sujet suivant »
Aller à:  


TOWeb - Le logiciel de création de site Internet responsive Cliquez ici pour vous abonner au flux RSS du forum Règles du Forum  -   © 2005-2013 Lauyan Software
Powered by SMF 1.1.18 | SMF © 2006-2009, Simple Machines