L'info bulle.

Comment faire pour insérer une info bulle dans un article ?

D'abord, insérez à la fin de votre feuille de CSS le code suivant :

a.info {
  position:relative;
  border-bottom:1px dashed #808080;
  text-decoration: none;
  font-weight: bold;
}
a:hover.info {
  text-decoration: none;
  background: none;
}
a.info span {display: none;}
a:hover.info span {
  display: inline;
  position: absolute;
  top:1.5em;
  left:0.5em;
  z-index: 20;
  background: #couleur de fond de l'info bulle;
  color: #couleur du texte de l'info bulle;
  border:1px solid #couleur de la bordure de l'info bulle;
  width:150px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}

Evidemment remplacez le texte en orange par le code de votre couleur ..

Ensuite, quand vous voulez mettre une info bulle dans votre article, placez ce code dans l'"affichage HTML de l'article" :

<a href="#" class="info">votre texte<span>texte dans l'info bulle</span></a>

Et normalement (si ça ne marche pas chez vous, je n'y peux rien ..), quand on passe la souris sur le texte, l'infobulle s'affiche ..
Je peux pas vous mettre un exemple sur cet article parce que le mode invité ne permet pas l'accès au CSS mais voyez sur cet article.

Voila, j'espère que vous m'avez comprise, sinon posez vos questions ;)

Mathilde, pour vous servir.

(bon, c'est à la fois du CSS et de l'HTML, mais j'le met dans la catégorie CSS.)

Publié par Sakatruc le 24 août 2006 à 14:04

Classé dans CSS | 24 commentaires

Tags :

Qu'est ce que l' URL d'une image ?

Souvent, on vous demande de prendre l'url d'une image. A prioris, vous ne savez pas ce qu'est un URL.
L' URL est l'adresse de votre image, qui commence par http:// et qui fini par .jpeg ou .gif  ou .bmp [ Etc.. ]

Comment avoir l'url d'une image ?

- Lorsque vous êtes sous http://imageshack.us/index.php :

Vous faites parcourir, vous choisissez votre image, puis vous faites Host It.
Là, vous avez une foule d'adresse en vrac. Et il vous faut choisir ' Direct Link To Image '

- Lorsque vous avez une image quelconque sur le net :

Vous mettez votre pointeur de souris ( la petite flèche ) sur l'image. Vous cliquez alors sur le bouton droit de votre souris, là, un petit menu va apparaitre. Vous allez alors dans ' Propriétés ' [ Tout en bas ] Lorsque vous êtes dans ' Propriété ' vous avez à la troisième ligne ( normalement ) quelque chose qui s'appelle ' Adresse ( URL) '. Vous la selectionnez, la copiez. Et vous avez votre URL !

Des questions ?
Ne me dites pas ' Ca marche pas ' parce que c'est expliqué le plus clairement possible !

Publié par Sakatruc le 24 août 2006 à 10:37

Classé dans Divers | 4 commentaires

Tags :

Information

Article à caractère informatif, pour toutes celles et ceux qui passent ici
Donc en gros, tout le monde le lis !


Ce blog est un service.


C'est à dire qu'il n'est pas là pour répondre à tous vos souhaits. J'essaye de faire le maximum pour qu'il soit clair dans les explications. Mais quand je lis ' J'pige que dalle ' ou ' J'ai rien compris ' ou ' J'ai recopié exactement pareil, et ça marche pas ', quand je lis ça, je ne peux que m'énerver ! Je relis tous les textes, j'essaye tous les codes pour bien vérifié qu'ils ne soient pas érronés. Je suis consciente que tout le monde n'est pas doué en informatique, je suis bien consciente que chacun ne peux pas comprendre tout d'un coup, à la première seconde. Mais sachez juste que ce blog est ici pour aider, mais pour comprendre ces aides, il faut tout de même avoir un peu de connaissance ' de base '. Je ne peux pas être derrière tout le monde à essayé de faire du soutien en CSS ou HTML. Alors merci de bien vouloir être compréhensif si je ne réponds pas à vos messages de detresse en commentaire.

Si vous voulez une vraie aide : Envoyez moi un message perso.

Une dernière chose :
Pour celles et ceux qui n'arrive pas à copier les codes, rien de plus simple :
Surligner le texte à l'aide de la souris. Copier le en appuyant simultanément sur la touche CTRL et sur la touche C. Pour coller, appuyer sur les touches CTRL et V, ou faites clique droit ' Coller '

Merci de votre compréhension.


Anady0mene


Publié par Sakatruc le 22 août 2006 à 17:55

Classé dans Le blog | 6 commentaires

Tags :

Quelques astuces de plus!

Comment faire pour mettre une photo là où on écrit un tag?
Ex:



1. Dans le premier cadre, cherchez le paragraphe commençant par: .textarea {
2. Ajoutez juste en dessous:
        background: url('Url de votre image');
        font-family: Tahoma, serif;
}

Comment faire pour mettre une photo dans la fenêtre
de commentaires, là où on écrit le pseudo?
Ex:



1. Dans le deuxième cadre, cherchez le paragraphe commençant par: .textarea {
2. Ajoutez juste en dessous:   
        background: url('Url de votre image');
    font-family: Tahoma, serif;
    font-size: 8pt;
}

Comment faire pour mettre une photo dans la fenêtre
de commentaires, là où on écrit un commentaire?
Ex:



1. Cherchez le paragraphe commençant par: .commentarea {
2. Ajoutez juste en dessous:
    background: url('Url de votre image');
    font-family: Tahoma, serif;
    font-size: 8pt;
}

Voilà, j'espère vous avoir été utile!
Si vous avez des questions, n'hésitez pas! =)

t0uch-0f-pink
   

Publié par Sakatruc le 15 août 2006 à 12:13

Classé dans CSS | 36 commentaires

Tags :

Mise au point.

En lisant tout vos mails, j'ai eu envie de vous répondre à tous en même temps :

Ce blog n'est pas là pour faire des miracles, il est là pour vous aider, pour vous donner des idées et des astuces. Si vous n'arrivez pas à les utiliser, on y peut rien, et on ne peut en aucun cas faire du cas par cas.

Si on prend l'exemple des musiques, on a tourné la question dans tout les sens en essayant de vous expliquer le plus possible. Mais si vous n'y arrivez toujours pas, alors on y peut rien du tout. On ne fait pas des miracles. On est des blogueurs comme vous, qui ont appris ' sur le tas ' et qui essaye de redonnez un peu de ce qu'ils ont appris. On ne peut pas répondre à toutes vos questions.

Pour finir, voici quelques rappels et réponses vit' fait :

* Tout ce qui concerne le HTML doit être fait en mode HTML de l'article. Pour activer le mode HTML, il faut choisir ' Afficher le code source HTML de l'article ' dans le premier menu déroulant qu'il y a sous l'article, et surtout revenir en mode ' normal ' pour ne pas que ça bug.

* Pour économiser de la place avec les images, il faut utiliser le site imageshack. Toutes les informations concernant son utilisation peuvent être trouvées en cliquant sur ' Economiser de l'espace ' sous la zone de mise en page de l'article ( là où on tape l'article )

* Toutes les musiques ne sont pas trouvables sur le net. On ne le repetera jamais assez.

* Pour ce qui concerne le CSS : le css est quelque chose de compliqué, qui ne s'apprend pas en un seul jour, et qui ne se comprend pas facilement. On ne peut pas faire plus simple que ce que l'on fait. Si vous voulez essayer des choses par vous mêmes essayer donc ce site [X] C'est avec ce site que j'ai appris, en partie. Mais attention ! Ce n'est pas simple.

* Dernièrement : Arrêtez de poser tous les mêmes questions. Essayez de regardez si la question n'a pas déjà été posée en commentaire. Ou si quelqu'un n'y avais pas déjà répondu.

Si tout le monde met du sien, on peut essayé de vous aider le mieux possible. Mais nous ne sommes pas des professionels. Il y a toujours l'adresse MSN Sakatruc@hotmail.fr, où vous pouvez envoyer des mails, et/ou rajouter à vos contacts. J'y suis connectée de temps en temps. Je lis les mails, et essaye d'y répondre. Mais je ne vous promet pas à tous des garanties formidables.

Je ne suis pas là pendant 1 mois. Ce n'est donc pas moi qui vais mettre à jour le blog.
Merci d'avance à tout ceux qui veulent bien contribuer à cette cause.

Anady0mene

Publié par Sakatruc le 8 juillet 2006 à 23:05

Classé dans Le blog | 3 commentaires

Tags :

Créer un podcast