communauté francophone de joueurs sims
 
AccueilAccueil  Le site  Chaine You Tube  S'enregistrerS'enregistrer  ConnexionConnexion  FAQFAQ  RechercherRechercher  

Partagez | 
 

 [Apprenti] Jimdo - Créer une bannière défilante

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
avatar
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 37
Localisation : Aubais

MessageSujet: [Apprenti] Jimdo - Créer une bannière défilante   Lun 23 Mai 2011, 11:56

Bonjour à tous !

Aujourd'hui nous allons voir comment rajouter une bannière défilante sur Jimdo.
Pour l'exemple nous allons y mettre plusieurs boutons correspondant à des partenaires, mais sachez que cela fonctionne avec du texte également.

Pour faire cela, vous devez bien sûr vous connecter via votre interface d'administration

1. Installation sur Jimdo :

Tout d'abord nous allons créer un nouvel élément, ici, j'ai choisi de le mettre sur la partie latérale, à vous de voir ce que vous désirez faire.


Ensuite nous allons choisir le type d'élément : widget/html


Et pour finir coller le morceau de code qui nous intéresse puis enregistrer


Pour ce qui est du code, nous allons à présent voir ensemble ce que c'est en détail


Spoiler:
 


Dernière édition par Fuyaya le Jeu 02 Juin 2011, 11:52, édité 3 fois
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Admin
avatar
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 37
Localisation : Aubais

MessageSujet: Re: [Apprenti] Jimdo - Créer une bannière défilante   Lun 23 Mai 2011, 11:56

2. Comprendre le code :

Code:
<marquee scrolldelay="150"><a style="display: inline-block;" href="http://simsartists.com/"><img src="http://simsartists.free.fr/images/logotype/bouton.jpg" alt="Sims Artists" title="Sims Artists" /></a></marquee>

Code:
<marquee scrolldelay="150"></marquee>
C'est cette balise qui créé l'effet de défilement. Le chiffre indiqué "150" correspond à la vitesse de défilement, en mettant un chiffre plus petit vous ralentissez le rythme et en mettant un chiffre plus grand vous l'augmentez.

Code:
<a style="display: inline-block;" href="http://simsartists.com/"></a>
C'est la balise qui fait que l'image va être un lien cliquable.
On rajoute une indication quant au style du lien : ici on lui indique que les liens doivent se placer les un à côté des autres.

Code:
<img src="http://simsartists.free.fr/images/logotype/bouton.jpg" alt="Sims Artists" title="Sims Artists"/>
C'est la balise qui correspond à l'image qui doit apparaitre.

Pour l'exemple j'ai utilisé l'image qui est visible sur le Sims Artists. Je vous rappelle que le Hotlinking nuit au trafic des sites, donc si vous souhaitez afficher une image, pensez à l'enregistrer sur votre ordinateur et ensuite à l'héberger sur votre site ou sur un site d’hébergement d'image.

Pour en savoir plus lisez ceci :Vous avez posté dans ce sujet. Le Hotlinking c'est mal, pourquoi? Comment faire pour montrer une image?  

Dans le tuto de présentation de Jimdo vous trouverez également le moyen d'héberger vos images :
Vous avez posté dans ce sujet. [Debutant] Jimdo - Site clef en main  

3. Modifier le code :

Bien voyons en pratique comment faire pour rajouter un nouveau bouton à votre barre de défilement !
Pour fêter le retour d'Urbania, prenons les en exemple.

Voici ce dont on a besoin :
1. L'adresse URL du site (car l'image sera un lien)
2. L'adresse URL de l'image

Voici ce que donne le code :
Code:
<a style="display: inline-block;" href="http://urbania-sims.com/forum/"><img src="http://i20.servimg.com/u/f20/15/80/51/92/bouton10.jpg" alt="Urbania" title="Urbania le forum"/></a>

Maintenant je vous l'explique :
Dans le href="" de la balise de lien, je mets l'adresse URL du site, ici c'est l'adresse du forum
On a bien mis l'indication de style qui commande que les liens se placent les uns à côté des autres, autrement ils se placeront les uns en dessous des autres

