Une shoutbox plus esthétique

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Une shoutbox plus esthétique

Message par Jézebel L. le Jeu 30 Jan 2014 - 13:39

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 :

http://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.


Dernière édition par Jézebel L. le Ven 14 Fév 2014 - 20:28, édité 1 fois

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Ven 31 Jan 2014 - 18:12

Up !

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Une shoutbox plus esthétique

Message par Excidius le Ven 31 Jan 2014 - 21:06

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.

Excidius
**

Messages : 69
Inscrit(e) le : 30/01/2014

http://excidius-rpg.forumactif.org
Excidius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par medamine14 le Ven 31 Jan 2014 - 21:26

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 


medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Sam 1 Fév 2014 - 19:01

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  -->

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par medamine14 le Sam 1 Fév 2014 - 20:24

bonsoir,

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

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Sam 1 Fév 2014 - 23:43

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.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Lun 3 Fév 2014 - 17:25

Up !

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

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par medamine14 le Lun 3 Fév 2014 - 20:35

bonsoir,

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

@medamine14 a écrit:pour le css tu le règle dans le site ^^

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Lun 3 Fév 2014 - 23:46

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

http://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.

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Invité le Mar 4 Fév 2014 - 7:38

Bonjour,

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Jeu 6 Fév 2014 - 0:21

Bonsoir,

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

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par medamine14 le Jeu 6 Fév 2014 - 0:50

bonsoir,

Essaye de le mettre sur ton Template Wink

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Jeu 6 Fév 2014 - 17:11

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 ?

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par medamine14 le Jeu 6 Fév 2014 - 17:19

Salut,

Par Javascript ç'est réalisable Smile

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

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Jeu 6 Fév 2014 - 23:16

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 ?

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par medamine14 le Ven 7 Fév 2014 - 1:32

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 Smile
si tu ne veux pas que la toolbar soit affiché on pourra l'enlever mais il restera actif dans le PA Wink

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Sam 8 Fév 2014 - 18:04

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

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Une shoutbox plus esthétique

Message par medamine14 le Sam 8 Fév 2014 - 21:36

Salut,

@Jézebel L. a écrit: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 Wink

@Jézebel L. a écrit:Et quelle tool barre je dois activer ? Oo
celle ci !!

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Sam 8 Fév 2014 - 22:11

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

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Une shoutbox plus esthétique

Message par medamine14 le Dim 9 Fév 2014 - 3:12

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 Smile

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Mar 11 Fév 2014 - 20:14

Bonsoir,

Merci pour le code medamine14  Smile 
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 ?

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Une shoutbox plus esthétique

Message par medamine14 le Mer 12 Fév 2014 - 0:25

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)

Smile

medamine14
****

Masculin
Messages : 478
Inscrit(e) le : 14/11/2013

http://one-piece.easyforum.fr
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une shoutbox plus esthétique

Message par Jézebel L. le Ven 14 Fév 2014 - 20:27

Bonsoir,

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

Tu m'as beaucoup aidé  Smile 

Prob réglé.

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum