Créer un site Web tout sur vous avec Visual Studio (HTML, CSS, JQUERY) (6 / 8 étapes)

Étape 6: Ajout de boutons de médias sociaux

Nous allons ajouter quelques boutons de médias sociaux pour qu’ils puissent vous contacter également via les médias sociaux. Il y a deux styles, que vous pouvez choisir parmi (regarder les photos). J’ai ajouté du GIF, donc vous pouvez les voir comment ils diffèrent les uns des autres. Passez votre souris au-dessus pour voir lequel style c’est. J’aime le premier style le plus, mais la seconde est aussi belle.

Permet donc de les ajouter. Pour les deux versions, vous devrez ajouter le même code html

Alors ajoutez ce code dans la balise input avec un type « submit » :

Remplacez « # » par votre propre url.

Maintenant, nous devons inclure un autre fichier css (une police pour les icônes de médias sociaux) nous faisons cela en ajoutant la ligne suivante dans la balise head :

Dans la balise style, il faudra ajouter le code suivant :

Maintenant tester votre site Web et vous devriez les voir juste sous les formes d’entrée. Le ": hover" vous voyez après un conteneur signifie que lorsque vous déplacez votre souris au-dessus, il doit utiliser ce contenant du code.

Articles Liés

À l’aide de capteurs, modules RF 433Mhz et puce Bluefruit BLE de Adafruit pour recueillir des données sur Smartphone avec Evothings Studio

À l’aide de capteurs, modules RF 433Mhz et puce Bluefruit BLE de Adafruit pour recueillir des données sur Smartphone avec Evothings Studio

Dans ce projet, vous apprendrez comment utiliser Bluefruit LE UART ami de Adafruit, une puce Bluetooth Low Energy et le Evothings Workbench pour envoyer des données dans les deux sens entre un Arduino Uno et votre Smartphone. L'application sera codée
Meilleure façon de partager la vidéo du caméscope au site Web et blog de convertir caméscope vidéo Flash sur mac

Meilleure façon de partager la vidéo du caméscope au site Web et blog de convertir caméscope vidéo Flash sur mac

Plus de gens aime tournage vidéo sur leur vie à partager, enregistrer des clips sur leurs entreprises, les produits, les services pour faire la promotion et gagner plus d'attention et clients. Dans l'acte, superbe vidéo est plus puissants milliers fo
Flip video to Flash convertisseur mac OS X, put/insert/embed flip vidéo sur le site Web

Flip video to Flash convertisseur mac OS X, put/insert/embed flip vidéo sur le site Web

Flip caméscopes comprennent le Flip Ultra, Flip UltraHD, le Flip vidéo Minoet la Vidéo de Flip MinoHD. Ils sont gentils abordable et facile à utiliser. Dans cet article, je veux parler de la façon d'ajouter Flip vidéo à votre site Web.Deux options po
Comment héberger un site Web avec sur un domaine.

Comment héberger un site Web avec sur un domaine.

Cela vous indique comment héberger un site Web gratuitement sur Google Drive, mais sans avoir à payer pour un domaine.Étape 1: Connectez-vous dans le lecteur de Google.Étape 2: Créer un dossier.C'est où vous mettrez tous les éléments de votre site.Ét
Comment faire un site Web

Comment faire un site Web

Apprenez à créer votre propre page Web en utilisant HTML!Étape 1: Introduction :L'épine dorsale de tout site Web est composé de fichiers Hyper Text Markup Language (HTML). Ce guide va vous montrer comment créer une simple page web à l'aide de sa dern
Site Web vers le bas d’alarme

Site Web vers le bas d’alarme

Si votre site tombe en panne, vous voulez être les premiers informés. Rendre évident lorsqu'il y a un problème en raccordant une grande alarme léger pour un Tessel, qui sera ping de votre site Web toutes les quelques secondes pour vérifier des ennuis
Comment j’ai fait mon site Web : MotoCMS site Web Builder Walkthrough

Comment j’ai fait mon site Web : MotoCMS site Web Builder Walkthrough

Pouvez-vous imaginer votre vie sans Internet ? Je pense que personne ne peut. Nous avons créé un univers autonome, où nos possibilités sont pratiquement infinies. Les scientifiques du passé ont eu raison en quelque sorte, hypothèses sur la communicat
Créer un site Web à l’aide d’iWeb

Créer un site Web à l’aide d’iWeb

sites Web constituent un moyen très facile pour informer le public sur votre sujet d'intérêt. Dans ce tutoriel, nous allons créer un site de remise en forme en utilisant le programme d'iWeb. Vous pouvez faire un site Web sur n'importe quel sujet de v
Site Web (HTML et CSS)

Site Web (HTML et CSS)

Bonjour tout le monde chez instructables:)Récemment, j'ai essayé de faire quelques sites Web et hôte en ligne juste voir comment HTML et CSS , j'ai appris a fonctionné alors que je pourrais faire un site à part entière complet mettant en vedette et l
Comment faire pour ajouter un oeuf de Pâques cookies à votre site Web !

Comment faire pour ajouter un oeuf de Pâques cookies à votre site Web !

Vous avez un site Web ? Vous aimez les œufs de Pâques ?Eh bien alors cette instructable est fait pour vous !Cela va montrer comment ajouter un cookie d'oeuf de Pâques petit superflu sur votre site que les personnes qui sont assez intelligents et navi
Construire un site Web professionnel : partie 3 CSS

Construire un site Web professionnel : partie 3 CSS

CSS (Cascading Style Sheets) sont comme le pain dans un "sandwich" PB & J. Bien sûr, les tables sont d'accord mais le code est beaucoup plus propre et efficace avec CSS.CSS est une méthode simple pour ajouter style (polices, couleurs, espace
Comment modifier un site Web (temporairement)

Comment modifier un site Web (temporairement)

Salut! Avez-vous jamais eu envie de montrer à vos amis vos compétences « piratage » en changeant un site Web pour dire votre nom dessus, changer les choses pour le rendre drôle, ou faire vraiment n'importe quoi à un site Web ? Eh bien, c'est une bonn
Site Web faisant 101, faire un site avec aucun codage !

Site Web faisant 101, faire un site avec aucun codage !

Ever wanted votre propre site Web ? Sites Web peut être utile pour promouvoir les entreprises vendent des produits, interagir avec des amis, mettre en valeur quelque chose que vous faites, passer le temps et des milliers d'autres choses. Cet Instruct
Comment créer un Wedding Planning site Web à l’aide de Wix.com

Comment créer un Wedding Planning site Web à l’aide de Wix.com

construire un site Web n'a jamais été plus facile après avoir suivi ces étapes. WiX.com est un générateur de site Web professionnel qui n'importe qui peut utiliser pour créer un site gratuit. Ils ont des centaines de modèles, que vous pouvez utiliser