communauté francophone de joueurs sims
 
AccueilAccueil  Le site  Chaine You Tube  S'enregistrerS'enregistrer  ConnexionConnexion  Dernières imagesDernières images  RechercherRechercher  
-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

Partagez
 

 [Débutant] Créer le code HTML d'un bouton.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Grand artiste du pinceau
Camelya
Camelya
Grand artiste du pinceau
Féminin Date d'inscription : 06/05/2011
Age : 33
Localisation : Dans mon lit.

[Débutant] Créer le code HTML d'un bouton. Empty
MessageSujet: [Débutant] Créer le code HTML d'un bouton.   [Débutant] Créer le code HTML d'un bouton. EmptyVen 16 Sep 2011, 00:12

Bonjour tout le monde !
Face à la multiplication des questions sur ce sujet, j'ai décidé de faire un petit tutoriel tout simple sur la création et la mise en ligne d'un bouton.

Premièrement : qu'est-ce qu'un bouton ?

Un bouton est une image cliquable qui a pour but de promouvoir votre site/blog sur le net.
Il sert en général à faire des partenariats (c'est-à-dire des échanges de boutons avec un autre site/blog).
Traditionnellement cette image fait 88x31 pixels.

Deuxièmement : comment faire cette petite chose ?

Il vous suffit d'avoir des bases en graphisme.
Quelques petits conseils néanmoins : il est préférable que votre bouton soit à l'image de votre site.
Faites en sorte que le nom de votre site/blog soit bien visible, si celui-ci est trop long, pensez à créer une image défilante.
Pour plus d'information sur le graphisme je vous renvoie ici.
Si vraiment c'est mission impossible et que votre logiciel de retouche d'image vous sort par les yeux vous pouvez demander à ce qu'on vous en crée un ici, un de nos super graphiste vous en fera un tout beau !

Exemple : [Débutant] Créer le code HTML d'un bouton. Simsar10

Troisièmement : comment faire en sorte que mon image devienne cliquable ?

C'est assez simple. Une fois que votre image est enregistrée dans votre ordinateur, allez l'héberger sur un site comme HostingPics, Servimg, Casimage, Imageshack. Conservez bien le lien donné pour votre image.
Ensuite sur votre site/blog vous pouvez indiquer le lien HTML suivant :

Code:
<a href="adresse du site/blog" target="_blank" ><img src="lien de votre image" alt="Titre de votre site/blog" title="Titre de votre blog/site" /></a>

Il vous suffit de remplacer adresse du site/blog, lien de votre image et Titre de votre site/blog par les bonnes données.

Exemple : Forum sims-artists

Et le lien HTML de ce bouton est :
Code:
<a href="http://www.sims-artists.com/" target="_blank" ><img src="http://dl.dropbox.com/u/40390757/bouton.jpg" alt="Forum sims-artists" Title="Forum sims-artists"/></a>

Et voilà ! Tadam ! J'espère avoir été claire, et que ceci vous sera utile !

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



Dernière édition par Camelya le Lun 26 Sep 2011, 15:44, édité 4 fois
Revenir en haut Aller en bas
http://legrenierdetatacamy.jimdo.com/
Peintre prestigieux
Maxime
Maxime
Peintre prestigieux
Masculin Date d'inscription : 20/07/2011
Age : 31
Localisation : Gatineau, Québec, Canada

[Débutant] Créer le code HTML d'un bouton. Empty
MessageSujet: Re: [Débutant] Créer le code HTML d'un bouton.   [Débutant] Créer le code HTML d'un bouton. EmptyVen 16 Sep 2011, 01:55

Merci pour ton tuto Cam' je pense qu'il va être très utile vue les récentes questions sur le fofo Smile
Revenir en haut Aller en bas
http://www.sims-outaouais.com
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 37
Localisation : Au Sud

[Débutant] Créer le code HTML d'un bouton. Empty
MessageSujet: Re: [Débutant] Créer le code HTML d'un bouton.   [Débutant] Créer le code HTML d'un bouton. EmptyVen 16 Sep 2011, 08:14

Oui c'est une très bonne idée ce tuto, car même si Fu nous a fait un ou deux tutos sur le sujet, ce n'était pas spécifique à la création d'un code HTML pour faire un "bouton cliquable". Smile


Dernière édition par Camelya le Lun 26 Sep 2011, 15:35, édité 1 fois (Raison : nettoyage)
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Ange gardien
idjya
idjya
Ange gardien
Féminin Date d'inscription : 05/10/2009
Age : 45
Localisation : Cholet

[Débutant] Créer le code HTML d'un bouton. Empty
MessageSujet: Re: [Débutant] Créer le code HTML d'un bouton.   [Débutant] Créer le code HTML d'un bouton. EmptyVen 16 Sep 2011, 14:29

Merci pour le tuto! Wink


Dernière édition par Camelya le Lun 26 Sep 2011, 15:36, édité 1 fois (Raison : nettoyage)
Revenir en haut Aller en bas
http://idjya.eklablog.com
Ange gardien
pomme-kiwi
pomme-kiwi
Ange gardien
Féminin Date d'inscription : 27/09/2009
Age : 37

[Débutant] Créer le code HTML d'un bouton. Empty
MessageSujet: Re: [Débutant] Créer le code HTML d'un bouton.   [Débutant] Créer le code HTML d'un bouton. EmptyVen 16 Sep 2011, 18:09

Merci beaucoup Cam, ça sera très utile!!!!


Dernière édition par Camelya le Lun 26 Sep 2011, 15:37, édité 1 fois (Raison : nettoyage)
Revenir en haut Aller en bas
http://www.dressingresponsable.com
Grand artiste du pinceau
Camelya
Camelya
Grand artiste du pinceau
Féminin Date d'inscription : 06/05/2011
Age : 33
Localisation : Dans mon lit.

[Débutant] Créer le code HTML d'un bouton. Empty
MessageSujet: Re: [Débutant] Créer le code HTML d'un bouton.   [Débutant] Créer le code HTML d'un bouton. EmptyVen 16 Sep 2011, 18:36

Sinon, Maripiou : c'est vrai que Fu a déjà traité le sujet mais je me suis dis qu'avec une petite explication, ce genre de question serait moins fréquentes Rolling Eyes


Dernière édition par Camelya le Lun 26 Sep 2011, 15:37, édité 1 fois
Revenir en haut Aller en bas
http://legrenierdetatacamy.jimdo.com/
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 37
Localisation : Au Sud

[Débutant] Créer le code HTML d'un bouton. Empty
MessageSujet: Re: [Débutant] Créer le code HTML d'un bouton.   [Débutant] Créer le code HTML d'un bouton. EmptyVen 16 Sep 2011, 18:42

Oui, tu as très bien fait, car c'est vrai que quand on ne sait pas trop quoi chercher, on ne pense pas à aller voir dans le tuto section "clé en main" qui traite des bannières défilantes pour Jimdo... Du coup là ils vont voir direct "créer le code HTML de mon bouton lien" et ils sauront que c'est celui-là qu'il faut lire. Smile


Dernière édition par Camelya le Lun 26 Sep 2011, 15:38, édité 1 fois (Raison : nettoyage)
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Ange gardien
Bettyboopjade
Bettyboopjade
Ange gardien
Féminin Date d'inscription : 25/03/2011
Age : 42
Localisation : Mons (Belgique)

[Débutant] Créer le code HTML d'un bouton. Empty
MessageSujet: Re: [Débutant] Créer le code HTML d'un bouton.   [Débutant] Créer le code HTML d'un bouton. EmptyVen 16 Sep 2011, 19:35

Merci pour le tuto ! Wink
Revenir en haut Aller en bas
http://bettyboopjade.canalblog.com/
Moderateur
Caco
Caco
Moderateur
Féminin Date d'inscription : 22/07/2010
Age : 35
Localisation : Yvelines (78)

[Débutant] Créer le code HTML d'un bouton. Empty
MessageSujet: Re: [Débutant] Créer le code HTML d'un bouton.   [Débutant] Créer le code HTML d'un bouton. EmptySam 17 Sep 2011, 19:45

Merci pour le tuto' je viens juste de tester trop cool! x)
Revenir en haut Aller en bas
Contenu sponsorisé


[Débutant] Créer le code HTML d'un bouton. Empty
MessageSujet: Re: [Débutant] Créer le code HTML d'un bouton.   [Débutant] Créer le code HTML d'un bouton. Empty

Revenir en haut Aller en bas
 
[Débutant] Créer le code HTML d'un bouton.
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sims Artists :: Apprentissage :: Informatique et Internet :: HTML / CSS-
Sauter vers: