Html et Css

GPS, vidéo, informatique, etc.. Comment cela fonctionne, les nouveautés, etc..

Modérateurs : Mécaniciens, Modérateurs des aires et itinéraires

Répondre
Avatar du membre
charisma45
Vieux routier
Vieux routier
Messages : 601
Enregistré le : jeu. 18 juin 2009 19:19
Région d'habitat : Centre
Localisation : Nibelle Loiret
Genre :
Zodiaque :
Contact :
France

Html et Css

Message par charisma45 »

Bonjour

Je souhaite mettre sur mon blog en info bulle des position gps. J' ai donc réussi à tatons à faire cela
http://www.charisma45.com/2015/08/essai-infobulle.html
en faisant comme ceci
http://www.cjoint.com/c/EKmrpTd8cpN
et cela fonctionne si l'on met un mot ou groupe de mot
mais cela ne fonctionne plus si l'on met ce mot dans un texte
http://www.charisma45.com/2015/11/essai-info-bulle-suite.html
j'ai fait comme ceci
http://www.cjoint.com/c/EKmrrTN3q2N

et de plus la fin du texte se retrouve à ligne.

Si quelqu'un peut m'aider ce serait sympa car comme je ne suis pas très doué avec ce genre de langage.
Cordialement
Charisma45


Lorsque l'on désire fortement et constamment, on réussit toujours.
http://www.charisma45.com
http://tranquiloubilouauxameriques.over-blog.com/

Avatar du membre
Lexa
Site_admin
Site_admin
Messages : 47771
Enregistré le : mar. 7 sept. 2004 15:30
Région d'habitat : Cap'Orne
Localisation : Le Couloir de la mort ou G'nève
Zodiaque :
Contact :
France

Re: Html et Css

Message par Lexa »

hi,

moi c'est tout simplement codé comme cela :

Code : Tout sélectionner

<html>
<body>
<p><span lang="fr">
<a title="Ceci et une infobulle pour Charismas45 / N45.123456 - W 5.123456" href="http://www.aidecampingcar.com/forum1/viewtopic.php?f=2&t=73775">
Ceci est un essai d'infobulle</a></span></p>
</body>

</html>
et cela te donne ceci :

Image


ImageIl n'est pas question que j'aille stationner dans une structure chère, voulant m'aligner tel un rang d'oignons, et de m'exposer comme au zoo derrière une grille, vive les stationnements libres comme seules les communes savent nous mettre à disposition.

Avatar du membre
charisma45
Vieux routier
Vieux routier
Messages : 601
Enregistré le : jeu. 18 juin 2009 19:19
Région d'habitat : Centre
Localisation : Nibelle Loiret
Genre :
Zodiaque :
Contact :
France

Re: Html et Css

Message par charisma45 »

Bonjour et merci pour cette réponse

Cela fonctionne. Sais tu comment je peux modifier l'infobulle, forme, taille couleur. Le css que j'avais mis dans mon modèle ne fonctionne pas c' est certainement parce que je ne le mets pas ou il faut

Cordialement

Charisma45


Lorsque l'on désire fortement et constamment, on réussit toujours.
http://www.charisma45.com
http://tranquiloubilouauxameriques.over-blog.com/

Avatar du membre
Lexa
Site_admin
Site_admin
Messages : 47771
Enregistré le : mar. 7 sept. 2004 15:30
Région d'habitat : Cap'Orne
Localisation : Le Couloir de la mort ou G'nève
Zodiaque :
Contact :
France

Re: Html et Css

Message par Lexa »

hi,

tu as plusieurs solutions, à l'intérieur de ton site et il te faut un adressage vers cette page .

à placer n'importe ou, mais AVANT la fermeture de la balise <head> ( </head> )

Code : Tout sélectionner

<style type="text/css">   
<!--  
@import url("source/page.css");  
-->  
</style>  
Directement dans ton code de page ...

Code : Tout sélectionner

<style type="text/css">   
<!--  
Mon code CSS  
-->  
</style> 
et voici un code récupéré je ne sais plus ou ...

Code : Tout sélectionner

/* Info bulle */
{
font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
font-family: Tahoma, Verdana, Arial, serif;
}
a.info { /* Mise en forme du lien */
position: relative;
color: ; /* Couleur du texte du lien */
text-decoration: none;
}
a.info span {
display: none; /* on masque l'infobulle */
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré, pour le texte de l'infobulle */
top: 30px; /* on positionne notre infobulle : espace entre le lien et l'infobulle dans le sens vertcal*/
left: 150px; /* espace entre le lien et l'infobulle dans le sens horizontal*/
background: dimgray; /* Couleur de fond de l'infobulle */
color: whitesmoke; /* Couleur du texte de l'infobulle */
padding: 50px; /* Marge autour du texte ou de l'image de l'infobulle */
border: 3px solid gainsboro; /* Epaisseur, style et couleur de la bordure de l'infobulle */
}
et le lien qu'il faut mettre :

Code : Tout sélectionner

<a href="http://www.ton_site/ton_lien.html" class="info">Mon lien<span><center>Titre de mon image<br /><img height="175" width="136" src="http://www.tonsite.com/ton_image.png" /></center></span></a><br />


ImageIl n'est pas question que j'aille stationner dans une structure chère, voulant m'aligner tel un rang d'oignons, et de m'exposer comme au zoo derrière une grille, vive les stationnements libres comme seules les communes savent nous mettre à disposition.

Avatar du membre
charisma45
Vieux routier
Vieux routier
Messages : 601
Enregistré le : jeu. 18 juin 2009 19:19
Région d'habitat : Centre
Localisation : Nibelle Loiret
Genre :
Zodiaque :
Contact :
France

Re: Html et Css

Message par charisma45 »

je ne comprends pas trop.
Il faut donc que je mette une partie des texte que tu présentes dans le thème du blog al fin de la partie HEAD

Une autre partie doit aller dans l'article, je suppose que c' est la deuxieme et la dernière
Ai-je bien compris?

Par contre dans la dernière partie je ne comprends rien car je ne parle pas d'image

Je cherche constamment sur des blogs et forum mais je n' arrive pas à mes fins


Lorsque l'on désire fortement et constamment, on réussit toujours.
http://www.charisma45.com
http://tranquiloubilouauxameriques.over-blog.com/

Avatar du membre
Lexa
Site_admin
Site_admin
Messages : 47771
Enregistré le : mar. 7 sept. 2004 15:30
Région d'habitat : Cap'Orne
Localisation : Le Couloir de la mort ou G'nève
Zodiaque :
Contact :
France

Re: Html et Css

Message par Lexa »

hi,

Oui c'est cela, j'ai regardé ta page, il y a un lien vers une CSS, mais celle-ci est vide ( ou presque )

Code : Tout sélectionner

<html lang="fr" itemscope="" itemtype="http://schema.org/Blog">
    <head><link type="text/css" href="http://assets.over-blog-kiwi.com/b/blog/bundles/overblogblogblog/css/ob-style.css?v1.4.2.12" rel="stylesheet" />
        <!-- Forked theme from id 5 - last modified : 2014-08-31T19:21:18+02:00 -->
        <!-- shortcut:[Meta] -->
        <!-- title -->
                
        <!-- Title -->
        <title>Essai infobulle - Le blog de charisma45</title>
dans ce code, il y a possibilité de mettre une image de fond ou pas dans l'infobulle, à toi de voir si tu t'en sert ou pas ..


ImageIl n'est pas question que j'aille stationner dans une structure chère, voulant m'aligner tel un rang d'oignons, et de m'exposer comme au zoo derrière une grille, vive les stationnements libres comme seules les communes savent nous mettre à disposition.

Avatar du membre
charisma45
Vieux routier
Vieux routier
Messages : 601
Enregistré le : jeu. 18 juin 2009 19:19
Région d'habitat : Centre
Localisation : Nibelle Loiret
Genre :
Zodiaque :
Contact :
France

Re: Html et Css

Message par charisma45 »

je crois que c'est trop compliqué pour moi, cela fait trois jours que je suis la dessus. Ce que tu viens de me montrer, tu l'as trouvé ou sur mon blog?


Lorsque l'on désire fortement et constamment, on réussit toujours.
http://www.charisma45.com
http://tranquiloubilouauxameriques.over-blog.com/

Avatar du membre
Goupil 85
Vieux routier
Vieux routier
Messages : 5076
Enregistré le : lun. 15 nov. 2010 09:48
Région d'habitat : France
Localisation : Vendée
Genre :
Zodiaque :
France

Re: Html et Css

Message par Goupil 85 »

Clic droit --> afficher le code source (sans doute).

Depuis Core 4G



Avatar du membre
Lexa
Site_admin
Site_admin
Messages : 47771
Enregistré le : mar. 7 sept. 2004 15:30
Région d'habitat : Cap'Orne
Localisation : Le Couloir de la mort ou G'nève
Zodiaque :
Contact :
France

Re: Html et Css

Message par Lexa »

hi,

oui, c'est le code source de ta page, les 10 premières lignes...


ImageIl n'est pas question que j'aille stationner dans une structure chère, voulant m'aligner tel un rang d'oignons, et de m'exposer comme au zoo derrière une grille, vive les stationnements libres comme seules les communes savent nous mettre à disposition.

Avatar du membre
Goupil 85
Vieux routier
Vieux routier
Messages : 5076
Enregistré le : lun. 15 nov. 2010 09:48
Région d'habitat : France
Localisation : Vendée
Genre :
Zodiaque :
France

Re: Html et Css

Message par Goupil 85 »

@ Charisma45: De l'heure qu'il est je ne vous le souhaite pas.

Pour le code source : touche ctrl + u :)


<title>Coup de gueule "Moi si j'étais président........" - Le blog de charisma45</title>
<!-- metas description, keyword, robots -->
<!-- Metas -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />



Avatar du membre
charisma45
Vieux routier
Vieux routier
Messages : 601
Enregistré le : jeu. 18 juin 2009 19:19
Région d'habitat : Centre
Localisation : Nibelle Loiret
Genre :
Zodiaque :
Contact :
France

Re: Html et Css

Message par charisma45 »

Bonjour

Désolé, mais je n'y arrive pas , je n'y comprends rien; Je vais essayé de trouver un cours dans le Loiret.

Cordialement

Charisma45


Lorsque l'on désire fortement et constamment, on réussit toujours.
http://www.charisma45.com
http://tranquiloubilouauxameriques.over-blog.com/

Répondre