Comment coder les dispositions de guilde?
Devenez fou et personnalisez l'image autant que vous le souhaitez pour une disposition de guilde vraiment unique.
Vous en avez assez de chercher parmi les centaines de mises en page prédéfinies trouvées sur le Web? Rien ne correspond vraiment à ce que vous recherchez? Pourquoi ne pas vous essayer à la création de votre propre mise en page Neopets?
Assurez-vous de vous souvenir du code URL de votre image une fois qu'elle est publiée sur votre site hôte.
Voici des instructions pour créer une mise en page simple avec une zone de texte qui ira dans la section principale de votre guilde.
- 1Créez une nouvelle image dans votre programme d'édition d'images avec une hauteur de 600 et une largeur de 550.
- 2Trouvez une image que vous aimeriez utiliser comme arrière-plan principal. Il existe de nombreuses sources pour ces images, y compris la recherche d'images Google, les nombreux concours d'images neopets, ou même neopets lui-même.
- 3Copiez cette image et collez-la où vous le souhaitez dans la nouvelle image 550x600 que vous avez créée.
- 4Utilisez votre logiciel d'édition d'images pour ajouter des mots, des images ou des cases que vous souhaitez inclure dans votre image. Devenez fou et personnalisez l'image autant que vous le souhaitez pour une disposition de guilde vraiment unique. Une fois que vous êtes prêt avec votre image, enregistrez-la et publiez-la sur votre site d'hébergement d'images. N'oubliez pas de vous souvenir du code URL de votre image une fois qu'elle est publiée sur votre site hôte. Vous devrez l'entrer dans le code suivant.
- 5Commencez à coder votre site. Le premier code que vous devez entrer indiquera à votre page le type de couleurs, de polices et de styles que vous souhaitez pour le texte que vous souhaitez afficher. Vous commencez par insérer le code suivant: <style> BODY table, td, font, p, i, body, div {font-family:verdana;font-size:8pt;font-weight:normal;line-height:8pt; font-style:normal;color:black;}b{color:6BD22F;font-family:tahoma;}# Continuez avec le code suivant. Vous devez entrer pour indiquer à votre page le type de couleurs et de motifs que vous souhaitez associer à vos liens et à la zone de texte. En insérant le code suivant:#* BODY A:LINK { color:#44E6B9;font-size:8pt; text-decoration:none;} A:VISITED { color:#44E6B9;font-size:8pt; text-decoration:none;} A:HOVER {color:#6BD22F;font-family: tahoma;text-transform:line-through;background-color:#000000;border:0px;border-style:solid;border-color:#CCCCCC;}<br />#TEXTAREA{ border: 1px solid;font-size: 8pt;font-family: tahoma; couleur de la police: 6BD22F; Couleur de l'arrière plan: #; Couleur: #; marge: 1px; style:solide;} </style>
- Ces codes indiqueront à l'ordinateur les couleurs que vous souhaitez pour votre texte, vos liens et les motifs de votre zone de texte. Vous pouvez vraiment être créatif ici et créer un bon thème pour votre site en ajustant ces couleurs et ces styles.
- 6Enfin, vous souhaitez insérer les conceptions que vous avez créées dans la guilde. Utilisez le code suivant pour insérer votre image et le message que vous souhaitez afficher dans votre zone de texte.
LE MESSAGE DE BIENVENUE DE VOTRE GUILDE EST ICI
- 1Enregistrez vos modifications et votre mise en page devrait être opérationnelle avec votre propre mise en page personnalisée! Vous pouvez modifier votre mise en page à tout moment. La beauté d'utiliser CSS pour personnaliser votre codage est qu'il est extrêmement polyvalent et que vous pouvez faire une grande quantité de conceptions uniques pour que votre guilde se démarque vraiment!
- En outre, vous pouvez personnaliser les couleurs de votre barre de défilement
en insérant ce code entre les balises <style> et </style>:
- {scrollbar-face-color:white;scrollbar-shadow-color:white;scrollbar-highlight-color:white; scrollbar-3dlight-color:white;scrollbar-arrow-color:#44E6B9;scrollbar-darkshadow-color:white;scrollbar-track-color:white;}corps{background-color:FFFFFF;}
- Connaissances des débutants en script CSS
- Connaissances des débutants en codage HTML
- Logiciel d'édition d'images comme Photoshop ou Paint
- Hébergement d'images
Lisez aussi: Comment créer un compte AdventureQuest?
