Mode d`emploi - Office de tourisme infos
Contents
1. zoomant le lien finira par appara tre permettant ainsi d acc der facilement au back office re Hbienvenuedansunmondedebidouille2. le site donc Pour cela afficher la page d accueil en mode visualisation Vous devez donc voir quelque chose comme a D ecran accueil jimdo com m t o 2 Affichez le code source de la page sur Chrome par ex cela se fait avec la combinaison de touches Ctrl U Vous trouverez une ligne qui ressemblera a au besoin faites une recherche dans le code source sur les termes body lt body class body cc page cc page index cc indexpage cc pagemode default cc content parent id page 1855987297 gt Le num ro de s rie de votre page sera quivalent celui qui est ici en rouge Notez le G Param tres ei 3 Etape suivante programmer le non Ceci est la tour de contr le de votre site Vous pourrez y configurer divers param tres importants affichage du menu sur l ensemble des pages Utilisateur y du site sauf la page d accueil sinon P b 4 LE PR eesi en a Photo du profil 2 A a d m l n Ist rat l O n d u S ite se ra l m posSsSI b e mai personnelles compte Rendez vous donc dans le back office du site Site internet a a 2 I Ced I E A aN p o EL a Puis dans le menu d administration sur la Titre du site Modifier le bas Cacher l onglet Zones prot g es M moire Charte de Newsletter Bouton Vers le Favicon ii i ii 5 td di ibi fidentialit r re ne _ DER ee M PRE RES droite choisir Param tres puis Modifier le ea CE ms
3. 18697 cc tp content height 517px important page 1855987297 cc tp footer display block Weatherltem odd day width 300px WeatherForecast width 450px wWeatherltem odd day display inline block meteo weatherfeed display inline block Clearfix peam display none important aw six hours m 0O tR e y fermer il s agit donc de pouvoir voir le menu sur la droite 8 Param tres em N 2 OOO J Ea Le Param tres aent 2 DOS 24 i masquer D connexion Jimdo Afficher e 4 Coller dans la fen tre le code suivant lt style type text css gt lt CDATA cc tp sidebar display none page 1856018697 cc tp sidebar display block l gt lt style gt Vous remplacerez alors le num ro de s rie ici en rouge attention laisser l espace apr s le num ro par celui que vous aurez not pr c demment au point 2 Rep rez dans la m me rubrique Modifier le head la ligne surlign e en bleu Il vous suffit de modifier la variable width Elle est ici 80 vous pouvez mettre une autre valeur sans probl me ex 50 Vous veillerez alors ajouter une ligne juste en dessous avec le code suivant page 1856018697 limportant cc tp content width 80 Cela aura pour effet de laisser la largeur d affichage 80 sur la page d accueil qui est rappelons le la page e Les codes qui sont d j int gr s dans le
4. Mode d emploi 1 Comment a fonctionne Le principe Cet outil d affichage d information est en fait un site web r alis sous Jimdo dont on programme le chargement des pages apr s un d lai param trable pour chaque page Il suffit donc de cr er une nouvelle page pour chaque type de contenu que l on souhaite afficher une page m t o une page actus une page d affichage de flux sociaux etc Ce qui est affichable sur un site web est donc affichable sur cet cran d infos La page d accueil du site n est pas destin e tre affich e elle sert juste de support pour le t l chargement des tutoriels notamment C est depuis cette page aussi qu on acc dera l administration du site En effet pour la qualit de l affichage le footer du site est masqu sur l ensemble des pages sauf la page d accueil Cela se traduit concr tement par le fait que les liens Connexion et ou Modifier le site n appara tront plus sur ces pages mais seulement sur la page d accueil Mettre en route l cran d info 1 Mettre l affichage de la page web en plein cran touche F11 sur Chrome 2 Cliquez sur le bouton Lancer l cran d info Si rien ne se passe connectez vous au back office du site et ajoutez pour l image du bouton un lien pointant vers la page que vous souhaitez voir s afficher en premier Si rien ne se passe c est que vous avez certainement supprim la premi re page qui tait programm e dans le mod le e
5. Programmer l affichage de la page suivante 1 copier l URL de la page charger L ecran accueiljimdo com m t o 2 Revenir sur la page d accueil du site ici ecran accueil jimdo com et se connecter au back office du site Bienvenue Ce soir 3 S lectionner dans le menu droite la page partir de laquelle le chargement devra tre effectu dans notre exemple il s agit de la page Ce soir qui est chronologiquement cens e s afficher avant la page M t o M t o Vos photos 4 Ajouter sur la page un module HTML Offres sp ciales Tests 5 Ajouter le code suivant lt script type text javascript gt lt CDATAI window setTimeout location http ecran accueil jimdo com m t o 30000 HE lt script gt Vous prendrez soin de modifier l URL ici en rouge Vous pouvez aussi adapter en fonction de vos besoins le timing ici en violet 30000 est le d lai avant affichage de la page pr cis e en rouge exprim en millisecondes On a donc ici un d lai de 30 secondes ATTENTION pensez ajouter ce code sur chacune des pages y compris la derni re qui rebouclera vers la premi re page permettant ainsi d avoir un diaporama continu ATTENTION AUSSI pensez une chose le timing que vous allez choisir sera aussi celui que vous vous laisserez pour la mise jour de la page Pour les pages un peu longues mettre jour il vous faudra donc peut tre
6. dans un premier temps supprimer ce code le temps de faire la M J puis le remettre apr s bienvenuedansunmondedebidouille 2 Personnalisation e Modifier le titre Ici le titre par d faut est Office de tourisme infos Vous pouvez le modifier comme pour tout site Jimdo en modifiant le header en mode administration passer la souris sur le titre puis cliquer sur Modifier le header e Personnaliser le diaporama de fond Zu M thode identique tout site Jimdo passer en back office dans la barre d administration sur la droite choisir Style puis Fond personnalis De l vous pourrez modifier votre diaporama ou choisir une image fixe ATTENTION sur la taille de vos photos Regardez la taille d affichage de votre cran 1920x1080px par exemple et retaillez vos images en fonction CRUE EEE rez charger ici une image de fond personnelle Vous U FORMAT DE POLICE GE FONDPERSONNALIS 7 SSESNE ae a E Fond personnalis 3 Param tres pour les images et vid os d arri re plan A N n b FA La CA Images Premi re image Le O g er enregistrer Ajoutez de nouvelles images et modifiez celles d j pr sentes v is e Personnaliser les polices M thode identique tout site Jimdo passer en back office dans la barre d administration sur la droite choisir Style puis Format de police e Personnaliser la m t o 1 RDV sur la page http www accuweath
7. er com en free weather widgets 36hour 2 Configurez votre widget Cliquez sur le bouton Fixed location et choisissez votre nom de ville Dans Select a language choisissez Fran ais et Defaults units choisissez C 3 Ces param trages faits cliquez sur la case et le bouton Grab the code en bas AccuWeather com Back to Weather Widgets Dashboard Create a 36 Hour Weather Widget Weather for today tonight tomorrow Dynamic background x Responsive Layout fits any size wv Optional Interest forecasts e g golf running How should the location display Select a language Default units Auto Detect O Fixed Location Lars FR English US z ca oc B Allow user to change location BONUS Add an Interest No Interest ba Now 10 31 am CEST _ ns Paris FR a Grab the Code ATTENTION on vous propose ce module parce que certains codes de personnalisation sont inclus dans le mod le de site Jimdo Si vous choisissez un autre type de widget m t o il vous faudra peut tre personnaliser vous m me l affichage Par exemple la personnalisation pr vue sur le site pour ce widget masque la mention d Accuweather et masque tous les contenus autres que les images et textes relatifs la pr vision m t o des 3 prochains jours Masquer le menu de navigation sur la droite 1 Premi re tape trouver le num ro de s rie de votre page d accueil du site celle qui sert administrer
8. er display block weatherItem odd day width 300px Cet ouil weatherForecast width 450px wWweatheritem odd day display inline block tourisn meteo weatherfeed display inline block clearfix namidisnlav none limnortant Certair faisabl s re fermer ANT et ou questionnez le r seau ANT via le groupe Facebook idoine ou passez par un professionnel les concepteurs de cet outil n auront en effet pas le temps de vous aider produire les codes En tout tat de cause n oubliez pas que vous utilisez un site web r alis sous Jimdo dont l usage est Elargir la zone blanche o apparaissent les contenus affich s Modifier le head d administration du site Retour au sommaire Ins rer par ex du javascript CSS ou HTML dans la zone Head T VUI ICS PIVS VUUS PUUVELZ ITIUUINET FUI 19 AUNG HICQOUS CII TITLE UE VUE SIC Les standards HTML n autorisent que les tags suivant dans la zone head lt base gt lt link gt lt meta gt lt style gt lt script gt lt style type text css gt lt CDATA cc tp footer display none cc tp container width 90 important cc tp wrapper moz border radius 10px border radius 10px mainNavi moz border radius 10px border radius 10px cc tp wrapper heignht 70 important cc tp wrapper cc content parent background none border 0 cc tp content background color fff width 80 l important border radius 10px page 18560
9. s sortir sinon les param tres d finis dans les lignes de codes pr c dentes ne fonctionneraient pas MON A J lt style type text css gt lt CDATA cc tp footer background none important leftrow display none cc tp container width 90 limportant cc tp wrapper moz border radius 10px border radius 10px mainNav1 moz border radius 10px border radius 10px cc tp wrapper cc content parent background none border 0 width 80 border radius 10px height 600px important cc tp content background color fff limportant awW six hours aw more block aw more block first aw more block display none limportant awW header visibility hidden aW alert info display none link_arrow_right display none body cc page cc pagemode default cc content parent overflow hidden Hpage 1855987297 body cc page cc pagemode default cc content parent overflow visible limportant gt lt style gt ATTENTION les ascenseurs sont donc supprim s par d faut sur les pages du site web sauf celle d accueil Les liens vers le back office du site lien Connecter ou Modifier la page ou Consulter ne sont donc pas forc ment visibles suivant la valeur que vous aurez attribu en hauteur de la zone de contenus en rouge dans le code page pr c dente Une solution simple pourrait consister utiliser la fonction zoom du navigateur sur Chrome Ctrl molette de la souris En d
10. site lecture comment e Les codes en vert sont dans la rubrique Modifier le head du back office Les explications sont fournies en bleu Partie indispensable Lignes ne pas sortir sinon les param tres d finis dans les lignes de codes suivantes ne fonctionneraient pas Rend le footer transparent et donc visuellement plus l ger Masque la partie gauche du footer o se trouvent le lien vers mentions l gales etc Permet de laisser une marge entre bords gauche et droite de l cran et les contenus 5 de chaque c t Arrondir les bords des zones de contenu Arrondir les bords de la barre de menu Supprime couleur de fonds de la zone de menu bordure jusqu au footer dans le mod le Jimdo de base La partie d di e au contenu a un fonds blanc fait une largeur d cran de 80 est arrondie et a une hauteur de 600px Personnalisation de l affichage du widget m t o pour masquer des l ments inutiles Suppression de l ascenseur sur les pages web du site rendant impossible le fait de scroller avec la souris En cons quence ne sera visible que ce qui appara t l cran au moment du chargement de la page et pas ce qui pourrait tre en dessous auquel on acc derait avec la molette de la souris La ligne suivante r tablit l ascenseur sur la page d accueil du site notamment pour acc der au lien Connexion et Modifier la page donnant ainsi acc s au back office du site Partie indispensable Lignes ne pa
11. u Archives Modifier le head h ea d formulaire a Mobile Nota E B B af Version mobile Page d accueil Design perso Cet oui CSS tourisn Administration des domaines et des e mails y Certair k 3 P fermer meN Te AELS 70 n ANT et ou questionnez le r seau ANT via le groupe Facebook idoine ou passez par un professionnel Tis AS des cons les concepteurs de cet outil n auront en effet pas le temps de vous aider produire les codes masquer En tout tat de cause n oubliez pas que vous utilisez un site web r alis sous Jimdo dont l usage est Modifier le head Ins rer par ex du javascript CSS ou HTML dans la zone Head Retour au sommaire Modifier le head Pour les pros vous pouvez modifier ici la zone lt head gt en HTML de votre site Les standards HTML n autorisent que les tags suivant dans la zone head lt base gt lt link gt smeta lt style gt lt script gt lt style type text css gt lt CDATA cc tp footer display none cc tp container width 90 important cc tp wrapper moz border radius 10px border radius 10px mainNavi moz border radius 10px border radius 10px cc tp wrapper height 70 important cc tp wrapper cc content parent background none border 0 A cc tp content background color fff width 80 important border radius 10px Nota page 1856018697 cc tp content height 517px important page 1855987297 cc tp foot
Download Pdf Manuals
Related Search