Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Comment supprimer le trait blanc disgracieux qui sépare les blocs de ma colonne ?

1003 appréciations
Hors-ligne
  les modos !
Désireuse d'améliorer l'aspect de mon blog "Imag'in'Air, j'aimerais qu'on m'indique comment supprimer ce trait blanc, très disgracieux, qui sépare les blocs de ma colonne.
Blog en question   lien 
d'avance pour votre réponse.


1103 appréciations
Hors-ligne


Je n'ai pas trop le temps ce soir mais je t'ai bricolé ça en attendant.

aside .bloc-cote {
border:2px solid #36486C;
background-image: url("https://static.blo4ever.com/2017/02/827016/colonneHerbe.png");
    background-repeat: repeat;
 border-radius: 10px;
box-shadow: 3px 3px 8px 0 #36486c;
margin-top:5px;
}



1003 appréciations
Hors-ligne
  génial !
 
C'est absolument super !
Cela me convient parfaitement et je te remercie de tout coeur pour ce code qui rend mon design nettement plus esthétique.
Je dois dire que j'ai un peu de mal avec cette version Rapid Design.
Je m'y perds avec mes blocs, même après avoir fouillé dans le labo de
Du coup, j'ai tendance à le négliger.
Avec cette amélioration, je sens que je vais m'y remettre un peu plus.
encore.


1103 appréciations
Hors-ligne
re

Si ça te plait j'en suis ravi.

Il manque un petit centrage des blocs.

à la dernière ligne remplaces ---> margin-top:5px;  par ce code.

margin: 5px 5px 0 0;



1003 appréciations
Hors-ligne
  
Je viens d'effectuer le centrage.
C'est parfait.
Encore un grand   pour ton aide.
Je serai certainement amenée à revenir vers vous pour d'autres choses, mais je vais d'abord essayer par moi-même (j'aime bien trouver toute seule afin de comprendre la logique).
Si je n'y parviens pas, je vous demanderai.  
Pour l'heure, j'ai d'autres activités qui m'attendent.
Bonne journée à tous.


1103 appréciations
Hors-ligne


dernière retouche qui concernent le menu car je trouve qu'il colle trop à la barre.
(c'est juste mon avis )

Ajoutes ce qui est en gras dans .fond-cote.et aussi le code aside



.fond-cote { 
 background-image: url("https://static.blog4ever.com/2017/02/827016/colonneHerbe.png");
 background-repeat: repeat;
 background-color: #;
 margin: 5px 0; /*descendre le menu*/
 width : 250px;
 border-width : 2px;
 border-style : double;
 border-color : #36486C;
 border-radius : 10px;
 box-shadow : 3px 3px 8px 0px #36486C;
}
aside {/*descendre le menu*/ 
    margin: 10px 0;
}



Dernière modification le samedi 30 Septembre 2017 à 20:09:14


1003 appréciations
Hors-ligne
 
Je découvre un peu tardivement ta suggestion. oops !
En effet, j'avais noté ce problème et essayé de le résoudre par moi-même, mais je n'y étais pas parvenue.
Le résultat obtenu était un décalage important vers le bas, sans réussir à me décoller de la barre.
En fait, je n'utilisais pas le bon code pour la marge
Je te remercie donc pour ces formules de codes qui résolvent mon problème.
Par ailleurs, j'ai remarqué également le léger empiètement sur le bloc bas.
Je suppose donc que je dois utiliser les mêmes codes avec ce bloc bas pour régler ce problème   
De mon côté, j'ai fait des essais sur mon "blog-test" en rapid design pour inclure des images dans mon menu latéral sur les autres blocs que celui des membres (que j'avais réussi à installer toute seule -avec difficulté- au moment de l'ouverture d'Imag'in'Air).
J'avais compris le principe mais je butais sur l'identifiant des blocs,...
mais en allant sur le blog de je les ai trouvés et j'ai donc réussi  
Ainsi, l'une des prochaines étapes (quand j'aurai le temps) sera d'intégrer de nouvelles images dans la colonne menu.
beaucoup pour ton aide précieuse, Simon.
Tu m'as vraiment redonné l'envie de cogiter et fouiller dans le CSS de mon blog.
Tu es un ange-modo    


1103 appréciations
Hors-ligne
re

Pour décoller le bloc bas il faut juste le descendre par un top.

donc :
.diz-bas{
width : 955px;
background-color : #DD8B42;
background-image: url("https://static.blog4ever.com/2017/02/827016/barNav.png");
background-repeat : repeat;
border-style : double;
border-color : #36486C;
border-radius : 10px;
border-width : 2px;
box-shadow : 3px 3px 8px 0px #36486C;
  margin-top:15px;   /*descendre le footer*/
}
_______________________________________

Mais je remarque une petite erreur à la ligne 92 il y a ce signe :  */


.menu_bloc a:hover
{
  color : #36486C;
  font-style : normal;
  font-weight : bold;
  text-decoration : underline;
}  */    <----  ce signe est une fermeture donc cela empêche le footer d'avoir sa couleur comme la barre du haut  donc il faut l'enlever car ça peut causer des problème selon les navigateurs.




1003 appréciations
Hors-ligne

Bonne journée à toi
Je te remercie pour l'anomalie que tu as détectée.
On peut dire que tu as l'oeil  
C'est une erreur de manipulation de ma part.
J'avais inclus un code pour tenter de solutionner la superposition, mais lorsque j'ai voulu le retirer parce que cela ne fonctionnait pas, j'ai dû oublier une partie de celui-ci.
Je comprends mieux pourquoi l'image du bas avait disparu.
Eh bien, me voici repartie sur de nouvelles bases pour progresser un peu plus dans le Rapid Design !  
Y a plus qu'à !!!
pour tout.
Vous êtes vraiment tous des modérateurs épatants  


1103 appréciations
Hors-ligne
re

La barre n'est pas trop en accord avec le menu.......( je m'ennuie )
Je te laisse voir si ce réglage te convient.

J'ai un peu de temps pour faire des essais donc ne t'étonnes pas si je te propose encore des bricoles.


/* partie barre */

nav li {
   
    margin: 10px 0 0 70px;
}
nav a {
    color: #feffa3;
    font-family: "Rum Raisin",sans-serif;
    font-size: 20px;
    margin: 60px ;
}

nav:hover {
    background-image: linear-gradient(green,#fff,#21610b);
   
}


1003 appréciations
Hors-ligne
  je comprends que cette banalité t'ennuie profondément,  
C'est que, au moment où j'ai fait mon blog, je démarrais tout juste avec le Rapid Design.
Je comptais m'en occuper ultérieurement, dès que je me sentirais un peu plus à l'aise avec les codes de cette version.
Mais j'ai eu bien d'autres occupations et j'ai mis tout cela en stand-by  
Maintenant, je pense mieux m'en tirer avec ton aide.
Pour autant, même si je sens que cela presse de ton côté, tu vas devoir encore attendre un petit peu parce que aujourd'hui je ne vais pas avoir le temps suffisant pour m'y consacrer (je reçois du monde)
J'ai des images à faire pour harmoniser tout cela  
  Je retiens tes propositions et les mettrai en oeuvre dès que possible.
  de t'intéresser ainsi à mon blog.
Bon dimanche, Simon !



1103 appréciations
Hors-ligne
re

Pas de soucis pour la suite car ton blog est déjà très bien.
Petit à petit l'oiseau .....

Je te souhaite une bonne journée.



1003 appréciations
Hors-ligne

Je viens de mettre en application ta proposition de codes.
Pour l'heure, je la garde telle que tu le l'as donnée, et te remercie car cela m'a permis d'équilibrer la position des liens de la barre de navigation (chose que je n'avais pas encore faite)
Par la même occasion, je me suis aperçue que je n'avais même pas activé les liens de la barre    : oubli réparé.

Par contre, si j'apprécie la formule de la couleur dégradée (que je vais mettre précieusement de côté), il est probable que je ne la conserverai pas pour la barre car je ne trouve pas qu'elle corresponde vraiment au style de mon design (un peu trop moderne pour lui et pas assez "monde magique")
Je compte faire une image en adéquation avec le reste de la déco.
Même s'il n'y paraît pas trop, ce design est toujours en chantier... mais je prends mon temps pour le construire
Du coup, il se peut, parfois, que certains codes fassent double usage et entrent en conflit. J'essaie, à chaque fois, de résoudre les problèmes par moi-même avant de demander de l'aide.
C'est ainsi qu'on apprend, n'est-ce pas ?  
Je te remercie pour toute ton aide, Simon.
Belle journée à toi.


1103 appréciations
Hors-ligne
re

Super ton image !

elle colle bien au décor.

Bonne soirée.



1003 appréciations
Hors-ligne

pour ton appréciation.
Cela me fait plaisir.
J'ai ajouté, également des images dans le menu latéral (ce n'est pas terminé)

Bien qu'ayant des doutes sur cette possibilité (j'ai tourné ça plusieurs fois dans ma tête pour trouver une solution, sans y parvenir) est-il possible d'intégrer une image dans un bloc avec lien, comme celui de mon livre d'or ?
Ce sont des blocs rajoutés qui n'ont pas d'identifiant me permettant de créer un code (en tout cas, je ne le connais pas)
Pour l'heure, j'ai fait des blocs-images indépendants pour palier ce problème, (ex. l'image "Articles" et l'image "vignette" de mon blog Aqua-Rêve) mais j'aurais préféré que l'image soit avec le titre et le lien dans le même bloc, pour le livre d'or et le lien avec l'autre blog.
Si ce n'est pas possible, ce n'est pas grave.
C'est juste pour savoir si ma solution est la meilleure.
Est-il possible de le faire ou pas ?
d'avance pour ta réponse.


Dernière modification le mardi 03 Octobre 2017 à 11:11:15


1103 appréciations
Hors-ligne
est-il possible d'intégrer une image dans un bloc avec lien, comme celui de mon livre d'or ?
________________________

Voici le code html pour le livre d'or. (sans les étoiles)



Regardes sur ton blog le nouveau bloc
livre d'or dont tu prendras exemple.


<*ul><*img src="https://static.blog4ever.com/2017/02/827016/Livred--orPrint.png"*><*/ul>
<*ul>
<*li>
<*a href="/articles/livre-d-or">LIVRE d'OR<*/a>
<*/li>
<*/ul>

_______________________________________

Pour la partie ARTICLES ( Créations "FLASH" )   il faut aussi choisir dans le bloc le" mode HTML et rentrer les liens
Voici le code ( sans les étoiles )

<*h2>Créations "FLASH"<*/h2><*ul><*img src="https://static.blog4ever.com/2017/02/827016/Articles-nuit-magic.png"*><*/ul>

<*li>
<*a href="/articles/saint-valentin">Flash St-Valentin
<*/li>
<*li>
<*a href="/articles/flash-paques">Flash Paques
<*/li>
<*li>
<*a href="/articles/autres-fetes">Flash Autres F?tes
<*/li>
<*li>
<*a href="/articles/flash-printemps-ete">Flash Printemps-Et?<*/a>


  • <*a href="/articles/flash-sur-le-muguet">Flash sur le Muguet<*/a>
    <*/li>
    <*/ul>

    __________
    Pour mettre un nouveau lien il faut donc écrire cette ligne
    à mettre avant les fermetures <*/li><*/ul>

    <*a href="/articles/flash-sur-le-muguet">Flash sur le Muguet<*/a>





  • 1103 appréciations
    Hors-ligne
    re

    Pour le bloc membres la partie -->  s'inscrire au blog


    #register-sidebar {
        background: transparent none repeat scroll 0 0;
        border: 1px solid #080808;
        border-radius: 3px;
        color: #ffffff;
        font-family: Open Sans,sans-serif;
        font-size: 12px;
        padding: 5px;
        text-transform: uppercase;
    }
    #register-sidebar:hover {
        text-decoration: none;
        background: green;
    }



    1003 appréciations
    Hors-ligne
    Woaw !    
    Tu m'en donnes beaucoup plus que ce que je t'ai demandé,... et je t'en remercie infiniment.
    Je retiens tout particulièrement la formule utilisée pour le livre d'or, afin de l'appliquer également pour "mon autre blog" 

    Je verrai à installer cela ce soir ou demain.

    Je vais conserver également celle pour les différents "articles", mais je trouve que c'est quand même un peu compliqué pour ajouter tous les liens.

    C'est bien si je veux mettre une image pour chaque bloc... mais je crains que cela ne devienne un peu lourd dans la colonne si j'en mets une à chaque fois.
    Par conséquent, je crois que je n'en mettrai qu'une seule, tout en haut de la colonne...
    ... sauf si l'envie me prend d'en mettre d'autres  
    Vraiment, je te remercie pour toutes ces solutions offertes.
    Tu es vraiment génial   

    Par contre, je ne comprends pas à quoi me servira la formule pour le blog membre. Le mien est déjà installé.
    Qu'est-ce que cela apporterait de plus ?
    Et est-ce que cela ne risque pas de créer un conflit avec les différents codes que j'ai déjà pour ce bloc ?
    Encore un grand




    1103 appréciations
    Hors-ligne
    Le livre d'or est déjà installé dans le menu ( il suffit de supprimer l'autre )
    ____________

    Je vais conserver également celle pour les différents "articles", mais je trouve que c'est quand même un peu compliqué pour ajouter tous les
    liens.

    Pas compliqué juste cette ligne à mettre avant les fermetures <*/li><*/ul>:

    <*li><*a href="/articles/flash-sur-le-muguet">Flash sur le Muguet<*/a><*/li>

    Le titre est toujours avec des tirets entre chaque mot :   flash-sur-le-muguet
    Par contre, je ne comprends pas à quoi me servira la formule pour le blog membre. Le mien est déjà installé.

    ça concerne juste la partie "s'inscrire au blog" et rien ne sera en conflit.



    1003 appréciations
    Hors-ligne
    pour tes explications.



    1003 appréciations
    Hors-ligne

    Je reviens vers toi parce que j'ai un souci avec le fonctionnement de mes liens.
    Je croyais avoir correctement installé les images et mis les codes qui correspondaient aux liens, dans les blocs de ma colonne menu, mais ceux-ci ne fonctionnent pas   
    D'une part, mon article "explications pour installer une image "flash" ne trouve pas la page.
    D'autre part, le lien avec "mon autre blog" me ramène vers un article du muguet  
    J'ai bien vérifié mes codes : ils me paraissent bons, mais il n'y a rien à faire, je ne parviens pas sur la page souhaitée.
    Peut-être (sans doute même) ai-je commis une erreur.
    Pourrais-tu jeter un coup d'oeil, s'il te plaît, parce que là je ne sais vraiment plus quoi faire ?
    d'avance pour ton intervention.


    1003 appréciations
    Hors-ligne
    @Simon@
    C'est encore moi  
    J'ai continué à chercher mon erreur et j'ai rectifié plusieurs fois mes codes.
    Au bout du compte, j'ai le même problème pour mes 2 liens (pour  Comment faire et pour mon autre blog)
    Chacun d'entre eux ouvre une page où se trouve superposés successivement plusieurs articles du blog qui n'ont rien à voir les uns avec les autres au sujet des catégories.
    D'ailleurs, on y retrouve l'article des "explications pour installer une image flash" insérées entre des créations flashes de catégories différentes.
    Je n'y comprends plus rien  
      Peux-tu me donner une solution, s'il te plaît, dès que ce sera possible pour toi ?


    1103 appréciations
    Hors-ligne

    J'ai corrigé les deux codes.



    On peux voir comment c'est construit avec en premier l'image puis l'adresse du lien et le titre.

    Si tu as des soucis je t'expliquerai plus en détail mais tu remarqueras que les 2 blocs sont "construit" en mode HTML .


     Attention car tu mets en lien des adresses de catégories donc ça ne fonctionnera pas.
    Flash st valentin et flash pâques ne sont pas des articles mais des catégories.



    1003 appréciations
    Hors-ligne

    Ouffffff ! pour la réparation.
    Maintenant je comprends mieux mes erreurs.
    C'est vrai que j'ai tendance à confondre les articles avec les catégories... d'autant plus que mes titres se ressemblent tous.
    Mes sujets sont souvent basés sur les saisons et les fêtes calendaires, alors évidemment, les mêmes termes reviennent.
    De plus, j'ai contourné le bloc article d'origine en créant des blocs-articles différents pour bien séparer mes créations... et du coup je me suis compliqué la vie (mais cela me semble plus clair pour le visiteur qui sait tout de suite vers quoi aller)

    Cette fois-ci, avec ta dernière explication, je comprends mieux la logique du code.
    Je m'aperçois aussi que le lien ne pouvait fonctionner puisque je prenais seulement le nom au lieu de l'adresse du lien. 
    Maintenant, il faut que je retienne cela pour la suite, car malheureusement, lorsqu'on ne pratique pas régulièrement, on oublie vite.
    Or, j'avoue passer nettement moins de temps à faire du design qu'auparavant.

    Et puis je suis si bien habituée à version précédente (que j'affectionne particulièrement et dont je ne veux me séparer), que j'ai du mal à me mettre à celle-ci (que je ne trouve pas aussi pratique et intuitive, désolée de le dire)

    pour ta patience et toutes tes explications, Simon. 


    1103 appréciations
    Hors-ligne
    re

    OK
    Il faut faire attention au titres trop long car ça décale souvent.
    Il vaut mieux mettre --> installer image flash

    QUE DE METTRE---> explications pour installer une image flash"

    Il coule de source qu'il y aura des explications.....

    Trop marrant


    1003 appréciations
    Hors-ligne
      tu as raison   
    Sans doute une déformation de ma part.
    Lorsque j'étais en activité, j'étais amenée à donner des instructions, ou des explications qui se devaient d'être claires... et la règle d'une bonne communication étant de toujours s'assurer que le message est bien passé,... j'avais pour habitude de toujours reformuler les choses dans le détail, et/ou d'une façon différente.
    Je n'ai pas changé
    Je veillerai à raccourcir mes titres à l'avenir.
      et bonne nuit


    1103 appréciations
    Hors-ligne
    Tout est en ordre donc je ferme le sujet


    Ce sujet est fermé, vous ne pouvez pas y répondre
    Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits soucis.

    Inscrivez-vous au blog

    Soyez prévenu par email des prochaines mises à jour

    Rejoignez les 5740 autres membres