Dans le href="" de la balise d'image, je mets le lien de l'image
Dans le alt="" de la balise image, je mets le texte par défaut de l'image qui s'affichera si un jour l'image n'est plus disponible
Dans le title="" de la balise image, je mets le texte qui s'affichera au survol de la souris

MODE D'EMPLOI

N'hésitez pas à remercier l'auteur de ce tutoriel ou à faire partager votre expérience personnelle. Si vous avez créé quelque chose en suivant le tuto pourquoi pas la poster afin de la montrer à l'auteur

-----------------------------------------

Pour d'éventuelles questions, c'est par ici et si vous souhaitez en apprendre plus sur le sujet, rendez-vous dans la salle travaux pratiques

Bonne journée



Spoiler:
 


Dernière édition par Fuyaya le Sam 11 Jan 2014, 22:54, édité 4 fois
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Peintre prestigieux
avatar
charlene27player
Peintre prestigieux
Féminin Date d'inscription : 11/02/2011
Age : 32

MessageSujet: Re: [Apprenti] Jimdo - Créer une bannière défilante   Lun 23 Mai 2011, 13:10

Merci beaucoup Fu c'est vraiment super de nous avoir fait un tuto ^^
Y a plus qu'à maintenant ^^


Dernière édition par charlene27player le Lun 23 Mai 2011, 13:32, édité 1 fois
Revenir en haut Aller en bas
http://lovasims3.jimdo.com/
Grand artiste du pinceau
avatar
tchoutchou7
Grand artiste du pinceau
Masculin Date d'inscription : 27/09/2009
Age : 26
Localisation : Australia

MessageSujet: Re: [Apprenti] Jimdo - Créer une bannière défilante   Lun 23 Mai 2011, 13:27

Merci pour le tuto Fu' !
Revenir en haut Aller en bas
http://changementdetrain.wordpress.com
Grand artiste du pinceau
avatar
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 30
Localisation : Au Sud

MessageSujet: Re: [Apprenti] Jimdo - Créer une bannière défilante   Lun 23 Mai 2011, 13:58

Merci Fuyaya pour ce tuto très intéressant et fort utile! Very Happy
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Peintre prestigieux
avatar
charlene27player
Peintre prestigieux
Féminin Date d'inscription : 11/02/2011
Age : 32

MessageSujet: Re: [Apprenti] Jimdo - Créer une bannière défilante   Lun 23 Mai 2011, 17:48

merci ^^
Revenir en haut Aller en bas
http://lovasims3.jimdo.com/
Ange gardien
avatar
idjya
Ange gardien
Féminin Date d'inscription : 05/10/2009
Age : 38
Localisation : Cholet

MessageSujet: Re: [Apprenti] Jimdo - Créer une bannière défilante   Lun 23 Mai 2011, 18:39

Merci pour le tuto! Wink
Revenir en haut Aller en bas
http://idjya.eklablog.com
Grand artiste du pinceau
avatar
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 30
Localisation : Au Sud

MessageSujet: Re: [Apprenti] Jimdo - Créer une bannière défilante   Lun 23 Mai 2011, 20:24

Juste pour te dire que j'y suis arrivée et en plus grâce à toi, je vais enfin pouvoir classer les bannières les unes à côté des autres!!! Merkiii. Very Happy
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Maitre en Création de CC
avatar
Maman Gateau
Maitre en Création de CC
Féminin Date d'inscription : 25/04/2010
Age : 46
Localisation : Nord

MessageSujet: Re: [Apprenti] Jimdo - Créer une bannière défilante   Lun 23 Mai 2011, 20:57

Fu,
merci pour tout ! cheers


La créativité est une drogue dont je ne peux me passer
(Cecil B. DeMille)
Revenir en haut Aller en bas
http://www.choco-lova-sims.com/
Contenu sponsorisé


MessageSujet: Re: [Apprenti] Jimdo - Créer une bannière défilante   

Revenir en haut Aller en bas
 
[Apprenti] Jimdo - Créer une bannière défilante
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Comment ajouter une signature (image + texte) à son profil ?
» [RPG] FFJ : Bannière de promotion et partenariats
» HOSPITTLER - Apprenti Chapelain (F - N)
» Grande bannière
» création d'une grande bannière saurus

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sims Artists :: Apprentissage :: Informatique et Internet :: Forum, Site "clef en main" et Blog-
Sauter vers: