Blog d'aide de Blog4ever

:bd:  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 :flech:  lien 
:b2: d'avance pour votre réponse.

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

  génial !
:b2:simon 
C'est absolument super !
Cela me convient parfaitement et je te remercie de tout coeur :am: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.
:b2: encore.

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;

:bd:simon  
Je viens d'effectuer le centrage.
C'est parfait.
Encore un grand :b2:  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.

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

:b1:simon 
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 :ppc:
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.:oe:
:b2: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   :ptdr: 

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*/
}
_______________________________________



.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.

simon
Bonne journée à toi :sol:
Je te remercie pour l'anomalie que tu as détectée.
On peut dire que tu as l'oeil :oe::ptdr: 
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.:ppc:
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'à !!!
:b2: pour tout.
Vous êtes vraiment tous des modérateurs épatants :coupe: 
:bye:

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

  je comprends que cette banalité t'ennuie profondément, simon 
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 :ptdr: 
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 :cht: 
:ok1:  Je retiens tes propositions et les mettrai en oeuvre dès que possible.:am:
:b2:  de t'intéresser ainsi à mon blog.
Bon dimanche, Simon !
:bye:

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.

:bd:simon
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  :ppc:  : 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 :ptdr:
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 :id1:avant de demander de l'aide.
C'est ainsi qu'on apprend, n'est-ce pas ? :oe: 
Je te remercie pour toute ton aide, Simon.
Belle journée à toi.

re

Super ton image !

elle colle bien au décor.

Bonne soirée.

simon
:b2: 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 ?
:b2: d'avance pour ta réponse.
:bye:

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

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



<*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>

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

Woaw !     :b2:simon
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 :ptdr: 
Vraiment, je te remercie pour toutes ces solutions offertes.
Tu es vraiment génial  :coupe:  :am:

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 :b2:
:bye:

Le livre d'or est déjà installé dans le menu ( il suffit de supprimer l'autre )



<*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

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

:ok1::b2: pour tes explications.
:b1: simon

:b1:simon
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 :snif:  
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 ?
:b2: d'avance pour ton intervention.

:b1: @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 ?

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.

:bd:simon
Ouffffff ! :b2::b2: 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.:ppc: 
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)

:b2: pour ta patience et toutes tes explications, Simon. 

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

  tu as raison :ptdr:  
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é :ptdr:
Je veillerai à raccourcir mes titres à l'avenir.
:b1:simon  et bonne nuit

Tout est en ordre donc je ferme le sujet