Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Identifiez-vous Inscrivez-vous Accueil du forum Aide sur le forum
Rester informé des mises à jour et offres TOWeb en souscrivant à la Newsletter TOWeb
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| |-Scripts & astuces pour votre site| | |-Demande d'aide backgroundcolor dans un champs « sujet précédent | | sujet suivant »
Pages: [1] Bas de page Imprimer
Auteur Fil de discussion: Demande d'aide backgroundcolor dans un champs  (Lu 580 fois)
koklos
Full Member
***

Nombre de "j'aime" : -4
Messages: 244



WWW
« le: 23 Avril 2020 à 10h05 »

Bonjour,

Ayant réalisé un menu de navigation entre mes différents catalogues (menu gris avec l'alphabet et les boutons visibles icihttps://www.le-comptoir-geologique.com/gemmes-j.html), j'aimerai le voir aussi apparaître sur chaque catalogue. Il est impossible de dupliquer un paragraphe d'une page vers un catalogue d'où la nécessité d'ajouter un champs.

En explorant le code de la page mentionnée ci-dessus, j'ai identifier plus ou moins la partie consacrée à ce menu que j'ai placé comme suit dans un champs :
Code:
<div id="XsHp8YWM" data-aos="slide-down" class="span12 tw-para tw-parallax tw-bkgimg-XsHp8YWM tw-btxt">
      <h2 style="text-align:center">
        <span style="font-size:22px;">
          <strong>
          <a href="gemmes-a.html#">A</a>&nbsp;&nbsp;
          <a href="gemmes-b.html">B</a>&nbsp;&nbsp;
          <a href="gemmes-c.html">C</a>&nbsp;&nbsp;
          <a href="gemmes-d.html">D</a>&nbsp;&nbsp;
          <a href="gemmes-e.html">E</a>&nbsp;&nbsp;
          <a href="gemmes-f.html">F</a>&nbsp;&nbsp;
          <a href="gemmes-g.html">G</a>&nbsp;&nbsp;
          <a href="gemmes-h.html">H</a>&nbsp;&nbsp;
          <a href="gemmes-i.html">I</a>&nbsp;&nbsp;
          <a href="gemmes-j.html">J</a>&nbsp;&nbsp;
          <a href="gemmes-k.html">K</a>&nbsp;&nbsp;
          <a href="gemmes-l.html">L</a>&nbsp;&nbsp;
          <a href="gemmes-m.html">M</a>&nbsp;&nbsp;
          <a href="gemmes-n.html">N</a>&nbsp;&nbsp;
          <a href="gemmes-o.html">O</a>&nbsp;&nbsp;
          <a href="gemmes-p.html">P</a>&nbsp;&nbsp;
          <a href="gemmes-q.html">Q</a>&nbsp;&nbsp;
          <a href="gemmes-r.html">R</a>&nbsp;&nbsp;
          <a href="gemmes-s.html">S</a>&nbsp;&nbsp;
          <a href="gemmes-t.html">T</a>&nbsp;&nbsp;
          <a href="gemmes-u.html">U</a>&nbsp;&nbsp;
          <a href="gemmes-v.html">V</a>&nbsp;&nbsp;
          <a href="gemmes-w.html">W</a>&nbsp;&nbsp;
          <a href="gemmes-x.html">X</a>&nbsp;&nbsp;
          <a href="gemmes-y.html">Y</a>&nbsp;&nbsp;
          <a href="gemmes-z.html">Z</a></strong>
        </span>
      </h2>
      <div>
        <h2 style="text-align:center">
          <strong style="color: inherit; font-family: inherit; font-size: 18px; line-height: 20px;">
          <span style="color: rgb(234, 234, 234);">&nbsp;</span>
          <a class="btn btn-info"
          href="https://www.le-comptoir-geologique.com/_search2.html?cat=0&amp;minp=1&amp;maxp=20&amp;sort=1&amp;req=gem-">
         De 1€ à 20€</a>&nbsp; &nbsp;
          <a class="btn btn-success"
          href="https://www.le-comptoir-geologique.com/_search2.html?cat=0&amp;minp=20&amp;maxp=100&amp;sort=1&amp;req=gem-">
          De 20€ à 100€</a>&nbsp; &nbsp;
          <a class="btn btn-warning"
          href="https://www.le-comptoir-geologique.com/_search2.html?cat=0&amp;minp=100&amp;maxp=250&amp;sort=1&amp;req=gem-">
          De 100€ à 250€</a>&nbsp; &nbsp;
          <a class="btn btn-danger"
          href="https://www.le-comptoir-geologique.com/_search2.html?cat=0&amp;minp=250&amp;maxp=&amp;sort=1&amp;req=gem-">
          Plus de 250€</a>&nbsp; &nbsp;</strong>
          <strong>
            <a class="btn btn-inverse" href="toutes-nos-pierres-taillees-et-gemmes.html">Toutes nos Gemmes</a>
          </strong>
        </h2>
      </div>
    </div>

Si tout le menu apparait bien au début de mon catalogue test et est bien fonctionnel (https://www.le-comptoir-geologique.com/zircon-gemmes.html) impossible de rajouter le fond gris, j'ai essayé de placer <body style="background-color:#1C1C1C;"></body> un peu partout mais ça ne fonctionne pas. Quelqu'un saurait t-il quoi modifier ou rajouter pour avoir ce fond gris juste pour ce menu. Le code couleur du gris que je souhaite rajouter est 1C1C1C.

Merci pour votre aide.
« Dernière édition: 23 Avril 2020 à 11h20 par koklos » Journalisée

Toweb V1, V3, V4, V5, V6, V8 - E-commerce - www.le-comptoir-geologique.com
frangin62
Hero Member
*****

Nombre de "j'aime" : 127
Messages: 2727



WWW
« Répondre #1 le: 23 Avril 2020 à 11h12 »

Bonjour koklos,
  Clin d'oeil

essaye de rajouter dans le Head général (dans Options)  
<style>
#XsHp8YWM {
 background-color: #1C1C1C;
}
</style>

Cdlt
frangin62

Edit : si tu veux séparer tes 2 barres, en édition, tu sélectionnes la ligne complète et tu choisis la couleur de fond
« Dernière édition: 23 Avril 2020 à 11h37 par frangin62 » Journalisée

koklos
Full Member
***

Nombre de "j'aime" : -4
Messages: 244



WWW
« Répondre #2 le: 23 Avril 2020 à 11h46 »

Merci pour la réponse rapide.

Effectivement je trouvais ça pénible aussi mais au niveau de la source sur chrome, impossible d'avoir l'affichage structuré... (alors après c'est surement moi qui n'est pas doué), mais pour arriver à récupérer le code du menu je me suis bien arraché les yeux  Grima&ccedil;ant

J'ai rajouté ta balise <style> dans la section head et ça marche, je te remercie grandement Sourire

A bientôt !
Journalisée

Toweb V1, V3, V4, V5, V6, V8 - E-commerce - www.le-comptoir-geologique.com
frangin62
Hero Member
*****

Nombre de "j'aime" : 127
Messages: 2727



WWW
« Répondre #3 le: 23 Avril 2020 à 11h57 »

Ok, oui j'ai vu  Clin d'oeil  Clin d'oeil

Pour la transformation, j'ai ajouté un plugin tidy dans Notepad++ , je peux te dire que ça me rend bien des services avec TW

Cdlt
frangin62
Journalisée

koklos
Full Member
***

Nombre de "j'aime" : -4
Messages: 244



WWW
« Répondre #4 le: 23 Avril 2020 à 13h11 »

Ah, je ne connaissais pas, mais effectivement ça peut être intéressant ! Je vais regarder ça.

Merci encore Sourire
Journalisée

Toweb V1, V3, V4, V5, V6, V8 - E-commerce - www.le-comptoir-geologique.com
Pages: [1] Haut de page Imprimer 
« sujet précédent | | sujet suivant »
Aller à:  


Cliquez ici pour vous abonner au flux RSS du forum  -  
Powered by SMF 1.1.18 | SMF © 2006-2009, Simple Machines