Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Mettre le menu latéral à gauche.

15 appréciations
Hors-ligne
Bonjour,
Ayant des difficultés à utiliser Rapid-Design, j'ai repris un ancien HTML et CSS sur Master Design que je suis entrain de modifier. Dans un premier temps je souhaite mettre un menu latéral du côté gauche. Sur mon CSS j'ai ça :

"#menu
<div id="menu" style="display:none">
{
background : #FFEFBD;
width : 200px;
margin-top : 5px;
float : left;
border : 2px groove #FF9900;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : #;
width : 200px;
margin-top : 10px;
border-width : 0px;
border-style : solid;
border-color : #000000;
}
#menu ul li a
{
background : #;
color : #FFFF00;
width : 200px;
padding-left : 3px;
padding-top : 10px;
font-size : 12pt;
font-family : Tarzan;
color: #000000;
line-height : 25px;
}
#menu ul li a:hover
{
background : #;
color : #FFFF00;
text-decoration : none;
padding-right : 3px;
margin-left : 3px;
font-size : 13pt;
font-family : Trebuchet MS;
color: #990000;
}
#menu h2
{
background : #;
background-image: url();
background-repeat : no-repeat;
width : 200px;
height : 25px;
margin-top : 28px;
font-size : 18px;
font-family : Tarzan;
border-width : 3px;
border-style : solid;
border-color : #000066;
text-align : center;
}"

Merci de la correction afin d'avoir ce que je souhaite.
Bon AM
Emmanuel

Dernière modification le jeudi 14 Décembre 2017 à 12:18:22

15 appréciations
Hors-ligne
J'ai la partie du menu que j'ai écrite sur le message précédent qui n'apparait pas. Pour quelle raison

15 appréciations
Hors-ligne
J'ai mis des étoiles... 


#menu
<*div id="menu" style="display:none"*>
{
background : #FFEFBD;
width : 200px;
margin-top : 5px;
float : left;     /* mettre right; */
border : 2px groove #FF9900;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : #;
width : 200px;
margin-top : 10px;
border-width : 0px;
border-style : solid;
border-color : #000000;
}
#menu ul li a
{
background : #;
color : #FFFF00;
width : 200px;
padding-left : 3px;
padding-top : 10px;
font-size : 12pt;
font-family : Tarzan;
color: #000000;
line-height : 25px;
}
#menu ul li a:hover
{
background : #;
color : #FFFF00;
text-decoration : none;
padding-right : 3px;
margin-left : 3px;
font-size : 13pt;
font-family : Trebuchet MS;
color: #990000;
}
#menu h2
{
background : #;
background-image: url();
background-repeat : no-repeat;
width : 200px;
height : 25px;
margin-top : 28px;
font-size : 18px;
font-family : Tarzan;
border-width : 3px;
border-style : solid;
border-color : #000066;
text-align : center;
}

Dernière modification le jeudi 14 Décembre 2017 à 12:23:17

15 appréciations
Hors-ligne
toujours pas ??????

704 appréciations
Hors-ligne
Bonjour Emmanuel 4 , regardes ici :flech:MENU LATERAL

1471 appréciations
Hors-ligne


Juste changer la position !  float : left;       /*Mettre float: right; */

C'est pour quel blog ?



*#menu
<*div id="menu" style="display:none"*>
{
background : #FFEFBD;
width : 200px;
margin-top : 5px;
float : left;       /*Mettre float: right; */
border : 2px groove #FF9900;
}




15 appréciations
Hors-ligne
Bonjour Simon,

Merci de ta réponse.

Il s'agit de celui-ci :  https://les-photos-d-emmanuel.blog4ever.com/

J'ai testé ton conseil sans résultat. Il y a sans doute une modif à faire ailleurs.

Bonne journée

1471 appréciations
Hors-ligne
re

Il faut recharger un autre design car celui en place est faux.

voir une capture avec un autre design charger.

Je peux te le faire mais ça demande un changement de css.

La barre sera changée également comme sur ma capture.





15 appréciations
Hors-ligne
Bonsoir Simon,

Effectivement celui-ci n'a rien à faire. C'est celui de Rapid Design.

Je veux bien que tu le faces car je patauge sérieusement actuellement. En fait je recherche une structure Haut-Barre horizontale-Menu latéral(a gauche)-Contenu.

Merci d'avance

1471 appréciations
Hors-ligne
re

Je t'ai commencé le blog donc dis-moi si ça convient.

Il semble qu'il y ait confusion avec le titre accueil et la page d'accueil......
Il faut sans doute faire un bloc ' articles" dans ton menu latéral.



15 appréciations
Hors-ligne
Bonsoir Simon,

Globalement, la structure celle que je souhaitais.
Demain je regarde plus en détail car j'ai quelques rectifications à faire et certainement à t'en demander.
Bonne soirée.

15 appréciations
Hors-ligne
Bonjour Simon,

Tout d'abord, MERCI pour les changements dans la structure de mon site, ce que j'ai omis hier soir.

Je viens de faire le tour de mon site. Je souhaiterais voir:
-les textes de la barre horizontale soient sur la droite.
-la largeur du menu soit réduite pour donner un peu plus de place au contenu.
-les textes dont la taille de police est petites soient plus importante.

Après je pense que je devrais me consacrer aux contenus.

Merci d'avance et bon WE

1471 appréciations
Hors-ligne
re

Je travaille dessus donc tu peux intervenir ICI ( pas dans la gestion) pour me dire ce qui ne va pas.

Je te ferai signe lorsque je quitte la gestion.


1471 appréciations
Hors-ligne
re

Tu peux reprendre la main

S'il y a des choses qui ne vont pas fait moi signe.





15 appréciations
Hors-ligne
Bonjour Simon,

Le souci actuel, c'est que je dois passer par l'espace de gestion car quand je tape www.les-photos-d-emmanuel  j'ai des tas de sites possible, mais ce sont ceux de notre président Macron.

Alors je dois attendre ton feu vert.

A bientôt

1471 appréciations
Hors-ligne
tu peux ouvrir ton espace de gestion

https://www.blog4ever.com/compte/connexion?login_from_blog=les-photos-d-emmanuel



15 appréciations
Hors-ligne
Ce que tu as fait, c'est parfait pour moi et je t'en remercie.

Maintenant, je dois composer selon l'objectif que je me suis donné. Peut-être que j'aurais quelques modifications en l'exploitant, à ce moment-là je te recontacterez.

Les petites modifications que je pouvais apporter avec l'ancien CSS que j'utilise toujours sur mon autre site, avec celui-ci, c'est plus difficile et hasardeux pour moi car il est beaucoup plus complexe. En le parcourant, j'ai trouvé là où je pouvais changer la taille des textes dans le footer, ce que j'ai fait en le portant de 12 px à 17.

Ce qui est dommage, c'est que pour des utilisateurs comme moi, il n'y est pas quelques parts des explications pour que nous puissions apporter nous mêmes des petits détails.

Bien pour le moment, je dois apporter du contenu.

Bon WE à toi.

1471 appréciations
Hors-ligne
re

Pas de soucis pour la suite.

Bonne soirée


15 appréciations
Hors-ligne
Bonsoir Simon,

C'est le contenu qui me pose problème maintenant.

Je n'arrive pas créer les liens entre mes articles et les catégories.

Je suis allé sur  HTML, il me semble que j'ai des données à mettre mais ne connaissant pas assez, je préfère te demander.

Il y a-t-il des explications précises sur le sujet quelque part.

Dans Accueil du menu latéral il manque un "n" à Bienvenue.

Merci d'avance.

Bonne soirée

Dernière modification le dimanche 17 Décembre 2017 à 18:36:06

1471 appréciations
Hors-ligne
re

J'ai corrigé Bienvenue.
Pour les catégories pas la peine d'aller dans le Html car le bloc se crée dans le menu latéral.

Regardes bien le bloc Catégories que j'ai mis en place pour voir comment c'est fait.

Bonne soirée


1471 appréciations
Hors-ligne
Exemple en vidéo

http://recordit.co/rlPCleNQVQ


15 appréciations
Hors-ligne
Bonjour Simon,

Merci. OK, j'ai vu mais pas encore au top. J'hésite, je tates...

Dans "Qui suis-je ?" le texte est bien là mais celui de l'accueil apparait à la suite. Pas trouvé la solution pour l'enlever.

Interrogation ? Les nouveaux articles mis en ligne paraitront à la suite  des précédents ou est-il possible de créer des sous-catégories ? Il me semble que non. Si non, il faut les créer dans les catégories de la barre horizontale ? C'est là que j'ai une confusion pour comprendre les 2 endroits.

Dur, dur...

Bonne journée.



1471 appréciations
Hors-ligne
re
Je ne comprend pas ce que tu veux.

En principe on a une barre pour guider le visiteur donc le standard serait accueil,  articles,  forum,  photos.

Il y a après les articles qui se classent dans des catégories et des sous catégories.

La page d'accueil est la présentation du blog et cette page doit être courte et comme un résumé synthétique. (La page doit s'ouvrir rapidement)

Si tu fais des articles ils se classeront par ordre dans les catégories que tu auras décidé.
Il peut y avoir une partie articles sans qu'ils soient dans une catégorie et pour ça il faut faire un bloc Articles.




15 appréciations
Hors-ligne
Bonjour Simon,

J'ai du mal à intégrer cette nouvelle présentation (HTML et CSS) et surtout son organisation.

Pour être plus clair, voici comment j'envisage un plan de contenu (hors Accueil, Qui suis-je ?, Contact, etc...)

