Eklablog
Editer l'article Suivre ce blog Administration + Créer mon blog

Contenu hors des articles

Sur EklaBlog, nous n'avons pas accès au code source de la page, il est donc un petit peu compliqué d'ajouter des éléments dans le header ou en dehors de la page par exemple. Voici donc une petite astuce pour remédier à ce problème.
 

Créer votre nouvel élément dans un module simple en HTML. En le plaçant dans un module simple, il sera visible sur toutes les pages. Mais vous pouvez également le mettre dans un article, auquel cas il ne sera visible que sur la page de l'article en question.

<div id="element">DU TEXTE, DES IMAGES...</div>

Ensuite, dans votre CSS, vous devez placer votre élément en "position : absolute;" pour le rendre indépendant de votre module. Positionnez le ensuite grâce à "top : Xpx;" et "left: Xpx", respectivement sa position par rapport au haut et à la gauche de la fenêtre.

#element {position: absolute;
          top: Xpx;
          left: Xpx;
          propriété : valeur;
}

 

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
M
Edit : Je me suis creusé la tête toute la soirée d'hier afin de trouver une solution à mon problème et j'ai trouvé. Merci pour ton aide. Je reviendrais vers toi dans si j'ai besoin de toi dans d'autre circonstance.<br /> Bonne journée.
Répondre
M
Edit : Je me suis creusé la tête toute la soirée d'hier afin de trouver une solution à mon problème et j'ai trouvé. Merci pour ton aide. Je reviendrais vers toi dans si j'ai besoin de toi dans d'autre circonstance.<br /> Bonne journée.
Répondre
M
D'accord je vais tester. Mais j'ai d'autre question sur le contenue hors des articles. ou module en faite. Je voulais faire en sorte que j'ai deux fond en couleur sur le côté et l'image cliquable au milieu. Seulement, je voudrais mettre tout mes modules hors des articles sur mes fond de couleur sur les côté, mais mes contenue reste derrière, tel que les visiteurs et tout ce qui est dans le menus. Si tu ne vois pas, je te passe le lien de mon blog pour un aperçu.<br /> http://missshouky.eklablog.com/<br /> Tu verras en haut deux fond en couleur sur les côtés que j'ai réussi à placé, mon déroulant y est aussi, simplement le reste de mes modules reste en arrière, impossible de les positionner devant les fonds.
Répondre
M
Je ne sais pas si il y a encore du monde ici, mais je vais tester.<br /> Déjà, bonjour tout le monde et désolé du dérangement. <br /> J'ai un petit souci avec mon code HTML et je n'arrive pas à l'utiliser. Alors voilà, je voudrais mettre une image sur les deux cotés de mon header, j'ai testé le code HTML et mit mon lien de l'image, mais à la place, ça m'a mit un lien au lieu de l'image. Je vous mets donc mon code si dessous et je voudrais savoir ce qui ne va pas. <br /> "http://ekladata.com/DHn762qFlfyijF6l_kZIXUFLK_A/Image-de-cote.png"<br /> Est-ce qu'il faut rajouter quelque chose ou pas ? J'ai cherché un peu partout même dans les commentaires si dessus mais il n'y pas d'explication sur mon problème. <br /> Je vous souhaite à tous une bonne continuation.<br />  
Répondre
C
Excusez mon double post, mais c'est pour dire que finalement, j'ai trouvé la réponse à ma question en rajoutant dans le CSS :<br /> z-index: 1<br /> Merci quand même et surtout Big Huge pour le tuto !!
Répondre