• 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 smile

    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">&nbsp;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">&nbsp;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 he

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

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

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

     

    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.