|
|
Liste complète
Tous les designs que j'ai fait sont listés ici.
Pour ne pas faire une page beaucoup trop longue, les codes html sont tous présents sur mon site internet neocities. (s'ouvre dans un autre onglet)
Si vous avez des idées pour améliorer les thèmes en cours, n'hésitez pas!
Toutes les couleurs/images sont modifiables. J'ai mis ceci pour donner des ambiances. Il est tout à fait possible de faire une ambiance halloween, horreur pour le thème 1 par exemple!
(je précise car certains pensent que c'est "bloqué" et inchangeable).
Les thèmes finis :
THEME 1c'est celui que j'utilise actuellement
ROSEBONBON
du pays des fleurs roses
je suis tout à fait normal
Depuis que je suis toute petite, le rose a toujours été ma couleur préférée. Que ce soit les fleurs, les vêtements etc... j'aime tout! J'ai l'impression que cette couleur rend tout plus lumineux et joyeux. Je fonds(!) pour toutes les nuances de rose, du plus pâle au plus vif. Le rose, c'est plus qu'une couleur, c'est un véritable mode de vie pour moi !
|
 
Mes loisirs sont de décorer ma chambre avec des objets rose pâle et dorés pour créer une ambiance douce et chaleureuse. Le week-end, j'adore faire du shopping. J'aime aussi peindre des toiles avec des nuances de rose. Enfin voilà, quoi!
|
J'ai pas d'idée pour ce bloc, alors je dirai juste: Le rose, c'est trop bien... mais le violet aussi!
(Ce texte a été créé pour vous donner une idée de ce que ça donne. N'hésitez pas à ajouter des images (png/jpg/gif) pour égayer tout ça. J'en ai mis quelqu'un pour vous aider si vous n'avez pas l'habitude de coder)
|
THEME 2
Je suis un peu comme Bourriquet, tout choupinou et un peu triste parfois. J'aime beaucoup les petites choses simples, comme un bon chocolat chaud ou un câlin tout doux, mais il m'arrive souvent de me sentir un peu tout seul. Le monde autour de moi est beau, mais parfois, j'ai l'impression que tout est un peu trop grand et que je suis trop petit. Je regarde les autres rire, courir, s'amuser, et je me demande si je vais trouver ma place. Mais même quand ça ne va pas, j'essaie de sourire, parce que, au fond, je sais que chaque jour apporte un petit rayon de soleil. :)
(Ce texte a été créé pour vous donner une idée de ce que ça donne. N'hésitez pas à ajouter des images (png/jpg/gif) pour égayer tout ça. J'en ai mis quelques-unes pour vous aider si vous n'avez pas l'habitude de coder)
 |
THEME 3 (image sinon il fait planter le club)  |
THEME 4 (image car dimension trop peite. CF: le txte du milieu)  |
| THEME 5
|
THEME 6
PRESENTATION
|
Info
Salut, Moi c'est KkulKkul. Je suis un cochon noir de l'île de Jeju.
|
Loisirs
J'adore courir avec Seonghee dans la fôret.
|
|
Preference
La couleur noir, Les grand-pères statues de pierre
|
Autre
Je suis mignon.
|
|
THEME 7
Bienvenue
SAILOR : nom, prenom, age
|
|
|
|
Le jardin des lapins a ouvert ses portes.
|
Qui suis-je ?
Je prends soin du jardin des lapins avec douceur, Chaque jour, je leur prépare un coin paisible, où ils peuvent jouer et se reposer.
J'AIME LES LAPINS!
Mes lapinous
Combien en ai-je? ZERO!
(Ce texte a été créé pour vous donner une idée de ce que ça donne. N'hésitez pas à ajouter des images (png/jpg/gif) pour égayer tout ça. J'en ai mis quelques-unes pour vous aider si vous n'avez pas l'habitude de coder)
WowoW
Il est 00:37, on est le 25 décembre 2024, je n'ai pas d'idée pour cette partie.
|
THEME 8 (Pas du tout celui que je voulais faire sauf que ça fait 4heures que je suis dessus et j'en ai marre. Et au final, comme ça, c'est pas mal non plus)
|
THEME 9
I•S•H•I•K•A
|
|
Choupinou, C'est moiiii!!
Ho! Ho! Ho! Comment ça va les oies?! Parfois les gens sont trop énervants! J'ai envie de leur dire STOOOP! Mais bon, je ne dis rien parce que je suis POLIE.
J'adore les objets kawaii, la couleur *ROSE*. Je n'aime pas l'été, ni même l'hiver.... J'aimerais partir au Sri Lanka car c'est le pays de Jacqueline Fernandez!!!
J'aime trop ce jeu. Tu peux tout faire de la mode à la gestion de club en passant par le festivaaaal.... Voilà. J'ai perdu mon site pour mes mini pixels. Je finirai celui-ci plus tard.
(Ce texte a été créé pour vous donner une idée de ce que ça donne. N'hésitez pas à ajouter des images (png/jpg/gif) pour égayer tout ça. J'en ai mis quelques-unes pour vous aider si vous n'avez pas l'habitude de coder)
|
|
THEME 10
Pseudo
 Il y a quelques soucis avec les dimensions alors, si vous l'utilisez, ne changez pas la largeur et taille des objets! (ou alors, faites-le que si vous êtes à l'aise). (Ce texte a été créé pour vous donner une idée de ce que ça donne. N'hésitez pas à ajouter des images (png/jpg/gif) pour égayer tout ça. J'en ai mis quelques-unes pour vous aider si vous n'avez pas l'habitude de coder) PS: OUI! vous pouvez mettre les images que vous voulez sur les contours.
 
|
Les thèmes en cours :
THEME 11
Pseudo
 blablabla blablabla blablabla (Ce texte a été créé pour vous donner une idée de ce que ça donne. N'hésitez pas à ajouter des images (png/jpg/gif) pour égayer tout ça. J'en ai mis quelques-unes pour vous aider si vous n'avez pas l'habitude de coder)
|
|
Décoration hors de la présentation.
Je vais vous apprendre à comment faire une mise en page hors de la zone présentation :
NB: retrouvez les balises à "copier/coller" sur mon site internet neocities.
 Tout d'abord, il faut savoir que le format sur ordinateur n'est pas le même que sur téléphone. Par conséquent, il est préférable de mettre vos graphismes sur les côtés ou en haut et non en bas (le bas de l'ordinateur ne correspond pas au bas de la page sur téléphone).
Pour commencer, il faut changer de "div" et prendre celui du game_header.
Le game_header est toujours en position absolute, c'est-à-dire qu'il reste collé à l'écran quand on scrolle.
J'ai choisi une image simple pour commencer. Tout d'abord, on va la poser sans rien changer 
Ensuite, il faut arranger les petits détails. Il n'est pas en haut, car l'image a beaucoup de vide sur le haut du png. Explications :
transform rotate3deg : Permet de changer l'angle pointer-events none : Permet de cliquer sur les liens qui se trouvent sous l'image.
margin-top -45px : Permet de positionner l'image plus haute. Une seule décoration est un peu triste. On peut en rajouter plus. Dans ce cas-ci, je l'ai fait 3 fois.
Vous pouvez remarquer que j'ai ajouté margin left sur la première image. Les autres images se positionnent par rapport à la première, donc si on souhaite les avoir centrées, il faut décaler l'image 1 sur la gauche.
|
Questions d'HTML
Vous avez des soucis avec le "HTMLage"? Vous n'arrivez pas à vous repérer dans mes codes (c'est normal, même moi je m'y perd parfois)? Je vais répondre à toutes vos questions ici. Que ce soit sur la création pure et dure d'élément ou sur des interrogations par rapport aux balises à utiliser.
Tester son code avant de le publier
Je travaille sur ordinateur avec le logiciel Brackets. Voilà à quoi ça ressemble : 
Le logicel à gauche et l'aperçu (via Google Chrome) à droite. Si vous n'avez pas envie de télécharger Brackets, vous pouvez toujours aller sur w3schools.com J'ai mis le lien pour tester son code, mais vous pouvez trouver aussi des cours "aide" pour faire vos HTML,CSS,Javascript(javascript ne marche pas sur Sailorfuku)
Faire une boite/box/fond...
(Il faut savoir que je préfère travailler avec div plutôt que span car c'est ce que j'utilisais avant d'arriver ici. Il est possible d'utiliser span dans certains cas, mais par doute, je vais tout faire en div)Commencez par le crochet suivit de div. Puis, choisissez style="". Entre les guillemets, mettez les dimensions hauteur (height) et largeur (width) ainsi que la position relative. J'ai tendance à toujours mettre une bordure pour repèrer où sont les limites. Pour les bordures, on met border: le nombre de pixels, le style (simple, double, points, tirets...) puis la couleur. Voici à quoi ressemble ce que nous venons de faire :
Tadaaaa:!
Les différentes bordures possibles:
|
Pour une bordure simple, code HTML= solid
|
Pour une bordure double, code HTML= double
|
|
Pour une bordure pointillée, code HTML= dotted
|
Pour une bordure en tiret, code HTML= dashed
|
|
Pour une bordure relief (creux), code HTML= groove
|
Pour une bordure relief (bombé), code HTML= ridge
|
|
Pour une bordure relief (creux), code HTML= inset
|
Pour une bordure relief (bombé), code HTML= ouset
|
|
Et moi?
Vous pourrez le remarquer, je n'ai pas mis mon pseudo en bas des designs car je ne trouve pas ça jolie.
Par contre, si vous voulez notifier d'où vient votre présentation, vous pouvez mettre ce blinkie dans votre profil : 
Le code du blinkie :
J'ai une autre version au cas où vous n'aimeriez pas le rose : 
Le code :
Bonus
Ce style vous intéresse? Le voici! (version sans la partie Design remplie et les dividers/favicon/stamps...)
|
Liens
Quelques liens pour vos Favicons, Stamps, Buttons, Blinkies, Dividers, Dolls, Animals...
(cliquez sur les boutons)
    Cinni.net Emojibank.com
Exemples de Favicons
  
Exemples de Stamps
  
Exemples de Blinkies
  
Exemples de Dividers
  
Exemples de Dolls
  
|
|
MENU : Présentation générale du projet Le paradis du HTML
