Téléchargement quicksilver - Téléchargement du code source quicksilver

quicksilver

Données du site Web

Pomegranate

Télécharger

Mercure

Un modèle gratuit, simple et (principalement) de conception de matériau pour le Web.

Voir la démo

Browsers pris en charge:

Tous?

Commencer:

Tout d'abord, téléchargez la dernière version directement depuis GitHub.
Vous serez présenté avec un certain nombre de fichiers. Les choses dont vous voulez vous inquiéter sont index.html, et deux dossiers: / json, et / images.
Jetez une image carrée de vous-même, votre logo, peu importe, à l'intérieur / des images. Dans index.html, modifiez la valeur SRC pour ProfileImage pour pointer vers cette image de profil.
Remplacez "votre nom" par ... votre nom.
Remplacez la petite description sous cela par une description de vous-même.
Ensuite, un peu plus bas, n'hésitez pas à changer le FirstCategoryText avec le type de travail dans lequel vous vous spécialisez. Ou vous pouvez le laisser tel qu'il est. Ne fait pas de différence pour moi.
Modifiez la valeur HREF du bouton de contact. Il doit être égal à HREF = "Mailto: [votre adresse e-mail]".
Il est également très important dans index.html sera les métadonnées. À l'intérieur de la balise de tête, modifiez le contenu factice dans les balises Meta avec des données réelles.
Ajoutez un favicon de realfavicongenerator.net.
Après cela, ouvrez le dossier / JSON et jetez un œil à Links.json. Devrait être assez simple, mais voici une petite explication: «Nom» est le texte réel qui apparaîtra pour ce lien spécifique. La «couleur» est la couleur de l'icône qui sera à côté de votre texte. «Icon» est le nom de l'icône de MaterialDesignicons.com. Assurez-vous d'obtenir l'orthographe correcte pour l'icône (vous n'avez pas besoin de la partie 'MDI-', le script l'ajoute automatiquement). L'URL est ... L'URL.
Après avoir modifié le fichier links.json, vous êtes prêt à passer à items.json. Ceci est assez similaire au fichier links.json. Cependant, quelques choses à noter. Tout d'abord, vous devrez fournir une image pour chaque élément. Deuxièmement, vous devez que toutes les images correspondent en dimensions exactes. Je suggère 1920x1080. Si c'est 1920x1081, les choses se cassent. C'est juste une contrainte du framework Materimezecss que nous utilisons.
Si vous devez supprimer ou ajouter un lien ou un élément de travail à votre nouveau site Web Quicksilver, c'est super facile, grâce à l'implémentation JSON.
Après avoir l'impression que votre site Web est prêt à appuyer sur la production, appuyez sur ce bouton (figuratif) Télécharger le bouton!