Se cachent-ils ?

22 oct 2006 à 4:47

Désolée de ne pas avoir posté pendant aussi longtemps, mais je n’en avais tout simplement pas envie… En attendant, juste une image qui résume assez bien mon état d’esprit en ce moment…

Créer un layout

19 sept 2006 à 22:19

Vous en avez assez de prendre vos designs sur des sites de graphisme, et aimeriez bien avoir quelque chose de vraiment personnalisé ? Comme on dit, on est jamais mieux servi que par soit même.
Ce tutorial vous propose de suivre étape par étape la création d’un layout en div. Évidement, il est très simple, mais il vous sera ensuite permis de vous améliorer quand vous aurez compris le principe !

Logiciels nécessaires :
- Photoshop CS2 9.0
- Bloc-note

PARTIE I – Le design

Ouvrez votre Photoshop et créez un nouveau fichier [Ctrl+N]. Comme options, choisissez : Largeur [750 pixels], Hauteur [600 pixels], Fond [Blanc].
Choisissez une image, de préférence un PNG transparent, et ouvrez le. Copiez-collez la sur votre fond blanc.

Grâce à l’outil « Transformation Manuelle », dans le menu Edition, recadrez l’image pour qu’elle soit située de cette façon :

Avec l’outil pipette sélectionnez une couleur sur votre image. J’ai choisis ce rose.
Choisissez maintenant l’outil de sélection rectangulaire et seclectionnez deux cadres en utilisant la touche « Maj » comme ci-dessous :

Puis remplissez avec ceci les deux caddres, ce qui donne ceci :

Prenez maintenant une autre couleur, positionnez vous sur le fond, et répétez la même opération de remplissage.
Vous pouvez ensuite ajouter tous les effets de texture, de transparence ou de brushes que vous voulez, ajouter du texte à votre guise, etc.

Voici ce que j’obtiens :

Grâce à l’outil de découpage séparez le layout horizontalement en plusieurs images. Faites click droit, puis « diviser la tranche ». Choisissez le nombre de tranches que vous souhaitez, c’est indifférent.

Enregistrez pour le web le tout, avec des images en JPEG et une qualité de 60. Nommez le fichier « index.html ».

La première partie est terminée !

PARTIE II – Le codage

Ouvrez index.html. Juste après

<!-- ImageReady Slices --> copiez collez ceci :

<div style="position: absolute; top: XXXpx;<br /> left: XXXpx; top: XXXpx; width: XXXpx"><br /> Tes liens ici</p> </div> <div style="position: absolute; top: XXXpx;<br /> left: XXXpx; top: XXXpx; width: XXXpx"><br /> Ton texte ici</p> </div> <p>

Maintenant, retournez sur Photoshop. Selectionnez la zone où vous voulez voir apparaitre votre menu grâce à l’outil selection rectangulaire . Regardez dans la fenêtre info les nombres qui apparaissent.

Remplacez les XXX du code donné ci-dessus par les nombres correspondants :
Top : Y
Left : X
Width : L

Faites de même pour le rectangle de contenu.

Maintenant, ajoutez ce code dans la balise « body » :

background=&nbsp;&raquo;images/fond.jpg&nbsp;&raquo;

Retournez de nouveau sur Photoshop, et utilisiez l’outil de sélection rectangulaire pour sélectionnez une ligne tout en bas de votre design. Copiez-collez la dans un nouveau document et enregistrez-là sous « fond.jpg » dans le dossier Images.

Il faut maintenant que ce fond se répète. Pour cela, insérez le code suivant juste avant la balise « head » :

<br /> <style> body { background-repeat: repeat-y; } </style> <p>

Modifiez la couleur de fond ici :

bgcolor=&nbsp;&raquo;#000000&#8243;

Le tour est joué !

Si vous rencontrez un problème avec ce tutorial, n’hésitez pas à me laisser un commentaire ! :happy:

Bénie soit Bénédicte !!

09 sept 2006 à 16:38

suko, samedi 9 septembre 2006 à 16:38 :: Divers

Anthilem00n // BambiArf, la rentrée… Heureusement qu’elle a été illuminée par ma… hum… collocataire. C’est si agréable de partager sa chambre avec quelqu’un d’aussi… « Spécial » ? Déjà, en voyant qu’elle avait saupoudré la photo de son mec avec des poils d’origine douteuse, je me suis posé des questions, mais quand je me suis rendu compte qu’en fait ces quelques poils n’étaient que le haut de l’iceberg… Juste un petit quelque chose dépassant de l’énorme coeur de poils collés qui trônait fièrement derrière la photo, alors là… *se retient de vomir*
Bénédicte est gentille. Elle raconte tout le temps sa vie ["Je peux pas manger de gibier depuis que j'ai vu Bambi... Je fond en larme automatiquement !"], sans oublier ses terreurs ["Les crevettes, c'est vachement vicieux ! Avec leurs petits yeux noirs, tu peux pas savoir où elles regardent !"] et ses petits soucis quotidiens ["Mon frère, une fois, il avait un bouton tellement énorme que lorsqu'il l'a explosé y'avait une tache d'un mètre sur le miroir !!"] <– À dire avec un air fier >.<

Enfin bref, je vais partager ma chambre avec Bénédicte toute l’année et vous vous doutez bien que rien ne pouvait me faire plus plaisir… Franchement, c’est si touchant, tant de naturel, non ?

Si en plus faut que j’arrête de fumer… J’ai calculé : un paquet par jour, donc 5€ par jour, 7×5=35€ par semaine, et 35×52 semaines en une année=1 820€ !!!! J’pourrais me payer mon voyage au Japon avec ça T.T
En tout cas, j’suis passée à 5 clopes par jour, et j’arrête bientôt ^_____^

Bonne rentrée à tous !

Rich Girl

01 sept 2006 à 23:43

Mitsuko1200 € !! oÔ Moi qui étais prête à faire un scandale si je touchais moins de 1000 euros… n_n Je suis tellement contente que ce soit enfin fini… Fini les monologues interminables du collègue en pleine procédure de divorce et qui, pour mon plus grand malheur, m’avait choisie comme confidente attitrée… Fini les repas avec les ouvriers du coin qui mattaient en bavant la concierge de l’immeuble d’en face juste parce qu’elle avait moins de 50 ans… Fini les petites remarques bizarres de mon patron qui au début prenait décidément trop de libertés… Enfin bref, fini tout ça, et je repars avec un superbe chèque $_$ *qui a dit vénale ?* xD

Han, et il m’est arrivé un truc aujourd’hui… J’me demande si je suis pas victime du Roi des Démons >.< J’vais pour m’acheter des chaussures, enfin bref, on s’en fout xD et je passe à la caisse. Je donne un billet de 50 euros à la caissière, qui me le rend aussitôt avec un air hautain :
- Désolée, c’est un faux, je ne le prend pas.
Heureusement que je suis riche en ce moment T.T Du coup, je sors un autre billet de 50 euros, qu’elle accepte cette fois-ci.

Rentrée chez moi, j’agresse mon père :
- Tu sais que tu m’as refourgué un faux billet ?
- Impossible, il sortait de la banque.

Seule solution : je suis fait rouler comme une conne >.< Elle a échangé le vrai billet contre un faux sous mon nez, et moi j’me suis excusée comme une idiote devant tout le monde, qui me dévisageait avec un air de « oooh !! un délinquante qui imprime des faux billets !!

À part ça, j’suis malade comme un chien…

J’avais plein de choses hyper interessantes à raconter, mais il faudrait que je commence à faire ma valise… Demain, retour à Clermont-Ferrand, j’ai tellement hâte de pouvoir revoir ces chères bonnes soeurs, leurs pieds taille 44 dans des baskets Addidas blanche style hôpital et leur sourire… hum… sans commentaire… ^^’

Et si c'était hier ?

28 août 2006 à 15:57 , ,

cigaretteHonte à moi, ça fait un moment que je n’ai pas écrit ici >.< Faut dire qu’entre les deux forums, le site en cours, les deux en projets, ce blog et ma vie toujours aussi palpitante et pleine d’évènements à rebondissements, je n’ai pas vraiment le temps xD
J’ai eu une petite avance de mon patron sur mon salaire mensuel, soit 300€ dans une jolie petite enveloppe. Du coup, j’ai acheté je sais pas combien de mangas oÔ Plusieurs de Nana, la suite de Full Metal Alchemist et de Kimi wa Pet, les mangas en un tome Reset, Goth, Candy Life et Le Labyrinthe de Morphée, la magnifique version couleur du Roi des Ronces, le tome 1 de DN Angel, juste pour voir, quelques tomes de Neon Genesis Evangelion et, euh… Je crois que c’est tout ^^’
Mais faut absolument que j’achète la suite de Nana *_* [mode fanatique on]

Bientôt la rentrée, et j’ai pris tout plein de bonnes résolutions que, je sais, je ne vais pas tenir comme d’habitude. Entre autres, arrêter de fumer, apprendre mes cours, arriver à l’heure, me coucher tôt, etc. M’enfin… En tout cas, arrêter de fumer, j’y tiens vraiment même si je suis pas motivée xD
J’ai lu un truc y’a pas longtemps qui m’a passablement dégoûtée [c'est peu dire, j'ai failli vomir dans le bus]. C’est un bouquin que j’ai piqué à Mélanie, qui parle des drogues, du tabac, etc. Vous saviez que LE TABAC AUGMENTE LA PILOSITÉ CHEZ LES FEMMES ?! Ce n’est qu’un exemple parmis tous ceux cités dans les quelques pages du bouquin consacrées au tabac, et je vous jure… ça donne envie de stopper :S

Page 56 sur 65« Début...102030...5455565758...Fin »

HAUT DE PAGE

Bienvenue sur Anthilemoon, grand fourre-tout de mots, d'images, de bouts de vie & de tendances.
À consommer avec modération : risques élevés d'addiction ! Plus d'infos ?