• Art.11a.8.21

    Je ne sais pas si j'ai bien compris le commentaire d'un visiteuse mais je voudrais proposer un montage du type de mes menus (exemple ICI)

    Le principe est de publier un menu, dans une rubrique autre que celle des articles.

    Comme vous le savez, lorsque vous publiez un article, vous avez 3 onglets en haut (article, chapo et options); option vous permet de choisir la rubrique de votre choix (que vous avez créée auparavant, bien entendu) ainsi que la date de publication de votre article.

    Un tel menu n'est qu'une série de lien vers les adresses de vos articles ou de vos pages.

    Il faut savoir qu'un article que vous publiez est annoncé à vos abonnés mais les pages ne sont annoncées à personne !

    A vous de créer des liens vers vos pages, dans un menu, par exemple.

    Vous retrouvez la liste de vos articles et de vos pages en cliquant sur l'onglet Contenu/Gérer les rubriques.

    Vous y trouvez: vos rubriques, vos articles, vos pages simples, vos galeries d'images, etc...

    Créer un menu est l'équivalent de créer un article avec un cadre à la dimension de votre zone article, une image de fond de ce cadre et des liens vers vos articles ou vos pages.

    Un exemple à modifier selon vos dimensions:

    <div style="width:1000px; height:600px; margin:20px auto; text-align:left; border:1px solid black; background:url('adresse de votre image'); background-size:cover;">

    vos liens

    </div>

    **************************

    La présentation de vos boutons/lien est à votre convenance; vous pouvez utiliser une image (à dimensionner selon votre menu) ou une case dans laquelle vous identifiez le lien (c'est mon cas).

    Un lien peut s'afficher dans la même page mais il est préférable de l'afficher dans une nouvelle page en choisissant: cible: Nouvelle fenêtre.

    Un lien sur quelque chose s'écrit, soit en écrivant la ligne en code source, soit en utilisant l'icône maillon de chaîne pour diriger vers l'adresse choisie.

    Si vous choisissez d'écrire le lien directement en code source, l'ouverture dans une nouvelle fenêtre s'écrira: target=_blank; ... nous y reviendrons !

    Exemple:

    <div style="width:1000px; height:600px; margin:20px auto; text-align:left; border:1px solid black; background:url('adresse de votre image'); background-size:cover;">

    <p id="lien1" class="lien"><a href="http://pourquoipas732.eklablog.com/art-11-8-21-p2956462" target=_blank">Page 1</a></p>

    </div>

    <style><!--

    .lien{width:100px; height:40px; border-radius:12px; border:1px solid black;  text-align:center; background:pink; box-shadow:inset 3px 3px 4px black, inset -3px -3px 4px white, 2px 2px 4px black; line-height:40px;}

    #lien1{transform:translate(20px,20px);}

    --></style>

    Ce qui va vous donner ceci: clic sur le bouton.

    La forme, le nombre et le positionnement des boutons est à votre convenance.

    Chaque bouton sera positionné par:

    #lien1{transform:translate(20px,20px);}

    #lien2{transform:translate(20px,100px);}

    #lien3{transform:translate(20px,180px);} ....

    Selon ce principe, j'ai créé un code de base, avec juste l'adresse des liens à ajouter ainsi que le nom sur le bouton: très simple à adapter.

    A vous de jouer ! A votre service si vous voulez plus de précisions.

    *******************

    Il semble que certaine (suivez mon regard) ne savent pas trouver comment faire un lien sur un article ou une page alors...

    Lorsque vous ouvrez un article ou une page, vous avez son adresse dans la barre d'adresse, en haut de votre navigateur.

    Pour un article, cette adresse ressemble à: http://pourquoipas732.eklablog.com/articles-c28709748

    Pour une page, elle ressemble à : http://pourquoipas732.eklablog.com/art-11a-8-21-p2956474

    Il faut la copier et la placer dans la formule citée ci-dessus ou ouvrir l'outil maillon de chaîne et coller cette adresse dans la case URL... et pi c'est tout !