• Résolu titre dans le contenu


    Mercredi 3 Avril 2019 à 10:57
    stormalo

    oui mais ça se transforme en "adresse non trouvée", sauf si...

    Mercredi 3 Avril 2019 à 11:32
    Uluru

    oh la la   Bonjour la Reine et l'Empereur   happy    Bon hier absente la journée, donc pas pu vous répondre !!!!  excusez moi .... kiss

    là je suis en train de tout lire !!!!!  euhhhhhhhhhhhhhhhh .... happy yes   je vais essayer de comprendre .... aujourd'hui tranquillou !   vous vous comprenez, moi pas trop pour le moment !!!!!  

     

    euhhhhhhhhh  image titre !!!!!  ben alors là je suis scotchée  donc en fait elle a fait son fond, avec un bouton titre en png !  si je regarde l'image ...  

    Bon je vais me lancer sur mon blog essai et je reviendrai certainement penaude, car je ne suis pas arrivée   rires !  toujours blonde moi 

    tu m'avais fait Stormalo et Colette aussi, tout un tuto pour mettre News dans les nouveaux articles !  ben jamais pu .... comprends rien .... mais alors rien de rien,  et les tutos étaient super bien faits comme toujours, mais là je bugue, donc j'ai laissé tomber, cela aidera des plus pro que moi .... 

    à toute, je reviens et merciiiiiiiiiii de tout coeur  ... vu l'heure je souhaite bon App à tous les deux 

     

     

    *-*-*-*-*

    Coucou  Pipiou ....

    Bon j'ai pris les que tu m'as donné ! et voilà ce que cela donne  happy

     

     

    Il passe toujours pas dessus ..... !!!!!!  et bonne journée est dans le contenu !   là bonne élève c'est ce que j'ai suivi chez toi  ! 

     

     

    Je vais essayer de voir la méthode stormalo !!!!!  

    en douce,  mon surnom c'est miss cata !!!!!!     tout ce que vous voyez pas chez les autres, cela m'arrive     grrrrrrrrrrrrr 

     

    à toute 

     

    bon me revoila ... 14 h 49 

    Alors en bidouillant avec le code css ... et en adaptant une image png que j'ai refait, je suis arrivée à cela 

    Il y a donc un peu de solution de tous les deux !   mais ce n'est pas du tout comme Elyci   mdrrrrrrrrrrrrr 

     

    Je comprends stormalo quand il parle de faire un fond avec le bouton en png !  et que c'est une bonne idée   cool  mais !!!!!!  

    mais .... je ne suis pas arrivée à trouver la largeur de mon contenu ... pour ne faire qu'une seule image en png de plus très lourde ! (donc j'ai refait ce cadre et bouton pour l'adapter dans le code CSS )  

    Vous me direz ce que vous en pensez  lol ... moi  bof ... je n'arrive pas à régler les titres bien au milieu !   mais dans un autre sens ce n'est pas vu du coup   happy

    Moi j'arrête ordi pour aujourd'hui ....   merci de cette aide 

    Bonne fin d'am  

    a demain pour voir le jugement des Maitres   kiss

    Maryline 

    Mercredi 3 Avril 2019 à 15:25
    stormalo

     

    L'explication en image. 

     Exemple d'image de fond (du bloc titre):
    la partie blanche hors médaillon est transparente

     

     Principe de positionnement :

    ABCD  est l'image de fond du bloc titre  de même largeur que l'article.
    (Hauteur en pixel =AD )

    EF est la limite haute du bloc contenu (sans arrondis dans les angles)

    La couleur verte entre DC et EF est la couleur de fond du blog, qui est visible également au travers de la partie transparente de l'image du titre (zone haute entre A et B)

    L'astuce finale consiste à rendre nulle les marges entre le contenu de l'article et l'élément titre (DE = 0px).

    Bien sûr  la taille réelle du médaillon et celle des titres prévus doivent être compatibles. wink2
    Tous les réglage d'ajustement des marges sont faisables dans Modifier le thème glasses

    Le poids de cette image de fond du titre, 1055 x 200 px est ici de 30 Ko en .png

    Jeudi 4 Avril 2019 à 09:58
    Uluru

    oufti comme dit mon amie belge !   donc il faut que je fasse mon bouton avec une partie du haut jaune (et que je laisse une partie en dessous en png), de mon contenu en enlevant le tour vert et les arrondis  ? et que je réduise les marges entre les deux pour faire opx tout cela en png ....le poids étant celui que tu me donnes ....    ouiaiille   bon je vais essayer cela .... 

    je te tiens au courant !!!!!!  mais là un peu dans le brouillard   yes

    merci à toi   je vais essayer cela, mais je suis sure de revenir  ..... pardon !!!!!! 

    Jeudi 4 Avril 2019 à 10:26
    stormalo

    OUI à  > il faut que je fasse mon bouton avec une partie du haut jaune

    NON à > et que je laisse une partie en dessous

    OUI à > et que je réduise les marges entre les deux pour faire opx

    NON à >  en enlevant le tour vert
    mais OUI à > et les arrondis

    NON à > tout cela en png

    Ce qui est en .png pourrait l'être en .gif et ne concerne que l'image de fond du titre (les encodage png et gif permettant la transparence). Le poids que j'indique est une indication concernant mon illustration, ce n'est pas un objectif !

    Je pense que tu devrais arriver au résultat recherché, mais je ne sais pas être plus clair sur la suite à donner

    Si tu n'y arrives pas, je laisse éventuellement à d'autres le soin de poursuivre sur ce sujet.  Je suis en panne explicative  smile

     

     

    Jeudi 4 Avril 2019 à 15:59
    Uluru

     

    mdrrrrrrrrrrrrrrrrrrrrr   happy sur la panne explicative  coquin ... mais tellement réaliste 

    Oui je suis arrivée à faire ce que tu me dis   ... mais en rajoutant bien la couleur du contenu dessous !   

    Par contre impossible de faire une bordure verte ...autours du contenu, qui rejoigne le bord du titre !!!!!!     je capitule pour le moment mais je vais persister 

    Il y a quelque chose que je pige pas ... et bloquée pour le moment ! 

    car en plus je suis têtue quand je veux comprendre !!!!!  

    Je vais reposer un peu ma tête de blonde  (oui je sais pas une excuse lol ) .... et m'y remettre à tête reposée !   

     

    Et je vais reprendre mes codes CSS  car j'ai du encore me viander quelque part, car dans mon menu, impossible de faire des bords ronds à l'intérieur .... merci de ne pas rigoler !!!!!!  

    En tous les cas merci pour toutes tes explications, hyper claires ... euh par tout pour moi hélas !!!!!  

    mais super la patience .... merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii  et bonne fin d'am .... 

    on verra tout cela a tête reposée !!!!!  merci encore à tous les deux  

     




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.