• 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;
    }

     


    Tags Tags : , , , ,
  • Commentaires

    1
    Mercredi 18 Janvier 2012 à 18:51

    Snif... J'étais toute contente d'avoir trouvé ton tuto parce que je voulais faire de onglets pour mes rubriques, c'est quand même bien + joli... Mais, si j'ai bien compris le début, à la fin tu me perds avec ton langage d'initiée !!! C'est quoi une div ? (même quand je saurai ça je vais jamais y arriver *pleure*)

     

    2
    Mercredi 18 Janvier 2012 à 21:19

    Pour fair simple, une div, c'est une boite ^^

    La balise div permet en gros d'appeler un élément créer en css pour le placer dans le hml sous forme de boite (je suis pas sur que mon explication soit très clair ^^'). Mais bon, on a pas besoin de connaitre la définition d'une div pour faire ça X)

    Voilà un exemple tout bête que tu peux coller sur ton blog et adapter après niveau design (positionné comme moi pour faire des onglet de navigation)

    CSS:

    .onglet { position: fixed;
    top: 40px;
    left: 20px;
    background: red; /*couleur du fond*/
    border: 1px solid black; /*bordure*/
    box-shadow: 0 0 5px red; /*ombre rouge*/
    padding: 3px; /*marge interieur*/} ​​​​​​​​​​

    HTML (dans un module simple)

    <div class="onglet">Du blabla d'exemple</div>

    Actualise la page et tu as normalement un cadre rouge en haut a gauche

    3
    Mercredi 18 Janvier 2012 à 21:22

    Tout d'abord, bravo, les tutoriels sont toujours aussi rapides et bien expliqués.
    Même si pour un début, c'est quand même, un tout petit peu difficile.
    Enfin bon, il n'y a pas de problèmes puisque tu es là pour aider aider ceux qui n'ont pas compris...

    @okaasan : Une div, c'est un conteneur où il y a des choses à l'intérieur (Texte, images etc...).
    Par exemple, l'article, c'est une div il me semble.

    Sur des sites tout ce que tu vois est dans des divs.
    Il y a la div, dont l'apparence est définie grâce au Css, et son contenu.

    Pour mettre une div, sur un code Css tu mets :

    #nomdeladiv {
    [Propriétés (par ex : border: 5px solid grey)]
    }

    Et après, avec du HTML, tu mets :

    <div id="nomdeladiv">Contenu (images, texte etc...)</div>

    Tu vois donc que le sélecteur et l'ID de la div ont le même nom : Le code css va attribuer à la div portant son nom les propriétés dans le code.

    Un peu dûr au début, mais c'est logique et très simple.

     

    4
    Mercredi 18 Janvier 2012 à 21:23

    Ah j'ai été long pour écrire mon roman moi :o

    5
    Jeudi 19 Janvier 2012 à 16:13

    <a href="LIEN">Contenu</a>
    Ici, sa fait :

    <div class="navigation"><a href="LIEN">CONTENU</a></div>

    6
    Kiwako[deco]
    Jeudi 19 Janvier 2012 à 17:17

    Tu me sauve toujours Nagi' T___T (le surnom qu eje t'ai donné est bizarre x])

    7
    Jeudi 19 Janvier 2012 à 18:22

    Merci pour les explications Tantan-kun ^^

    De rien =)
    Nagi' ou Nag, comme vous voulez XD 

    8
    Jeudi 19 Janvier 2012 à 18:37

    J'essaie de le finir avant la fin du mois ^^'

    9
    Jeudi 19 Janvier 2012 à 20:38

    Ah merci Nagalia, je m'y retrouve un peu. Et SUPER SYMPA le code tout prêt aux couleurs de mon blog ♥ (on sent l'artiste là !), ce week end j'essaie !!! Youpiiii ! C'est vraiment super gentil. Mais comment tu fais pour gérer tout ça ? (blogs, créas, études, -vie privée peut-être aussi ^^ - etc...) C'est génial, bravo !

    @Tantan Kun : merci de me parler comme si j'avais 4 ans.............. Tu trouves ma question imbécile (je le sens, si si ne nie pas !!!) mais figure toi que dans la vie, on ne peut pas tout savoir !!!! J'admire votre facilité, à  votre âge, à jongler avec les codes css et html comme des pros. Vu que ça m'intéresse, je fais des efforts POUR COMPRENDRE et non pas copier/coller bêtement les codes que vous avez la gentillesse de nous metre à dispo (même quand j'ai copié/collé, genre pour le curseur ou la pluie de flocons, j'ai décortiqué le code pour voir ce qui s'y passait). Alors, pour tout te dire, contrairement à la réponse de Nagalia, ta réponse était plutôt vexante. Moi aussi, il y a des trucs qui me semble évidents, et je suis morte de rire INTERIEUREMENT quand les gens posent une question "bête" (d'ou mon interprétation correcte des ^^ du com de Nagalia XD) mais : 1/pour moi il n'y a pas de question bête (il vaut mieux passer pour un con que de le rester, sans savoir) et

    2/ j'essaie de ma rappeler que tout le monde ne pratique pas les mêmes choses que moi (celui qui est nul sur un sujet que je maîtrise, peut être meilleur que moi sur un sujet sur lequel je suis nulle)... (ça fait beaucoup de "sur", ça... enfin bref)

    Cela dit je tiens compte de tes explications supplémentaires, grâce auxquelles je vais me coucher moins bête ce soir et pour lesquelles je te remercie.

    Désolée mais tu vois Tantan Kun, tu n'es pas le seul à pousser des coups de gueule... Je préfère dire le choses, c'est comme ça. Ce qui me permet de n'être pas rancunière pour un rond.

     

     

    10
    Jeudi 19 Janvier 2012 à 20:41

    :o
    J'ai dit quelque chose de mal ? :o :o

    11
    Jeudi 19 Janvier 2012 à 21:00

    J'ai dit quelque chose de mal ? :o :o
    Je n'ai jamais dit que votre question était "imbécile", au contraire, moi vous devriez voir mes questions il y a 2 ou 3 ans auparavant...

    On a tous des difficultés, si j'ai essayé de simplifier au maximum, c'est avant tout pour que vous puissiez mieux comprendre. Je pense que quand j'essaye de vous aider vous, ça doit aussi être utile pour les autres, donc je simplifie au maximum, on ne sait jamais.

    Maintenant, si vous pensez que j'estime votre question comme étant "imbécile", sachez que vous vous trompez. Si personne n'avait de questions à poser, je pense que je n'aurais pas fait mon blog que vous conaissez, il me semble.

    Pour les codes, moi je vous donnes les codes, après si vous n'en voulez pas, il faudrait me demander de ne plus vous les donner...

    Bref, si j'ai dit quelque chose d'inaproprié, je vous de bien vouloir m'en excuser, mais à ce que je saches je n'ai rien fait de mal ^^'

    12
    Jeudi 19 Janvier 2012 à 22:10

    Bon, désolée Tantan kun, j'ai dû mal interpréter la tournure de ton com... Il y a des fois où on est bouché, que veux-tu... Cela dit (au passage, tu peux me tutoyer !!!) ne m'en veux pas, je devais être en mode "susceptible" tout à l'heure... Pourtant c'est pas mon genre en principe. Merci encore pour tes codes, désolée pour tout à l'heure.

    13
    Vendredi 20 Janvier 2012 à 07:20

    Ce n'est pas grave du tout voyons :)
    Les malentendus arrivent toujours :P

    14
    Vendredi 20 Janvier 2012 à 18:23

    Merci , c'est gentil *rougit de sa bêtise d'hier*

    15
    Vendredi 20 Janvier 2012 à 20:44

    Vous savez, le plus réfléchit est toujours le plus idiot, me dit ma prof. de musique...
    Le basique et le simple, c'est sûrement mieux que le réfléchit ;)

    16
    Samedi 21 Janvier 2012 à 11:06

    Oui, mais comment on fait pour qu'il ne se superpose pas??

    17
    Nagalia Profil de Nagalia
    Dimanche 22 Janvier 2012 à 11:33

    C'est une solution, mais vous pouvez ne créer qu'un seul élément en css et changer après les marges dans le html:


    .onglet { position: fixed;
    top: 40px;
    left: 20px;
    wdth: 150px; /*largeur*/ }


    <div class="onglet">un onglet</div></div class="onglet" style="margin-left: 170px">deux onglet</div>

    18
    Dimanche 22 Janvier 2012 à 21:28

    C'est vrai que la partie html est assez vide... Je m'y met quand j'y un peu de temps (ensevelie sous une montagne de devoir --')

    19
    Dimanche 22 Janvier 2012 à 21:31

    Bienvenue au club !
    Un étudiant n'a plus de vie de nos jours :P

     

    20
    Dimanche 22 Janvier 2012 à 22:21

    Ouais... Bac blanc de français et d'histoire cette semaine et les profs trouve rien de mieux que de nous sortir tous les controle en même temps --'
    Veux retourner faire du coloriage en maternelle! /SBAFF/

    21
    Lundi 23 Janvier 2012 à 07:25

    LoL :Pp

    22
    Lundi 23 Janvier 2012 à 19:03

    Ah oui la primaire O:)
    Moi ma prof de maths >> Je dis rien, c'est mieux ;)

    23
    Lundi 23 Janvier 2012 à 20:03

    Ah ouais carrément...
    La pauvre, vous lui faites quoi ? x)

    24
    Lundi 23 Janvier 2012 à 20:06

    hm... Stop flood s'il vous plait ^^ (bon ok, c'est moi qui ai lancé...)

    => http://fanstasy-graph.eklablog.net/blabla-a24269089

    25
    Lundi 23 Janvier 2012 à 22:09

    Marrant le coup de "retourner faire du coloriage en maternelle" (je me disais justement pareil ce week-end,  pas à cause des devoirs mais du boulot... En fait c'est pareil sauf qu'il n'y a pas de révisions. Quoique...

    26
    Claude Beacons Profil de Claude Beacons
    Mercredi 25 Janvier 2012 à 20:39

    il ya pas de coulissant qu'on je fais ca T^T

    27
    Claude Beacons Profil de Claude Beacons
    Mercredi 25 Janvier 2012 à 20:46

    .. ah alors quelqun m'aide !

    sa parle de quoi ce tuto's en général XD ?

    28
    Mercredi 25 Janvier 2012 à 20:50

    L'utilisation du javascript était relativement gênante et inutile...
    L'iframe gênait mes visiteurs pour poster des commentaires : Bref, le caca !

    J'ai trouvé une solution, un petit mélange d'HTML et de CSS et le tour est joué !
    J'ai fait un tuto, pour ceux qui veulent aller voir...

    Non à la pub ;D
    Tantan-Kun.

    29
    Mercredi 25 Janvier 2012 à 20:55

    Lee Shin: c'est le tuto pour faire les onglets que tu vois en haut de la page (livre d'or, question...)

    Très bon tuto tantan-kun. Je suis en train réécrire le tuto du menu coulissant (donc avec le js ^^') mais ça te dérange si je met un lien vers ton tuto pour ceux qui veux juste avec le css?

    30
    Mercredi 25 Janvier 2012 à 20:59

    Pas de problèmes Nagalia ;P

    31
    Claude Beacons Profil de Claude Beacons
    Mercredi 25 Janvier 2012 à 23:10

    Mercii j'y suis arrivé *-*

    32
    Jeudi 26 Janvier 2012 à 07:11

    De rrien ;P

    33
    Dimanche 29 Janvier 2012 à 22:46

    alors sur ce coup la je t'adore nagi *w* 

    //PAN//

    merci infiniment ♥

    34
    Yuun Profil de Yuun
    Mercredi 1er Février 2012 à 20:14

    Âmes Sensibles savent s'abstenir , question débile en vue :

    Est-ce-que l'on peut mettre un HTML dans un contenue hors article ? -.-"

    35
    Mercredi 1er Février 2012 à 20:36

    Eh bien oui ;)
    Toutes les pages internet sont codé avec le html. D'ailleur, on appelle les "navigations" en html: 

    <div class="navigation">CONTENU</div>

    36
    Yuun Profil de Yuun
    Jeudi 2 Février 2012 à 18:20

    Super merci beaucoup !

    37
    Vendredi 3 Février 2012 à 20:24

    Il se superpose toujours, je peut savoir ce que je doit rajouter?

    CSS:

    .onglet {position:fixed;
    top330px;
    left835px;
    backgroundblack;
    border3px double white;
    box-shadow5px white;
    padding3px
    wdth150px}    

    HTML:

    <div class="onglet">

    <p><a href="http://mochiblog.revolublog.com/le-site-c17008951"><img style="-webkit-user-select: none;" src="http://data0.revolublog.com/mochiblog/perso/image%20le%20site.jpg" alt="" /></a></p>

    </div>

    <div class="onglet">

    <p><a href="http://mochiblog.revolublog.com/coin-tsugunaga-momoko-c17033100"><img style="-webkit-user-select: none;" src="http://data0.revolublog.com/mochiblog/perso/image%20coin%20momoko.jpg" alt="" /></a></p>

    </div>

    38
    Vendredi 3 Février 2012 à 20:32

    Bonsoir,

    Pour toi Mochi :
    Sur le premier code, ou en tous cas la première image, ajoutes une propriété à la div :

    <div class="onglet">

    <p><a href="http://mochiblog.revolublog.com/le-site-c17008951"><img style="margin-CÔTE: Xpx; -webkit-user-select: none;" src="http://data0.revolublog.com/mochiblog/perso/image%20le%20site.jpg" alt="" /></a></p>

    </div>

    Il te suffit de remplacer "CÔTE" et X par certaines caleurs :

    1. Pour CÔTE : Le côté où doit être appliqué la marge
      right : pour la droite
      left : pour la gauche
    2. Pour X(px) : ajoutes une valeur, à toi de voir laquelle

    C'est aussi simple que cela ;)
    Et si ton problème vient du code css, au lieu de mettre :

    .onglet {position:fixed;
    top330px;
    left835px;
    backgroundblack;
    border3px double white;
    box-shadow5px white;
    padding3px
    wdth150px 

    Mets :

    #onglet {position:fixed;
    top330px;
    left835px;
    backgroundblack;
    border3px double white;
    box-shadow5px white;
    padding3px
    wdth150px}

    Avec le dièse à la place du point ;)

    39
    Vendredi 3 Février 2012 à 20:32

    Ouais mais je n'ai pas vraiment compri...je peut avoir un exemple d'un bon code de ce style pour comparé svp?

    40
    Vendredi 3 Février 2012 à 20:34

    Bonsoir,

    Oui, si le premier onglet est à droite, il va falloir mettre right à la place de CÔTE sur mon code.
    Si le premier onglet est à gauche, au contraire, il faudra mettre left.

    C'est vrai que c'est parfois très dûr à comprendre, mais pour quelqu'un qui sait ça parait si facile...
    Si tu n'as toujours pas compris, n'hésites pas à solliciter mon aide.

    41
    Vendredi 3 Février 2012 à 21:18

    J'ai mis ça et sa ne marche toujours pas....

    Html:

    <div class="onglet">

    <p><a href="http://mochiblog.revolublog.com/coin-tsugunaga-momoko-c17033100"><img style="margin-left: 120px;" src="http://data0.revolublog.com/mochiblog/perso/image%20coin%20momoko.jpg" alt="" /></a></p>

    </div>

    <div class="onglet">

    <p><a href="http://mochiblog.revolublog.com/le-site-c17008951"><img style="margin-right: 50px; -webkit-user-select: none;" src="http://data0.revolublog.com/mochiblog/perso/image%20le%20site.jpg" alt="" /></a></p>

    </div>

    42
    Vendredi 3 Février 2012 à 21:27

    Désoler de vous avoir dérangé, je viens enfin de trouvé et merci beaucoup pour vos aides !

    43
    Samedi 10 Mars 2012 à 01:58

    Génial ce tuto, merci Nagalia-san!!!
    Bien expliquer et en détaille, c'est super!

    44
    Samedi 10 Mars 2012 à 17:09

    D'apres son profil, il a supprimer tout ces blogs ...

    45
    Samedi 10 Mars 2012 à 18:31

    La bonne question ...

    46
    Novalia
    Dimanche 11 Mars 2012 à 12:27

    j'ai rien compris, puis j'ai relu et rerelu et essayer et réessayer et j'ai réussit :O

    par contre, comment on fait pour pas qu'on voit le module simple ?

    47
    Natsuko Profil de Natsuko
    Lundi 26 Mars 2012 à 18:29

    question:

    le code a mettre dans un module simple,

    c'est a mettre dans un truc comme l icone a mettre une photo ou video ou c'est a mettre comme sa?

     

     

    48
    Natsuko Profil de Natsuko
    Lundi 26 Mars 2012 à 18:53

    o_o ok...

    49
    Lundi 26 Mars 2012 à 19:21

    Quand tu édite ton module, il faut que tu clique sur l'icone "HTML" et que tu colle le code dans la fenêtre qui s'ouvre ;)

    50
    Natsuko Profil de Natsuko
    Mardi 27 Mars 2012 à 16:48

    ah ok, merci bcp! =D

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    51
    Aikya Profil de Aikya
    Vendredi 25 Mai 2012 à 08:03

    Bouhou, y'a un truc qui cloche chez moi T.T En faite, j'ai fait tout mon CSS sur ordi protable, là tout allait bien, mes onglets étaient bien placés... et quand je suis allée sur un ordi normale tout était décalé et mis n'importe comment ToT Comment faire pour que les gens voient la même chose, quel que soit la taille de leur écran? Et aussi comment faut t'il faire pour que les titres des menus ne passent pas au-dessus des onglets? Désolée pour toutes ces question >_<"

    52
    Samedi 9 Juin 2012 à 14:01

    Merci Nagalia^^ Mais j'ai une petite questions :

    Au début de ce thème (Code Yoko)au bas a gauche tu avait mit un "Sondage", comment as tu fait pour carrement le faire apparaître ? Je m'explique :

    Moi, j'ai mit le lien, mais sa n'affiche pas : "Questions?"

                                                              "Reponses"

                                                              "Réponses

                                                               "Ect.."

    Moi,il faut cliquer sur le lien pour voir le sondage !

    Comment as tu fait ?

    53
    Jessica.V
    Dimanche 24 Juin 2012 à 11:54

    Hello j'ai un petit soucis avec ce tutoriel, donc tout marche bien, a part que lorsque j'enlève mon menu (je n'ai mis aucun menu dans mon site c'est pourquoi j'enlève la colone), l'élément que j'ai rajouté disparaît...

    54
    Gaewen Profil de Gaewen
    Samedi 11 Août 2012 à 23:53

    nagalia ou autre hein x)  j'ai une question imaginons que pour le fond on souhaiterez mettre une image comment fait on a et si on veux déplacer le contenu dessous l'header on fait comment ?

     

    55
    xX Ezreal Xx Profil de xX Ezreal Xx
    Vendredi 7 Septembre 2012 à 22:08

    ah merci ! j'ai compris !

    56
    Vendredi 26 Octobre 2012 à 00:32

    J'ai pas compris comment on faisait pour en mettre deux sans qu'ils se chevauchent... :S

    57
    Aikya Profil de Aikya
    Vendredi 26 Octobre 2012 à 07:27

    Si ton onglet mesure 100 px + une marge de 10px, tu dois écrire qu'il se trouve à par xemple e100px du bord + 100px pour qu'il ne soit pas au dessus du premier onglet + 10 px pour la marge ^^

    J'espère que tu as compris >.<'

    58
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Lundi 29 Octobre 2012 à 12:21

    hum ... bonjour , 

    j'ai une question qui m'embete : comment fait t -on pour personnaliser le desing de ce petit module ( sujet de ce tutos ) ? 

    59
    Lundi 29 Octobre 2012 à 12:46

    En rajoutant dans propriété, comme "shadow", "border"...

    60
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Lundi 29 Octobre 2012 à 12:57

    c'est a dire je n'ai pas compris , : 

    .navigation {position: absolute;
                      top: Xpx;
                      left: Xpx;} 

    dans le code il n'y a pas de propriété donc je ne sais pas ou le mettre 

    en fait j'ai mit une video et j'aimerai mettre un contour / bordure pour que ce soit delimité et jolie ^^

    61
    Jeudi 1er Novembre 2012 à 18:36

    Position, top et left sont des propriété ;)

    Si tu veux mettre une bordure, rajoute simplement à la suite:

    border: Xpx solid COULEUR;

    62
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Vendredi 2 Novembre 2012 à 18:06

    ah ok ^^ merci 

    63
    Samedi 3 Novembre 2012 à 14:55

    Michi du tuto

     

    64
    Jeudi 6 Décembre 2012 à 14:29

    Je n'y connais vraiment rien au Codes...

    Il faut mettre: .navigation  ?

    65
    Jeudi 6 Décembre 2012 à 19:23

    Navigation ou autre chose, c'est toi qui choisi le nom que tu veux donner à ta classe.
    Lis cet article:

    => http://fanstasy-graph.eklablog.net/le-b-a-ba-a21373151

    66
    Lundi 20 Mai 2013 à 13:52

    Coucou je voulais savoir comment on fait pour que les modulles soit à coté d'un module s'il te plait ? :) 

    http://pandicornkatsu.lo.gs

    67
    Mardi 21 Mai 2013 à 18:15

    J'ai une question,qui a peut être déjà été posée,mais 86 coms,c'est un peu long à lire,et ma flemmardise s'en excuse ^^" ..

    Quand je fais le code itout,et que je mets une phrase assez longue, le contenu, ou div, s'éllargi automatiquement, mais j'aimerai qu'il ne fasse qu'un certains nombre de pixels de largueur .. Help ;_; !

    Edit : Je cherche aussi comment déplacer un menu :3

    68
    Mardi 21 Mai 2013 à 20:51

    Merci >< ♥

    69
    Mercredi 22 Mai 2013 à 17:34

    Merci ! :) 

    mais sa marche pas le module reste en haut..

    70
    Mercredi 22 Mai 2013 à 18:25

    je l'ai mais sa reste toujours en haut ! :/

    71
    Jeudi 23 Mai 2013 à 18:19

    ok !  

    #module_menu2821246 {positionabsolute
              top188px
              margin-left500px;
        backgroundnone;}
    {positionabsolute;
                      top100px;
                      left10px;}

    72
    Dimanche 28 Juillet 2013 à 23:12

    Bonjour.

    Quand je zoome/dézoome sur mon blog, les div gardent leur place mais le contenu se décale vers la gauche, du coup cela ne ressemble plus à rien. Que puis-je faire ? Merci

    EDIT : encore une fois, j'ai fini par trouver, désolée xD

    73
    Dimanche 27 Octobre 2013 à 21:35

    On peut en mettre plusieurs sur un blog ? :3

    74
    Dimanche 27 Octobre 2013 à 22:14

    Comment ça ?

    75
    Dimanche 27 Octobre 2013 à 22:46

    Par exemple, en avoir deux situés sur le même blog. Une fois j'avais essayé je crois et ça n'avait pas marché...

    76
    Dimanche 27 Octobre 2013 à 23:04

    Il me semble que c'est possible...

    77
    Lundi 28 Octobre 2013 à 19:49

    Je vais essayer, pour voir.

    78
    Mardi 17 Juin 2014 à 18:01

    Coucou hum aurret tu un code Html pour fair un petit truck d'encadré pour une page d'accueil que je pourret mettre une video decu et image et aussi de lécriture bien sur ^^

    79
    Mardi 17 Juin 2014 à 19:20

    @NitSukii : Heu... Je suis la première à faire des fautes de frappes, mais s'il te plait relis toi avant de poster un commentaire... Je n'ai pas compris ce que tu veux faire ^^'

    80
    Jeudi 19 Juin 2014 à 11:17

    Nitsuki, je pense pas que ça soit l'article adapté pour demander ce genres de trucs, mais ce tuto pourrait peut-être t'aider (si j'ai bien compris ce que tu veux ^^') : >clic<
    Sinon je vois pas ^^'

    81
    Jeudi 26 Juin 2014 à 16:44

    Est-ce qu'il est possible, pour placer un élément, de définir directement un endroit de la page (Ex: en dessous du header) au lieu d'utiliser des "px" ou des "%" ?

    En faite, j'aimerais placer mon menu déroulant juste en dessous de mon header, sur toute la longueur de la page, mais même avec des %, il serait décalé selon la taille de l'écran, non ? (Je ne sais pas si c'est très clair...)

    82
    Mercredi 8 Octobre 2014 à 13:36

    Bonjour, j'ai essayé de mettre une vidéo sur mon header mais malheureusement ça ne fait pas ce que j'aimerais que ça fasse.

    Le problème est que la vidéo n'est pas "accrochée" au header. Lorsque je descends sur mon blog, la vidéo me suit, et je ne pense pas que ce soit cela qui doit se produire... Pouvez-vous m'aider s'il vous plaît ?

    83
    Vendredi 10 Octobre 2014 à 18:21

    J'imagine que c'est dû à un "position : fixed"

    S'il y en a un dans ton code, il faut remplacer "fixed" par "absolute". S'il n'y en a pas, j'aurais besoin du code pour comprendre le problème :)

    84
    Lundi 27 Octobre 2014 à 10:47

    C'est bon, finalement j'ai réussi, merci beaucoup pour le code ^^

    85
    Mercredi 25 Mars 2015 à 13:38

    Bonjour,

    Merci pour ce code que je recherchais depuis une éternité et qui, je m'en rend compte maintenant, est super simple à comprendre...T.T Il y a juste une petite chose que j'aimerai savoir. Tu dis clairement dans ton article "Mais vous pouvez également le mettre dans un article, auquel cas il ne sera visible que sur la page de l'article en question". Comment fait-on ? >.</

    Merci.

    86
    Mardi 31 Mars 2015 à 17:15

    Je m'excuse, ma question était stupide et je viens tout juste de la remarquer....-_-' Merci encore pour ce code!

    Au-revoir!

    87
    Jeudi 30 Juillet 2015 à 22:58

    Coucou, j'ai un gros probléme avec mon contenu hors des articles (Mon code quoi) Soit quand je clique dessus sa ne fonctionne pas et il faut que je reinitalise ou soit il part dans une autre dimention du blog alors que j'avais mit trés bien les pixels. Voici mon code.

    #element {positionabsolute;
                 top130px;
                 left340px;
    }

    88
    Mardi 8 Septembre 2015 à 22:20

    Bonsoir,

    Excusez-moi de vous déranger, mais je viens de mettre ton code à l'essai et d'ailleurs je te remercie de l'avoir posté !

    Cependant, j'ai un peu hic comme on dit en France lol Ce menu donc passe "en dessous" des marges de mes titres...

    L'explication en image :   Et ça me fait mal aux yeux, j'aimerais savoir s'il était possible de changer, ce petit désagrément ?

    Merci d'avance !

    89
    Mardi 8 Septembre 2015 à 22:34

    Excusez mon double post, mais c'est pour dire que finalement, j'ai trouvé la réponse à ma question en rajoutant dans le CSS :

    z-index: 1

    Merci quand même et surtout Big Huge pour le tuto !!

    90
    Dimanche 1er Août 2021 à 16:57

    Je ne sais pas si il y a encore du monde ici, mais je vais tester.

    Déjà, bonjour tout le monde et désolé du dérangement. 

    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. 

    <div id="element1">"http://ekladata.com/DHn762qFlfyijF6l_kZIXUFLK_A/Image-de-cote.png"</div>

    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. 

    Je vous souhaite à tous une bonne continuation.

     

      • Dimanche 1er Août 2021 à 19:49

        Je ne suis pas sûre d'avoir bien compris ce que tu cherches à faire, mais pour afficher une image tu as deux options :

        1. HTML

        <div id="element1"><img src="http://ekladata.com/DHn762qFlfyijF6l_kZIXUFLK_A/Image-de-cote.png" /></div>

         

        2. HTML et CSS

        <div id="element1"></div>

        #element1 {background: url("http://ekladata.com/DHn762qFlfyijF6l_kZIXUFLK_A/Image-de-cote.png") no-repeat center / cover }

        (plus d'info sur la propriété "background")

    91
    Dimanche 1er Août 2021 à 19:59

    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.

    http://missshouky.eklablog.com/

    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.

      • Dimanche 1er Août 2021 à 20:49

        Le blog est protégé par un mot de passe, je ne peux pas voir ce dont tu parles ^^'

      • Dimanche 1er Août 2021 à 20:52

        Normalement c'est bon maintenant, tu peux y avoir accès. Je suis désolé.

      • Dimanche 1er Août 2021 à 21:09

        Normalement c'est bon maintenant, tu peux y avoir accès. Je suis désolé.

    92
    Lundi 2 Août 2021 à 12:42

    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.

    Bonne journée.

    93
    Lundi 2 Août 2021 à 14:17

    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.

    Bonne journée.

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :