1406 appréciations
Hors-ligne
|
Bonjour,
pouvez vous svp me dire quel est le code pour
le LIEN avec image dans article
et lien au survole
|
|
287 appréciations
Hors-ligne
|
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.........
|
|
1406 appréciations
Hors-ligne
|
 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
|
|
287 appréciations
Hors-ligne
|
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......
|
|
1539 appréciations
Hors-ligne
|
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
|
|
1406 appréciations
Hors-ligne
|
Je teste de suite Merci
|
|
1539 appréciations
Hors-ligne
|
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,
|
|
1406 appréciations
Hors-ligne
|
Rien ne fonctionne
c'est pour mon site LA HAMA MANIA
Dernière modification le jeudi 11 Août 2022 à 18:03:15
|
|
|
|
1406 appréciations
Hors-ligne
|
J ai mis les codes que m a donné Mineth
|
|
1539 appréciations
Hors-ligne
|
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,
|
|
3757 appréciations
Hors-ligne
|
@annie@
quand tu passes la souris sur un des articles l'image bouge
Je ne comprend pas ce que tu veux !
as-tu essayé mon code ?
|
|
1406 appréciations
Hors-ligne
|
Bonjour Simon, je le fais de suite
|
|
1406 appréciations
Hors-ligne
|
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
|
|
3757 appréciations
Hors-ligne
|
que les touches ? ? ? ? ?
|
|
1406 appréciations
Hors-ligne
|
Oui comme Thalie que tout soit bien droit et non des touches de différentes dimensions
|
|
3757 appréciations
Hors-ligne
|
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;
}
|
|
3757 appréciations
Hors-ligne
|
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;
}
|
|
1406 appréciations
Hors-ligne
|
C'est génial sauf ce tour blanc autour des blocs.
|
|
3757 appréciations
Hors-ligne
|
|
|
