Blog d'aide de Blog4ever

Bonjour, 
Est-il possible de mettre une seconde barre de navigation, identique à celle sous l'image d'entête, tout en conservant celle-ci, au dessus de l'image que j'ai mis en bas de page? 
Merci, 
Bonne journée, 
Mi Neth, 

 Mi Neth:ch:

Je ne comprends pas 

Tu l'as veux ou ta seconde barre de navigation en bas de page?

Mais pourquoi?






Ps ta bas de page n'est pas terrible à cause des liens sur ton image

met la texture de ton blog en bas de page dans ton css
Et tu installes l'image  (un peu moins longue)dans ta bordure de page

Fonction avancées
A afficher en bas de chaque page 
 
Après pour descendre l'image ou les liens de cette partie jutilise
 <*/br>

sans*



Dernière modification le dimanche 31 Janvier 2021 à 01:01:41

:bd: @Mi Neth@

Les liens en bas de page que j'ai soulignés ci-dessous doivent obligatoirement apparaître et être lisibles pour des raisons légales. Cela fait partie des Conditions générales d'utilisation pour qu'un blog puisse rester en ligne :
Recommander ce blog | Contact | Signaler un contenu | Confidentialité | RSS | Créer son blog gratuit | Espace de gestion

Bonne journée... 

Daniel

C'est seulement une érreur de ma pars sur un autre poste de la partie bas de page
le code que j'ai fournie à AGC .

Dernière modification le dimanche 31 Janvier 2021 à 04:02:26

Il faut essayer ce code.

Daniel a raison cette ligne est obligatoire.

/*bas de page*/

  .diz-bas{
background-image: url("https://static.blog4ever.com/2020/03/857029/pied-de-page-toshiro-yacinth--1-.jpg");
background-repeat : no-repeat;
 height:210px;
}
 .centre{    
  margin: 150px 0;  /*position liens de la barre*/
}     

:sol:

______________________________________________________
    On peut ajouter du style pour le" font"

.centre a{    
 font-weight: bold;
     color:#a50;
}  

Bonjour et merci à tous les trois, 

Je réponds en premier à Stef,  J'aimerai cette deuxième barre juste au dessus de l'image que j'ai mise, grâce à ta proposition dans le post dont tu parles, en bas, pour si j'ai des membres qui auraient la flemme de remonter et n'auraient pas vu mon chaton sur la droite, Mais si ce n'est pas possible ce n'est pas grave du tout, C'est juste une question, 

A Daniel, Je cherchais justement comment remédier à ce souci sans altérer mon image, je n'ai pas pensé aux marges, Heureux que Simon soit passé sur ce post,

Et enfin à Simon, Merci à toi, Les liens sont visibles, En revanche ça m'a déplacé l'image en haut du forum, Normalement, elle est centrée plus haut et il n'y a pas tant d'espace, 


Toujours merci à tous les trois,
Mi Neth, 

re




/*bas de page*/

  .diz-bas{
background-image: url("https://static.blog4ever.com/2020/03/857029/pied-de-page-toshiro-yacinth--1-.jpg");
background-repeat : no-repeat;
 height:210px;
}
#barre_bas.centre {
 margin: 155px 0!important;  /*position liens barre*/
 font-weight: bold;  /*écrire gras*/
}

Merci Simon, pour les liens en bas de page, C'est beaucoup mieux, 
Quant à l'image en haut du forum, j'ai enlevé le bout de code dans le css pour voir et c'est toujours en plein milieu, 


Merci pour ton aide, 

re

Je ne comprend pas car tout était rentré dans l'ordre.

J'ai remis le css en place avec l'image en haut

Tout est normal

/*bas de page*/

  .diz-bas{
background-image: url("https://static.blog4ever.com/2020/03/857029/pied-de-page-toshiro-yacinth--1-.jpg");
background-repeat : no-repeat;
 height:210px;
}
#barre_bas.centre {
 margin: 155px 0!important;  /*position liens barre*/
 font-weight: bold;  /*écrire gras*/
}

Merci Simon, 
Je vois que c'était du aux dimensions que j'avais mis,  Je ne pensais pas qu'elles pouvaient avoir un impact, 
Sinon, Ce ne serait pas grave si ce n'était pas possible, mais concernant cette deuxième barre de navigation, c'est faisable ou pas? 
Encore merci pour les images des haut de forum et bas de blog et les liens, 
Passe une bonne fin de journée, 

Mi Neth:ch:

Oui c'est possible 

:oe:    Ici



re


de plus il faut avoir accès au html --> sinon suivre l'exemple de @stef@

Merci à tous les deux, 

Je garde la proposition de Stef de côté, J'ai mis ce post en favoris et j'ai fais une sauvegarde des css et html, 
Vous êtes géniaux, ne changer rien, 
Encore merci pour la réponse, 
Simon tu  peux clore, 
Bonne soirée, 
Mi Neth, 

@Mi Neth@

J'ai fait une 2 ème barre en passant par le html du blog.
Je n'ai pas testé en dehors de la structure....

https://test-dizperso2.blog4ever.com/

<*div id="menu_haut"*>
    <*ul class="menu"*>

<*li><*a href="/">Accueil<*/a>
   <*li><*a href="/articles">Articles<*/a><*/li*>
   <*li><*a href="/photos">Photos<*/a><*/li*>
      <*li><*a href="/forum">Forum<*/a><*/li*>
  <*/ul><*/div*>


<*!--NAVIGATION --*>

menu {
 height:60px;
    text-transform :uppercase;
    position:relative;
    z-index:4;
  margin-bottom:10px!important;
    -moz-box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
    background: #ccc;
    border-left: 0px solid #dfdfdf;
    border-right: 0px solid #dfdfdf;
    box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
 }
menu a {

   line-height: 60px;
    font-size: 100%;
    color:#000!important;
    font-weight: bold;
    margin-top:20px;
   box-shadow: 0 0 5px #fff;
    color: #e8e8e8;
     font-family: freestyle script;
    font-size: 25px;
    border: 1px solid;
    border-radius: 5px;
  padding: 1px;
}
menu a:hover {
    color: 0;
    text-decoration: none;
    color: #fff!important;
    font-weight: bold;
   box-shadow:  2px 2px 2px #fff;
}

/*transition couleurs de la barre*/
menu:hover{
background:#004;
background-image:linear-gradient(#0cc, rgba(255,255,255,0))!important;
transition: background-color 4s;
}



menu ul {
    margin-left: auto;
    margin-right: auto;
}
menu li {
    display: inline-block;
    margin: 0 0 0 55px;
   
 
}

Bonsoir Simon et  merci, 

Par html, tu entends master design ou bordures de page? Parce que le master design, je n'ose pas y toucher, Je suis trop quiche pour ça, 
C'est possible que je mette la partie html dans les bordures et la partie css dans le css? 
Sinon, jolie barre,  Je la trouve plus sympa que ta barre d'origine, 
Bonne soirée, 
Mi Neth, 

Voila 2eme barre en passant dans la structure HTML

Bonjour Simon, 
Je suis aussi de cet avis, Mais comme cette barre ne descend pas, j'ai pensé en inclure une seconde qui serait déjà en bas, Ça se fait sur d'autres plateformes, Je parle d'une barre qui descend et, bien entendu, remonte, 
Comme je l'ai dis ce n'est pas grave si pour moi, ce n'est pas possible actuellement, 
Ça peut être utile quand la page est longue et ça peut intéresser d'autres blogueurs, Surtout pour la section forum, 
Encore merci à toi, comme à Stef, je garde ce sujet en favoris, 
Peut-être qu'un jour, je m'aventurerai dans le master, Là, je ne me sens pas prête du tout, 
Bonne journée, 
Mi Neth, 

Je ne comprend pas bien ( qui monte et... )

En fait au départ, j'ai cherché pour une barre qui serait toujours visible quelque soit l'endroit où l'on se trouve sur la page, Mais je n'ai pas trouvé, Pourtant, je sais que cela existe, Alors, j'ai pensé à une deuxième barre, 
Si seulement, je trouvais un exemple,  

Pour mieux m'expliquer, la barre reste fixe et seule la page défile, 

J'ai trouvé ceci, 

/* image header barre fixe */

.headerbar {background-image: url("https://...");
background-attachment: fixed;
background-size: 100%;width: 100%;
background-position: top;
background-repeat: no-repeat;
padding: 0;overflow: hidden;
margin: 0;
height: 320px;
position: relative;
background-color: transparent;
}

Le forum en question, 
Lien
Est-ce que c'est faisable sur b4E?

Dernière modification le mardi 02 Février 2021 à 12:37:07

Tu peux aussi mettre une barre en bas.

J'ai fait un essai pour que tu vois donc si ça ne va pas tu n'as qu'à enlever....

Sinon dans le css essayer ça pour déplacer la barre

header {
    min-height:75px;
    margin-top: 60px;
}
header .image img {
    max-width: 100%;
    
}

nav {
    text-transform :uppercase;
    position:fixed;
    z-index:600;
    min-height: 40px;
    margin-top: -370px;
}

Roh, merci trop cool, 
Je l'aurai préféré au dessus de l'image, mais c'est déjà énooooormeuh! 

J'ai aussi installé l'option barre fixe, Elle fonctionne, 
Du coup, je ne sais pas que choisir, 

Merci, 


Et merci Daniel pour la barre de chocolat, 

re

@Daniel@ merci !!!!


nav {
    text-transform :uppercase;
    position:fixed;
    z-index:600;
    min-height: 40px;
    margin: -365px 0 0 180px;
}

Encore plus cool, Merci Simon, 

Du coup, je m'interroge, 
Je garde les deux barres et je supprime le chaton?
Je garde la barre du haut et le chaton? 
Je ne garde que la barre du haut? 

Toujours, je suis heureuse que tu n'es pas fermé ce post,  

Je digère les crêpes et j'y réfléchi, 
Passe une bonne fin de soirée, :ch:

Coucou Simon, 
Avant d'aller me coucher, j'ai modifié pour voir quel effet ça me ferait au lever et si j'allai laisser tel quel, 
J'ai opter pour la barre fixée en haut, et celle d'en bas en plus discret et j'ai supprimé le chaton, 
Y'a juste un truc que je n'arrive pas à faire, C'est réduire l'espace entre la barre et les liens de bas de page, 
Sinon, cette formule me convient, 
Encore Merci, 
Bonne matinée, 
Mi Neth, 

dans la bordure basse en gras....

 
  .menu ul{
    background:#D9B689;
    height:9px;
    padding:1px;
    }
     .menu a{
    margin-left:12px;
       font-size:16px;
       color:#1B5161;
    }       
    .diz-bas{
 height: 250px!important;
}
 #barre_bas.centre {
 margin: 175px 0!important;  /*position liens barre*/
 }     
 
___________________________



nav {
    text-transform :uppercase;
    position:fixed;
    z-index:600; 
    min-height: 40px;
    margin-top: -370px;
    margin-left: -45px;
}
 

Bonne nuitée,