Une shoutbox plus esthétique

[Jézebel L.]

Bonjour,

Je viens vers vous, car j'ai besoin de votre aide, svp.
J'ai installé une shoutbox depuis I-tchat, en suivant ce tutoriel :

https://forum.forumactif.com/t252014-mettre-une-chatbox-uniquement-pour-vos-admins-et-modos

J'aimerais cependant, que cette shoutbox, qui est ouverte aux membres comme aux invités, soit plus
"esthétique", si je puis dire.
Comme ici :




Car voilà la mienne :




Et voici le lien vers mon forum : http://monde-oublie.forumactif.com/forum


Dans l'attente de votre réponse,

Cordialement,

Jéz.

[Jézebel L.]

Up !

[Excidius]

Bonjour. Votre shoutbox est hébergée dans le serveur de I-Chat. Il y a en effet une possibilité de faire une personnalisation plus pointue de la shoutbox, mais pour cela vous devez trouver le fichier style css de la shoutbox. Je vous conseille de contacter l'équipe de I-chat.

Je ferai des recherches encore sur cela pour vous si vous désirez.

[medamine14]

Salut,

afin de changer les couleur de celle-ci tu dois te rendre sur ton compte i-......
tu va dans Personnalisation/couleur et la en bas tu modifié fond par fond transparent 

[Jézebel L.]

Bonjour,

Merci de m'avoir répondu.

medamine14 : Ce n'est pas de la couleur que je parle, mais plus de son apparence.
J'aurais voulu, qu'elle soit pas dans un forum, comme j'ai du le faire.

http://monde-oublie.forumactif.com/forum

Je voudrais comme ça :



Excidius : pour le css de la shoutbox, je n'ai que ça :

Code:

<!--  Debut shoutbox - http://www.i-......  --><iframe style="width: 600px; height: 290px;" src="http://www.i-....../shoutbox/shoutbox.php?idShoutbox=119053" allowtransparency="true" frameborder="0">Votre navigateur semble incompatible, essayez d'ouvrir le <a href="http://www.i-......" title="tchat" onClick="window.open(this.href+'?119053');">tchat</a>, ou rencontrez le webmaster pour plus d'informations.</iframe>
<!--  Fin shoutbox  -->

[medamine14]

bonsoir,

je comprend, alors il ne faut pas mettre le code de la chatbox dans un autre endroit
pour le css tu le règle dans le site ^^

[Jézebel L.]

Re !

euh... c'est à dire ?
Pour qu'elle puisse être sur la page d'accueil et avoir cette apparence ci



Je fais comment svp ? car niveau css, je suis pas très douée, et où je dois le mettre ?

[Jézebel L.]

Up !

Quelqu'un pour m'aider pour le css svp !

[medamine14]

bonsoir,

ton code de chatbox tu la mis ou exactement ? ^^

pour le css tu le règle dans le site ^^

[Jézebel L.]

Pour le lieu du css de la shoutbox, j'ai suivi ce tuto :

https://forum.forumactif.com/t252014-mettre-une-chatbox-uniquement-pour-vos-admins-et-modos

J'ai donc créer un forum :/
Et c'est cet esthétisme que j'aime pas.

[Invité]

Bonjour,

Pour le mettre comme sur le forum, vous devez le mettre dans votre PA > Affichage > Généralité

[Jézebel L.]

Bonsoir,

Je l'ai déjà fait, mais il s'affichait dans le Panneau d'affichage et non en bas du forum.

[medamine14]

bonsoir,

Essaye de le mettre sur ton Template

[Jézebel L.]

Bonjour,

J'ai malheureusement pas accès aux templates.
Et la fondatrice est portée disparue depuis 3 ans.

N'y a t'il pas moyen, de juste régler l'apparence par css et javasript ?
ou widget ?

[medamine14]

Salut,

Par Javascript ç'est réalisable

indique moi juste ou tu veux la mettre exactement (screen si possible) et je t'indiquerais la démarche a faire

[Jézebel L.]

Re !

Si c'est possible par java, c'est super ^^

eh bien je voudrais qu'elle soit en bas du forum.
Mode non connecté, juste dessous le QEEL (le bloc)



Et en mode connecté, à la place de la cb.
qui sera placée sur la côté du forum, en coulissant.



C'est possible ?

[medamine14]

Re/bonsoir,

voici le code :

Code:

$(function(){
$('#i_whosonline').closest('table').after('<div class="chat-box"style="text-align: center;"><iframe style="width: 800px; height: 290px;" src="http://www.i-....../shoutbox/shoutbox.php?idShoutbox=119053" allowtransparency="true" frameborder="0">Votre navigateur semble incompatible, essayez d\'ouvrir le <a href="http://www.i-......" title="tchat" target="_blanc"</a> ou rencontrez le webmaster pour plus d\'informations.</iframe></div>');
});

pour qu'on puissent faire différemment aux invités/membres tu dois activer ta toolbar
si tu ne veux pas que la toolbar soit affiché on pourra l'enlever mais il restera actif dans le PA

[Jézebel L.]

Re !

Merci pour ce code !!
c'est très gentil à toi ^^
Il se trouve bien aux endroits que je voulais, merci encore !!

Par contre, il y'a un problème, on voit pas la shoutbox, l'adresse est incorrect :/



Et quelle tool barre je dois activer ? Oo

[medamine14]

Salut,

Par contre, il y'a un problème, on voit pas la shoutbox, l'adresse est incorrect :/

le souci vient de cette partie du code : ..... dans ce forum (je sais pas pk) le lien de i t c h at se change en point, donc il suffit de changer la partie en point par la bonne

Et quelle tool barre je dois activer ? Oo

celle ci !!

[Jézebel L.]

Re !

Merci ^^
j'ai re générer le code dans itchat, et j'ai enfin eu une bonne adresse à la place des ....
Cela s'affiche !!!

Par contre, il y aurait t-il moyen de décoller un peu la shoutbox du QEEL ?



Pour la tool barre, me servirait à quoi exactement par rapport à la shoutbox ? Oo

[medamine14]

Re,

oui cela est possible tu met ça dans le Css:

Code:

.chat-box {margin-top: 10px;}

j'ai met 10 mais tu peux changer

[Jézebel L.]

Bonsoir,

Merci pour le code medamine14   
la shoutbox est parfaite !!!

Par contre la toolbarre dont tu m'avais parler un post plus haut, est -elle obligatoire par rapport à la shoutbox, ou pas du tout ?

[medamine14]

bonsoir,

dans le cas actuel il n'est pas nécessaire mais si tu veux qu'une fois connecté il soit placé autrement alors il faudra activer la toollbar dans le PA (mais on peut la masquer par script)

[Jézebel L.]

Bonsoir,

D'accord !
je le savais pas, merci pour toutes ses infos ^^

Tu m'as beaucoup aidé   

Prob réglé.