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 - 12: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 - 19:28, édité 1 fois
avatar

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 - 17:12

Up !
avatar

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 - 20: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.
avatar

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

avatar

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 - 18: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  -->
avatar

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 - 19: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 ^^
avatar

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 - 22: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 ?
avatar

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 - 16:25

Up !

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

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 - 19:35

bonsoir,

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

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

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 - 22: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.
avatar

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 - 6:38

Bonjour,

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

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 Mer 5 Fév - 23:21

Bonsoir,

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

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 Mer 5 Fév - 23:50

bonsoir,

Essaye de le mettre sur ton Template Wink
avatar

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 - 16: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 ?
avatar

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 - 16: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
avatar

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 - 22: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 ?
avatar

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 - 0: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
avatar

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 - 17: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
avatar

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 - 20: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 !!
avatar

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 - 21: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
avatar

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 - 2: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
avatar

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 - 19: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 ?
avatar

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 Mar 11 Fév - 23: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
avatar

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 - 19:27

Bonsoir,

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

Tu m'as beaucoup aidé  Smile 

Prob réglé.
avatar

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