Bulles de BD sur le forum

[Invité]

Salut ! Ca va ? Moi oui x)

Encore moi x)

Je veux savoir s'il existe un code pour mettre dans les coins du forum des bulles latérales !

Merci d'avance !

[Luluwebmaster]

Bonjour,

que veux tu dire par bulles latéral ?

[Invité]

Latérales *

Des bulles comme ci : http://us.123rf.com/400wm/400/400/kgtoh/kgtoh1107/kgtoh110700010/9914649-multicolored-pensait-bulle-3d-icone-illustration-ensemble.jpg

Comme la Tchat box, quand on y clique, elles changent de couleurs et un texte : "Annonce : Les anim'Ekos organiseent une soirée ce week-end"

Merci d'avance ^^

[Matriochka]

Bonjour,

La demande n’est pas très explicite… Aurais-tu un exemple de ce que tu veux réaliser ? Ou à défaut, un schéma explicatif ?

[Luluwebmaster]

Tu veux quelque chose qui s'ouvre ?

Comme la tchat box ?

[Invité]

[Luluwebmaster]

Veux tu que ça s'ouvre au clique, ou au survole ?

[Invité]

Au clic ^^

[Luluwebmaster]

Peut me donner le lien d'une de tes bulle ?
( une seul. )

[Invité]

J'en ai pas en fait x)

Google est mon ennemi, alors tu peux en trouver s'il te plait ? :')

[Invité]

up

[Luluwebmaster]

Tu veux que la bulle reste toujours quand on descend la page ?

Edite :

Voici un code très basique :
CSS :

Code:


#inf_bulle:target
{
display: block;
position:absolute;
top: 0px;
left: 0px;
}
#inf_bulle
{
display: none;
position:absolute;
top: 0px;
left: 0px;
background-color:green;
}


HTML :

Code:


<a href="#inf_bulle"><img src="http://nsa34.casimages.com/img/2013/05/19//130519080930389581.png"/></a><div id="inf_bulle">
Tes infos ici. <a href="#"><img src="http://nsa34.casimages.com/img/2013/05/19//130519080930389581.png"/></a><div id="inf_bulle"></a>
</div>

[Invité]

Je vois aucun résultat. Et de plus où est l'espace texte ?

Merci Lucrote mais je pense qu'une autre participation nous serait utile ^^

Une aide please ? (':

[Luluwebmaster]

Le truc, c'est que je n'es pas compris ou tu voulais mettre ton texte.

[Invité]

Sur la bulle

[Luluwebmaster]

Le css :

Code:

 
.inf_bulle
{
width: 250px;
height: 180px;
background-image: url("http://nsa34.casimages.com/img/2013/05/19//130519080930389581.png");
}
.texte_bulle
{
position: relative;
left:60px;
top: 50px;
width: 250px;
}


Le HTML :

Code:

 
<div class="inf_bulle">
<div class="texte_bulle">
bla bla bla bla bla <br />
bla bla bla<br />
bla bla bla<br />
</div>
</div>


ça fonctionne :
http://leblokolo.lebonforum.com/h14-test-bulle-bd

[Invité]

Ca marche pas ^^"

[Luluwebmaster]

Ou a tu placé le CSS et la bulle ?

Donne moi le lien ou tu as mis le HTML s'il te plait.

[Invité]

Quel lien ?

[Hemoglobine]

Bonsoir Sara1548,
déjà je pense que tu pourrais fournir des réponses plus complètes car là, c'est un peu moyen moyen ...
Je t'invite à lire ceci, qui t'aidera à faire ce que tu recherche !

=> Ici

Cordialement.

[Luluwebmaster]

Il m'a semblé être claire dans ma question "le lien ou tu as mis le HTML s'il te plait".

Le lien de ton forum ou devrais apparaître le résultat.

[Invité]

http://ekoloko.jordanforum.net/h7-code-basique

[Luluwebmaster]

Il faut mettre le haut et le bas du forum sur ta page HTML.

[Invité]

Quel haut et bas ? L'image du haut et bas ?

[Luluwebmaster]

Non, quand tu créer ta page HTL, tu choisis "utiliser le haut et le bas du forum".

[safranite]

bonjour a tous,

En fait Lucrote
ton script fonctionne mais, 1 seule fois en bloquant le reste du forum

il doit y avoir un petit souci quelquepart

mais il m'interesse aussi

[Luluwebmaster]

bonjour a tous,

En fait Lucrote
ton script fonctionne mais, 1 seule fois en bloquant le reste du forum

il doit y avoir un petit souci quelquepart

mais il m'interesse aussi

C'est a dire, je ne comprend pas ...

[safranite]

Lorsque j'installe ton script le css et html

le reste de mon forum ne se charge pas

je n'ai plus que l'entete et ta bulle bd
et lorsque je repasse par le portail elle disparait pour ne jamais re-apparaitre

[Invité]

+1

[Luluwebmaster]

Je viens de le placer dans PA->affichage->Page d’accueil->Généralité

ça fonctionne.

http://leblokolo.lebonforum.com/forum