-
Résolu Calendrier Evènementiel
Lundi 24 Juillet 2017 à 07:51 JeffB
Bonjour à tous
J'aimerai créer un calendrier évènementiel ( différent de celui du blog qui ne renvoie qu'à des articles), sur le principe suivant :
un index "AGENDA" dans un des menus, renvoie à une rubrique ou figure un calendrier semestriel.
sur ce calendrier,des jours indentifiés (couleur ou surlignage sur le titre de l'évènement) ) qui renvoie par un lien à un article consacré à l 'évènement
Est ce possible?
Merci d'avance
( Au passage merci encore à COLETTE 95 et STORMALO pour leur aide précieuse pour la modification de mon blog)
EN FAIT : la question est
Peut on insérer un lien , dans un article, n'importe où sur une image importée.
Lundi 24 Juillet 2017 à 15:00 stormalo
Bonjour randonnée,
Oui et Non selon ma compréhension de la question
Question initiale:
"Mettre un lien dans un des menus pour afficher une rubrique qui contient un calendrier semestriel (ou n'importe quoi d'autres) [...] qui renvoie par un lien à un article consacré à l 'évènement "> Lu comme ça, c'est évident que la réponse est OUI, et je pense donc que c'est coté "calendrier" qu'il doit manquer une précision. (?)
Question reformulée::
Peut on insérer un lien , dans un article, n'importe où sur une image > OUI, en définissant des zones cliquables sur cette image
Peut on insérer un lien , dans un article, n'importe où sur une image importée.> Réponse variable selon le sens de "image importée" : J'ai tendance à répondre oui, en s’appropriant l'image pour travailler le cliquable, mais non, si l'image n'est pas figée dans l'article (encore que...).En fait si on pouvait voir une illustration de quelle(s) image(s), venant d’où et de ce qu'il faut cliquer, ma réponse serait plus précise
Dans l'attente je suggère:
http://doc.eklablog.com/image-cliquable-a-plusieurs-endroits-topic32825-----------------------------------------------------------------------------------------
Mardi 25 Juillet 2017 à 14:05 JeffB
Merci , de ta réponse mais le calendrier d'éklablog ne correspond pas à ce que j'attends puisqu'il "réfère" tous les articles.
Voilà ce que j'aimerai:
Nous avons deux "évènements" environ par mois dans notre club ( sortie journée, assemblée générale, participation à une rando, spectacle...etc)
je souhaiterai référencer ces évènements ( et ceux là seulement) sur un calendrier ( semestriel par exemple)
sur ce calendrier les dates concernées seraient surlignées (ou autres). Quand on passerait sur ces dates: (transformation du pointeur de la souris), on pourrait cliquer pour ouvrir et accéder , grâce à un lien à une affiche PDF enregistrée dans les fichiers qui décrirait l'évènement en question
Ce calendrier serait accessible à partir du menu de droite ( "calendrier évènementiel")...( ça je sais faire, après je sais plus)
Je pense que c'est faisable, mais comment??????
Merci
Mardi 25 Juillet 2017 à 15:52 stormalo
bonjour,
OK cette fois je pense avoir compris ce que tu veux faire
Si tu veux faire le calendrier toi même, tu crées par exemple un tableau d'apparence comme celui de EB, pour les dates concernées par un évènement tu affectes un lien sur le chiffre du jour pour diriger vers le pdf qui correspond. En plaçant dans la balise <a ....> du lien un attribut title=" texte d'information " il y aura en plus une infobulle au survol
Si tu veux afficher une image d'agenda, il faudra définir les contours des surfaces cliquables comme dans le lien que j'ai cité précédemment. A mon avis ce sera probablement plus joli mais plus complexe à gérer. Une infobulle est également possible par le même procédé
Je t'ai fais un exemple rapide de calendrier perso sur une page privée du blog Atelier du château (tu as une permission d'accès) Il y a plus de place qu'ici.
A copier/coller chez toi si tu veux bidouiller avec, avant que je la supprime.Pour les lecteurs de ce message il s'agit d'un copié/collé de cellules depuis un tableur, avec un exemple de lien.
Mardi 25 Juillet 2017 à 18:41 JeffB
MERCI BEAUCOUP, JE VAIS M'Y ATTELER
J'ai avancé un peu; mais je n'arrive pas à placer l'info bulle :title"texte essai" dans l'enchainement de la ligne
<p><span style="color: #ff0000; background-color: #ffff00;"><strong><span style="font-size: 14pt;"><a style="color: #ff0000; background-color: #ffff00;" href="http://seniors-club-domerat.eklablog.com/essai-pour-calendrier-c29346452" target="_blank"> 1</a> </span></strong></span></p>
Merci
Mardi 25 Juillet 2017 à 21:12 stormalo
comme ça:
<p><span style="color: #ff0000; background-color: #ffff00;"><strong><span style="font-size: 14pt;"><a title=" texte infobulle" href="http://seniors-club-domerat.eklablog.com/essai-pour-calendrier-c29346452" target="_blank"> 1</a> </span></strong></span></p>
J'ai simplifié car inutile de répéter le style deux fois l'un à la suite de l'autre. Le style du lien <a.> . . .</a> est généralement donné par css hors de la balise
Mardi 25 Juillet 2017 à 21:59 JeffB
MERCI
et
Comment fait on varier (dans l'info bulle): la police, (font size je crois) , la taille?, la couleur?)
???
Mardi 25 Juillet 2017 à 23:01 stormalo
là, tu atteins ma limite de connaissance sur les bulles
Il y a sur le forum d'aide un sujet intéressant pour qui veut "buller"
http://doc.eklablog.com/infobulle-personnalisee-pour-une-image-code-html-et-css-help-topic104314
J'ai aussi noté un article sur le blog de -Thierry- qui propose une façon de faire me semblant la plus facile à utiliser après la mise en place.
Tout par css, sans la nécessité de remettre la main dans le code source pour définir de nouvelles petites bulles au fil du temps. En plus d'être une solution originale c'est très riche en explications pour paramétrer.
http://gerer-mon-blog.eklablog.fr/css-info-bulles-en-css-sans-javascript-a107359018En veillant à ne pas coincer la bulle, bonnes suites pour cet agenda !
Mercredi 26 Juillet 2017 à 08:35 Colette95
Coucou stormalo et randonnee,
Voici de nouveau le trio réuni.
Pour simplifier, pourquoi ne pas utiliser tout simplement la bulle Eklablog ?
Pour la configuration de celle-ci voici un exemple (code à ajouter dans le css) :
#help_bubble {
background: #625340; /*Toutes les valeurs sont à adapter*/
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, Serif;
font-size: 9pt;
text-align: center;
border: #FFFFFF inset 1px;
padding: 5px;
border-radius: 5px;
}et pour qu'elle apparaisse sur le lien concerné ajouter dans le code source :
<p><a onmouseover="Help.bubble(this, 'histoire de bulle')" href="http://seniors-club-domerat.eklablog.com/essai-pour-calendrier-c29346452" target="_blank">............</a></p>
PS Pour modifier le design d'un "title" c'est plutôt compliqué et il faut avoir accès au html de la plateforme ce qui n'est pas le cas.
Ceci étant je n'ai peut-être pas bien tout suivi ni compris, si c'est le cas, désolée...
Mercredi 26 Juillet 2017 à 11:22 JeffB
Merci COLETTE
Ton conseil me paraît extrêmement judicieux et d'une simplicité déroutante
J'essaie d'avancer et je vous préviens dés la finalisation de mon calendrier
Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.