Pour changer le curseur, on n'y va pas par quatre chemins. Il  y a un code à retenir. Après on peut faire des variantes, comme tout dans le CSS.

Alors. Si vous voulez trouver des curseurs jolis et ne pas vous casser la tête avec les codes, vous trouverez tout ce que vous voulez >ICI<

Quand vous cliquez sur le curseur de votre choix, votre code est le premier de la partie "MySpace Profile 2.0 Codes"

Si vous voulez créer votre curseur vous-même, il y a un tuto >ICI< (Je vous y explique aussi comment créer un code)

Et si vous avez des questions, posez-les ! Voilà voilà =)

Je pense que cet article va bien vous aider: ce sont tous les sélecteurs eklablog ! Bon, après, on peut les modifier un peu. Mais je vais vous expliquer tout ça.

Titre du blog

#titre_header a{propriété: valeur;}

Contenu  du blog

Pour les liens: #body a{propriété: valeur;}

Pour les textes: #body p{propriété: valeur;}

Pour les images: #body img{propriété: valeur;}

Ah oui, parce que j'ai oublié de préciser: p désigne le texte, a désigne les liens et img désigne les images. quand vous voyez :hover derrière, cela signifie "au survol".

La "help bubble" (la petite fenêtre qui s'affiche quand vous survolez un avatar)

#help_bubble{propriété: valeur;}

La fenêtre d'information (c'est-à-dire les fenêtres Modifier le thème, Édition d'un article, Profil d'un membre...etc)

.window{propriété: valeur;}

Commentaires

Commentaires auteur:  .comment_admin{propriété: valeur;} 

Commentaires: .comment_normal{propriété: valeur;}

Avatar des commentaires: .commentavatar a img{propriété: valeur;}

Avatar des commentaires survolé: .commentavatar:hover{propriété: valeur;}

Module Derniers Visiteurs

Module: .module_type_lastvisitors{propriété: valeur;}

Avatar: .module_type_lastvisitors img{propriété: valeur;}

Barre eklablog (Contenu, Apparence, Interactions, Configuration, Mon compte)

Barre:  #menubar{propriété: valeur;} 

Une section (par exemple: Mon compte): .menubar_section{propriété: valeur;}

Notifications: #menubar_notifications{propriété: valeur;}

Pour le reste des sélecteurs de la barre  d'eklablog, je ne connais pas, désolée.

Fond de la page

 

 

Alors voilà: dans cet article je t'apprends à déplacer un module sur ta page (comme les derniers visiteurs sur mon blog, tu vois).

Déja, le sélecteur.

Imaginons que tu veux déplacer les Statistiques. Tu fais Clique Droit, puis "Code source de la page"

Tu tapes sur ton clavier CTRL + F; un champ de texte apparaît.

Tu tapes le titre du module, donc ici, "Statistiques". Il te le surligne en vert. Ce qui nous intéresse, c'est les chiffres que j'ai colorié en rose juste au dessus. Tu copies ces chiffres.

#module_menuXXXX
On a notre sélecteur. Tu remplaces les XXXX rouge par les chiffres pris dans le code source.
 

Maintenant la propriété. Puisque tu veux changer la position de ton module, la propriété sera position (tout est en anglais dans le CSS).

Et puis la valeur: Ici, on détermine où va être ton module en px ou en %. En %, la position de ton module s'adaptera avec l'écran sur lequel tu ouvres la page. En px, l'ordinateur comptera le nombre de px entre le bord gauche de l'écran et ton module, et le nombre de px entre le haut de l'écran et ton module (c'est assez clair? ^^).

Par exemple sur mon blog, j'ai mis: {position: absolute;
          top: 180px;
          left: 55%; top, c'est le haut, left c'est la gauche =)

absolute, c'est-à-dire que lorsque l'on descend sur la page, on ne voit plus le module. Mais si tu mets fixed, tu verras toujours ton module (par exemple, la barre eklablog où il  y a "Apparence", "Mon compte" et les notifications, est en position fixed).

Donc moi, mon code donne ça:

#module_menu109425647
{position: absolute;
          top: 180px;
          left: 55%;} Attention ! Ne jamais oublier: - les deux points après la propriété, et le point virgule après chaque valeur!!!

J'espère que tu as compris tout ce que j'ai dit !! Tu n'as plus qu'à faire:

#module_menuXXXX
{position: absolute;
          top: Xpx;
          left: Xpx;}

ou 

 

#module_menuXXXX
{position: absolute;
          top: X%;
          left: X%;}

 

C'est ici qu'on va ajouter le CSS. Je vais t'apprendre comment créer un code, et tu pourras les tester sur ton blog.

 

La composition d'un code

Un code se compose de trois parties:

sélecteur {propriété: valeur;}

Pour t'expliquer la fonction de chaque partie du code, je vais prendre un exemple très simple:

"Je veux avoir un fond bleu."

Le corps de la page se dit "body". C'est donc notre sélecteur. On veut ajouter une propriété au corps de la page.

On a donc le sélecteur, le code prend forme:

#body {propriété: valeur;} (ne pas oublier le dièse (#) devant )

Maintenant, la propriété. Comme c'est la couleur du fond que nous voulons changer, on écrit:

#body {background-color: valeur;} Il ne nous manque que la valeur. Eh bien ici, on met la couleur que l'on veut.

#body {background-color: blue;}   

Eh bien voilà, c'est tout simple !!! Ça marche vraiment tu peux essayer. Après avoir mis ton code dans la case "Ajouter du CSS", clique sur "Appliquer et Sauvegarder".

N'hésite pas à me poser des questions,

 J'espère que c'était assez clair ^^. À bientôt pour le prochain épisode

 

Salut ! Comme je sais pas du tout faire un avatar original, j'aurais besoin de vous.

Ça vous tente un concours?

------------

Bon alors les consignes:

Un avatar avec un manga fille

sinon c'est libre !!!

Voilà voilà

Merci d'avance de votre participation.

---------------------------

Le concours se termine le 1 er Avril (hi hi hi)

Le 12 mars

-----------------

Les gagnants:

1 er prix

Je vous fais une déco de votre blog sur commande (parce que je sais faire des décos mais pas des avatars.. --' c'est ballot) et de la pub pour votre blog

2 e prix

Je fais une déco pour blog ( sur commande aussi)

3 e prix

Je fais de la pub pour votre blog

Tous les autres prix

Je commente vos articles et je signe votre livre d'or

----------------------

Participants:

-Kyora Kuu

 

-Paubel

 

 

-Hilarry

-Hanonlasirène

 

 

-Déesse-Lucie

 

 

-Mindy068

 

 

-Jmlou

-Akemi-Love

-Kilari25

-Fabule

 

-Nounette Dream

 

 

-PhiFiSaTi

-----------------------

Je rajoute juste un conseil: Comme c'est un avatar, heu... comment dire...

Il doit me définir quoi ^^.

Voilà voilà

Tu veux découvrir un monde merveilleux? Écrire ta propre histoire à travers tes rêves?

 

 

Consignes

 

-Personnage principal: Astéride (qui signifie en grec: les étoiles) ; jeune fille blonde ; âge indéfini (à vous de choisir)

-Temps: Passé simple pour les actions / Imparfait pour les descriptions, les habitudes...etc

 

-Merci de bien tout lire avant de rédiger votre extrait, afin d'éviter des répétitions ou des incohérences.

-Merci de mettre les textes hors-sujet ou hors-récit en rose.

Merci à tous de participer, et bonne chance!

  

Des tutos GIMP font leur apparition sur mon blog!

Rendez-vous dans la rubrique: Montages et Tutos !!

J'ajoute de nouveaux tutos quand j'ai le temps et l'envie, allez donc y faire un tour de temps en temps!

Une déco très simple et amusante :

Amassez une trentaine de coins d'agenda. Procurez-vous une plaque en carton. Peignez-la en noir, puis peignez les coins d'agenda de plusieurs couleurs. Une fois collés, il ne manque plus que quelques dessins au blanco, et le tour est joué!

Qu'est-ce que la perspective ?

C'est un art exploitable à fond, auquel on ne pense pas toujours. Vous pouvez être très mauvais en dessin, une règle et un crayon à papier feront l'affaire. Construisez un espace imaginaire puis peignez-le à l'encre et l'acrylique !

 

Cette ville sur papier Canson format A1 est un dessin en perspective à trois points de fuite. Le dessin est fait au crayon de bois, puis repassé au feutre fin noir, et rempli à l'acrylique et l'encre colorée.