• Des codes, et des codes.


    Mardi 27 Août 2013 à 18:25
    Sloth

    Salutations ! 

    Je ne parviens pas à trouver les codes CSS qui me permettraient de faire le thème de mon blog comme il me l'entend, je vous rends donc une petite visite pour vous demander de l'aide, 

    1. Tout d'abord, je voudrais changer le fond de la fenêtre de mon blog. Mon fond est une grosse image s'étendant sur toute la page, son poids est donc supérieur à 400 ko. 
    J'ai seulement trouvé le code CSS pour insérer le fond de la page, qui est : 
    #background {background-imageurl("url de l'image");}
    Quelqu'un aurait donc le code adéquat sous la main ? 
    2. Quelqu'un saurait comment modifier le menu de l'entête de telle sorte ?(Changer la police, la position de chaque élement, ombre portée) : 
    http://grifouille-dream.eklablog.com/partenaires-c18483722
    3. Serait-il possible de détacher le menu n°1 de la page, en un pan à l'écart ? 
    4. Des sites de code CSS, Html, Java seraient les bienvenus ! 

    Merci d'avance ! 

    Mardi 27 Août 2013 à 23:13
    Eyael_

    Bonjour,

    Le plus simple serait d'utiliser Firefox comme navigateur. Déjà parce qu'il respecte les règles de l'HTML et du CSS contrairement à IE qui fait toujours quelque chose pas comme tout le monde mais surtout parce qu'il comporte un module intégré pour développeur. Tu fais un clic droit sur un élément d'une page Web et tu as l'option "Examiner l'élément" qui te diras tout ce que tu veux savoir : son code HTML, sa position dans la page, les éléments CSS dont il hérite, etc... Je pense que c'est tout ce dont tu as besoin pour modifier tout ce que tu souhaites sur ton blog.

    J'espère que ça t'aura aidé.

    Mercredi 28 Août 2013 à 15:57
    Sloth

    Merci de ta réponse ! 
    C'est vraiment difficile de s'y retrouver et de soutirer ce qui nous intéresse. J'espère que je saurais m'y faire en tout cas, ça m'aiderait vraiment. Enfin toujours est-il que ça ne m'aide pas dans l'immédiat pour le point 1 (je déduis qu'on peut trouver ce code, mais dans un tel fouilli...) ni le 3.

    Mercredi 28 Août 2013 à 16:03
    Aelin

    Bonjour,

    voici le lien d'un site de html. Mais en anglais.

    Mercredi 28 Août 2013 à 23:23
    Eyael_

    Pour le point 1, il faut tout d'abord que tu "uploades" (télécharges sur ton blog) l'image que tu souhaites utiliser comme fond. Je te conseille, si tu débutes, d'organiser tes fichiers par dossiers pour mieux t'y retrouver. Moi j'ai nommé le dossier où je ranges les éléments graphiques communs à toutes mes pages "UI" mais tu peux l'appeler comme tu veux. Ensuite tu connaitras l'adresse URL de cette image et tu pourras l'indiquer à la place de "Url de l'image". Je te donne un exemple sur mon propre blog (ce sera différent pour le tien mais sur le même modèle) en espérant que tu comprennes un peu mieux.

    background-image: url(http://ekladata.com/lapensinemutine.eklablog.com/perso/UI/contact.png);}

    Les parties en rouges sont les éléments qui vont différer chez toi : l'adresse de ton blog puis le dossier et le nom de ton image. Le reste c'est eklablog qui gère ça.

    Jeudi 29 Août 2013 à 00:31
    Sloth

    Oh, oui j'ai dû faire ça pour le header, je n'ai juste pas trouvé le code adéquat pour que ça soit dans la fenêtre et pas dans le fond de la page. 
    Enfin le code CSS est faux de toute façon, celui qui s'en rapproche le plus et qui marche, je l'ai donné plus haut. 
    J'ai de maigres connaissances vu que j'utilise le css depuis 2011.
    Enfin merci de ta réponse. :) 

    Jeudi 29 Août 2013 à 00:55
    Eyael_

    Pour avoir tous les codes il faut afficher le code source de n'importe quelle page de ton blog (si tu utilises un navigateur comme Firefox, il faut faire un clic droit sur un endroit vide de la page et sélectionner "Afficher le code source"). Si tu connais un peu le CSS, tu devrais trouver le code qui va bien pour ton header.

    Jeudi 29 Août 2013 à 01:46
    Sloth

    J'ai fait ça et ça m'a aidé à trouver quelques codes, je t'en remercie.
    En l'occurence j'aimerais changer l'opacité de ma page désormais (comme sur ce blog : http://once-upon-a-time.eklablog.fr/). J'ai trouvé un code mais ce dernier me change l'opacité d'absolument tout, toute ma page devient transparente et c'est plus qu'inconvenable.  
    Le code est :

    #background{opacity: 0.5 

    Tu saurais m'aider ? 

    Jeudi 29 Août 2013 à 01:56
    Eyael_

    Il faudrait que tu appliques cette propriété à l'élément concerné. Dis-moi s'il s'agit d'un div, d'un p, etc. S'il y a du texte, il sera aussi estompé. Si tu veux juste estomper la couleur de fond, tu peux utiliser la notation de couleur RGBA(0,0,0,.5) ou lapremière valeur correspond au rouge, la seconde au vert, la troisième au bleu et la dernière l'opacité de 0 pour transparent à 1 pour 100% de la couleur, les valeurs intermédiaires vont de .01 (1%) à .99 (99%). Mon exemple est pour du noir semi-transparent en prenant du noir RGB(0,0,0) et une transparence de 50% (.5) La notation RGBA est donc bien pratique car elle n'affecte que le fond ou que le texte suivant si tu l'appliques à color ou à background-color. J'imagine que tu sais convertir les couleurs ? Sinon il y a plein d'outils qui le font.

     

    Si tu veux éclaircir juste ton background tu lui met donc background-color: RGBA(code couleurRGB,transparence voulue} le reste ne sera pas affecté.

    Jeudi 29 Août 2013 à 02:04
    Sloth

    L'élément est un div.
    Je veux juste estomper la couleur du fond. 
    Hum, non je ne sais pas, je n'ai jamais utilisé cette notation. 




    Vous devez être membre pour poster un message.