A-/ Mes Sorties Photos
      1-Dans la Nature
         a-Dans les forêts
         b-Sur les bords de mer
         c-etc...
       2-En Voyages
          a-En Bretagne
          b-En Midi Pyrénées
          c-etc...
etc.....
Ici ce ne seront que textes et quelques photos.

B-/Mes Photos en Contrées
     1-En Bretagne
        a-L'Île Bréhat
        b-etc...
      2- En Midi Pyrénées
         a-Toulouse
         b-Dans le Lot
         c-etc...
etc.....
Ici ce seront davantage de photos pour compléter les textes des sorties photos

C-/Mes Photos par Thèmes
     1-Les Paysages
     2-Les Monuments
     3-Les couchés de soleil
     4etc....
Ici ce sont des photos choisies parmi toute ma photothèque.

Ma difficulté est d'appréhender ce qui va dans le menu et la barre. Sur mon autre site tout est réglé par la barre.

J'espère m'être mieux exprimé.

Bonne AM.

1471 appréciations
Hors-ligne
Mes Sorties Photos-->catégorie
      1-Dans la Nature----->sous catégorie

         a-Dans les forêts----> articles
         b-Sur les bords de mer--->articles
         c-etc...

       2-En Voyages----->sous catégorie

          a-En Bretagne--->articles
          b-En Midi Pyrénées--->articles
          c-etc...

Dans la barre je ne mettrai que ACCUEIL ET ARTICLES  ---- éventuellement ---> ( AUTRE BLOG)


1471 appréciations
Hors-ligne
Mes Photos par Thèmes-->catégorie

     1-Les Paysages----->sous catégorie
a  --->articles
b--->articles
c--->articles
     2-Les Monuments ----->sous catégorie
a  --->articles
b--->articles
c--->articles
     3-Les couchés de soleil----->sous catégorie
a  --->articles
b--->articles
c--->articles
     4etc....


15 appréciations
Hors-ligne
Bonsoir Simon,

J'ai toute la navigation sur le menu latéral. Je ne vois plus à quoi peut servir la barre d'autant plus que cela double l'accueil et les articles. Je souhaiterais la supprimer tout en laissant un léger espace entre le titre et le contenu. Qu'en penses-tu ?

Merci d'avance et bonne soirée.

1471 appréciations
Hors-ligne
voici les réglages


ligne 1391

nav {
    display:none;
    -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: #234d7b;
    border-left: 0px solid #87a5b9;
    border-right: 0px solid #87a5b9;
    box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
}



ligne193

article {
    min-height:300px;
    padding:20px;
    position:relative;
    width:685px;
    border:1px solid #000;
    margin:15px 2px;
    border-radius:10px;
}



ligne 1519

aside {
    color: #b00000;
    text-align:center;
    border-radius:15px;
  margin-top:15px;
  margin-left: 5px;
}


15 appréciations
Hors-ligne
Bonjour Simon,

Merci. J'ai changé les 3 lignes en faisant un copier/coller pour éviter toutes erreurs de transcription. Il y a eu un tout petit souci que j'ai pu rattraper. Une { n'était pas fermée.

Avec l'ancien CSS, j'arrivais à apporter des modifications sans trop de soucis. Celui-ci est plus compliqué, mais n'y aurait-il pas un document qui l'expliquerais succinctement ?

Bonne journée


1471 appréciations
Hors-ligne
Voici un début de réponse.

https://www.blog4ever.com/guides/categories/7-personnaliser-son-design

Le Css est un langage que l'on peut apprendre mais ça demande du temps.

J'ai corrigé le aside ligne 1530 car tu avais fait un copier/coller du code sans voir qu'il existait déjà,  donc résultat,  il était en double et le margin-top: était de 5px puis plus loin de 15 px. ce qui fait que le menu n'est pas descendu.
Souvent je donne le n° de la ligne Css qu'il faut modifier donc c'est là qu'il faut faire la modif....

1530

aside {
    color: #b00000;
    text-align:center;
    border-radius:15px;
  margin-top:15px;
  margin-left: 5px;
}
_____________________________

Les liens du menu ne se voient pas au survol souris ( hover)
Voici la correction pour que l'écriture change de couleur.( j'ai mis jaune donc il suffit de mettre celle qui te va.


Ligne 1575

aside .bloc-cote a:hover {
    color: #ff0;    /*jaune*/
}


704 appréciations
Hors-ligne
Bonjour Emmanuel 4 ,

Ton blog à bien progressé , simplement  je trouve qu'il manque la barre de navigation c'est dommage de la supprimer, c'est l'occasion de la décorer  d'y ajouter un petit + le menu latéral tu peux t'amuser aussi avec les blocs nuances de couleurs  aller c'est très bien et ce n' est que mon avis . 


Ce sujet est fermé, vous ne pouvez pas y répondre
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie MasterDesign.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5859 autres membres