Blog d'aide de Blog4ever

Bonjour, 
pouvez vous svp me dire  quel est le code pour  
le LIEN avec image dans article
et lien au survole 

Quand j'ai un texte avec images ou non à mettre sur mon blog et qui fait référence à un site web, je clique sur l'onglet "Lien" en laissant mon curseur à l'endroit où je veux que le lien apparaisse dans mon texte, je copie le lien en question, et clique sur "insérer"..... et il apparait dans mon texte. On clique sur "enregistrer" et là dans la page qui réapparait, le lien y est et tout ce qui est dedans s'ouvre dans un nouvel onglet.........

Didine, 
Si tu regardes bien sur le site de THALIE quand tu passes la souris sur un des articles l'image bouge c'est sûr que si tu clique dessus tu arrives vers l'article choisi moi ce que je veux c'est avoir cet effet quand tu glisses ta souris dessus l'article

Ah ! là c'est autre chose, même si ce que tu écris est clair, je n'ai jamais pratiqué cela......ça semble intéressant par contre......

Code css pour un bouton lien avec effet survol à partir de l'outil développeur du blog de Thalie, A modifier selon tes besoins, 

/*boutons liens articles*/ 

#menu ul li a,
#menu2 ul li a {    background-image: url("https://static.blog4ever.com/2012/03/671003/fdclairmenu.png");   
border: 1px solid #000000;   
color: #000000;   
display: block;   
font-family: Times New Roman;   
font-size: 15pt;   
line-height: 20px;   
list-style-type: none;   
margin-bottom: 2px;    margin-left: 3px;   
margin-top: 1px;   
padding-top: 2px;   
text-align: center;   
text-decoration: none;   
width: 196px;
}

#menu ul li a:hover,
#menu2 ul li a:hover {   
background-image: url("https://static.blog4ever.com/2012/03/671003/fond-de-page.png");    background-repeat: repeat;   
border-width: 1px;   
color: #000000;   
text-align: center;   
text-decoration: none;
}

En espérant que ça t'aide, 

Dernière modification le jeudi 11 Août 2022 à 17:17:18

Je teste de suite Merci 

J'ai modifié mon message, parce que le code s'affichait en block, Je ne sais pas si c'est bon, Je n'ai pas pu le tester, je n'ai pas de menu latéral, Du coup, je ne suis pas certaine qu'il soit complet, 
 saura nous dire et corriger si besoin, 

Rien ne fonctionne 
c'est pour mon site LA HAMA MANIA

Dernière modification le jeudi 11 Août 2022 à 18:03:15

@annie@


Donnes moi les codes que tu as mis pour les liens.



Il faut essayer ça pour les liens.




aside a {  
   
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRguj6XOnxZZVU-Jxh4tNGl5ol6n6bPjYR0FQ&usqp=CAU");
    background-repeat: repeat;
}   
aside a:hover {  
    background-image: url("https://us.123rf.com/450wm/jes2ufoto/jes2ufoto1903/jes2ufoto190300100/120637468-fond-de-mouvement-de-couleur-pastel-simple-fond-d%C3%A9grad%C3%A9-rose-violet-bleu-pour-la-conception-d-%C3%A9t%C3%A9.jpg?ver=6");
    background-repeat: repeat;
}


___________________


Ligne 422 du Css il faut mettre la hauteur en auto sinon les titres sortent du cadre.

aside h2
{
height: auto;
text-align: center;
padding-top: 10px;
text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
color: white; /* COULEUR BLANC TEXTE TITRE ARTICLE*/
font-size: 18px;
background-image: url(https://static.blog4ever.com/2022/05/867561/FOND-VERT-LANTERNE-LES-ARTICLES.jpg);                                       
border-radius: 3px;
box-shadow: 1px 1px 1px 1px #201F11; /* COULEUR NOIR L'OMBRE */
border: 3px ridge #FACBF9     ;  /* COULEUR VIEUX ROSE */  

}

J ai mis les codes que m a donné Mineth 

Pour tester, j'ai mis un menu latéral provisoire, ça n'a pas fonctionné, Donc le code que je t'ai proposé n'est pas celui que tu cherches, 

@annie@


Je ne comprend pas ce que tu veux !

as-tu essayé mon code ?

Bonjour Simon, je le fais de suite

C'est parfait simplement j'aimerai que que les touches soit toutes de la même dimension comme 
CHEZ THALIE
Après les images je m'en occupe 

que les touches ? ? ? ? ?

Oui comme Thalie que tout soit bien droit et non des touches de différentes dimensions

Remplace le css par ces codes --> ligne 609

/* BOUTON LIEN ARTICLES DU MENU LATERAL*/


aside ul li a, #menu2 ul li a {
    background-image: url(https://static.blog4ever.com/2022/05/867561/FOND-VERT-LIEN-ARTICLES_9426629.jpg);
    background-repeat: repeat;
   box-shadow: 1px 1px 1px 1px #201F11; /* COULEUR NOIR L'OMBRE */
border: 3px ridge #FFCDE6   ;  /* COULEUR ROSE */
    color: #000000;
    display: block;
    font-family: Times New Roman;
    font-size: 15pt;
    line-height: 20px;
    list-style-type: none;
    margin-bottom: px;
    margin-left: -40px;
    margin-right: auto ;
    padding-top: 2px;
    text-align: center;
    text-decoration: none;
    width: 185px;
    margin-top: 2px;
}
aside ul li a:hover, #menu2 ul li a:hover {
     background-image: url(https://static.blog4ever.com/2022/05/867561/FOND-VERT-DE-GRIS-TEXTURE-LIEN-AU-SURVOLE-ARTICLES.jpg);
    background-repeat: repeat;
    border-width: 1px;
    color: #fff!important;
    text-align: center;
    text-decoration: none;
    box-shadow: 1px 1px 1px 1px #201F11; /* COULEUR NOIR L'OMBRE */
border: 3px ridge #FFCDE6   ;  /* COULEUR ROSE */
}
aside .bloc-cote {
    border: 2px solid #fbfbfb!important;
    border-radius: 10px;
    
}

Pour les titre H2 ligne 411

Remplace le code

aside h2
{
 width: 196px;   
height: auto;
text-align: center;
padding-top: 10px;
text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
color: white; /* COULEUR BLANC TEXTE TITRE ARTICLE*/
font-size: 18px;
background-image: url(https://static.blog4ever.com/2022/05/867561/FOND-VERT-LANTERNE-LES-ARTICLES.jpg);                                       
border-radius: 3px;
box-shadow: 1px 1px 1px 1px #201F11; /* COULEUR NOIR L'OMBRE */
border: 3px ridge #FACBF9     ;  /* COULEUR VIEUX ROSE */  
margin-left: -12px;
}

C'est génial sauf ce tour blanc autour des blocs.