ChatBox (a) Bouton_activeChatBox (a) Bouton_hoverChatBox (a) Fb-hoverChatBox (a) Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
ChatBox (a) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
ChatBox (a) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
ChatBox (a) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
ChatBox (a) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
ChatBox (a) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
ChatBox (a) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
ChatBox (a) EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
ChatBox (a) EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment :
Pokémon EV06 : où acheter le Bundle Lot ...
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

ChatBox (a)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://lgdcwarriors.actifforum.com/
Mia0712
Mia0712
{ Membre }
{ Membre }

Féminin Messages : 119



ChatBox (a) Empty
Bonsoir, mon forum possède une ChatBox latérale mais j'aimerais l'améliorer.
Par ex : que la ChatBox se déroule lorsqu'on l'ouvre ou que l'onglet soit d'une autre forme ou encore qu'elle soit entourée d'un cadre...ect
MessageSujet: ChatBox (a)   ChatBox (a) EmptyVen 14 Jan 2011, 19:47
Revenir en haut Aller en bas
Hortie
Hortie
{ Membre actif }
{ Membre actif }

Féminin Messages : 660



ChatBox (a) Empty
Bonjour,
Il est important afin de reçevoir une aide adéquate de fournir le code de base de ta CB. Ton CSS et tes templates modifié. Sinon, codeurs ou membres ne pourront rien pour toi. Merci de l'ajouter Wink
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptyVen 14 Jan 2011, 19:49
Revenir en haut Aller en bas
http://lgdcwarriors.actifforum.com/
Mia0712
Mia0712
{ Membre }
{ Membre }

Féminin Messages : 119



ChatBox (a) Empty
Alors alors :

CSS Chat Box :
Spoiler:

Feuille CSS complète :
Spoiler:
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 14:49
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



ChatBox (a) Empty
Hello (:
J'ai édité ton message, il ne faut pas oublier de mettre les balises
Code:
[code] [/code]
lorsque tu postes les codes de ton CSS ou de tes templates, sinon les codeurs ne peuvent pas vraiment voir le problème ^^
Pense à les mettre la prochaine fois =D
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 15:28
Revenir en haut Aller en bas
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



ChatBox (a) Empty
    D'ailleurs, c'est ta page d'accueil, pas ton CSS
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 15:36
Revenir en haut Aller en bas
http://lgdcwarriors.actifforum.com/
Mia0712
Mia0712
{ Membre }
{ Membre }

Féminin Messages : 119



ChatBox (a) Empty
Oui mais mon code de Chat Box est sur la PA.
Psycho >> Oui merci, je le ferai dorénavant =)
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 15:51
Revenir en haut Aller en bas
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



ChatBox (a) Empty
    Oui mais on te demande le CSS de la feuille de CSS, puisque que tu nous as déjà donné le code de ta chatbox dans celui de ta PA.
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 16:46
Revenir en haut Aller en bas
http://lgdcwarriors.actifforum.com/
Mia0712
Mia0712
{ Membre }
{ Membre }

Féminin Messages : 119



ChatBox (a) Empty
D'ac, alors voilà sergent :
Code:
/**Bordures extérieures & intérieures du forum**/

body{margin-top: 0px;}
body{margin-bottom: 0px;}

/**CHANGEMENT LORS DU SURVOL DES LIENS**/

a:hover{text-transform:uppercase;
}

a {font-variant: small-caps;
}

a:link {text-decoration: none
;
}

a:hover{text-decoration: none !important;
}

a { text-decoration: none;
}

a:link { text-decoration: none;
}

a:hover { text-decoration: none;
}

a:hover{
letter-spacing : 1px; }


/**PERSONNALISATION DE LA BARRE DE NAVIGATION**/

a.mainmenu {
position: relative;
text-align: left;
font-size: 70%;
background-color: #422413;
color: #5E4131;
border-left: 10px solid #5E4131;
}

a.mainmenu:hover {
position: relative;
text-align: left;
font-size: 70%;
background-color: #422413;
color: #5E4131;
border-left: 10px solid #5E4131;
font-variant: letter-spacing : 1px; ;
}

/*LIENS FORUM*/
a.forumlink:link, a.forumlink:visited {
background-color: #6d4f3e
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #4e3527;
color: #c39b8c;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}

a.forumlink:hover, a.forumlink:hover:visited {
background-color: #4e3527
color: #c39b8c;
text-align: center;
display: block;
border-bottom: 5px solid #6d4f3e;
-moz-border-radius:10px;
}


/*NAVIGATION PA*/

#navigation ul

{
list-style-type: none;
text-align: center;
}

#navigation li

{
display: inline;
text-align: center;
margin: 0 10px 0 0;
}
#navigation li a

{
padding: 2px 7px 2px 7px;
color: #99623D;
background-color: #462409;
border: 1px solid #99623D;
text-decoration: none;
}

#navigation li a:hover

{
background-color: #99623D;
color: #462409;
border: 1px solid #462409;
}

.pa-bloc {
display: bloc;
attachment: top;
height: 100px;
width: 350px;
background-color: #ba9d8d;
border: 1px solid #000000;
margin: 10px;
-moz-box-shadow: #000000 3px 3px 8px;
}

.titres-pa {
word-spacing: 4px;
letter-spacing: -1px;
line-height: 70%;
font-family: times new roman;
text-shadow: #000000 3px 3px 2px;
font-size: 30px;
color: #FFFFFF;
padding: 4px;
background-color: #412313
}

__________

/*CSS GENERAL*/


.body{
-moz-border-radius: 7px 7px 7px 7px ;
border-bottom: 5px #3B2000 solid;
border-top: 5px #3B2000 solid;
border-right: 2px #3B2000 solid;
border-left: 2px #3B2000 solid;}

a:hover {
text-decoration: none !important;
}

.postdetails.poster-profile a img
{
border-right: LARGEUR STYLE COULEUR; /*La bordure*/
border-left: LARGEUR STYLE COULEUR; /*La bordure*/
}



__________

/*PAGE D'ACCUEIL*/

.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:1px solid black #2B1515 ;
                cursor:pointer;
                font-type: times new roman;
                font-size: 15px;
        }
        .onglet_0
        {
                background:#8D201D;
                border-bottom:1px solid black;
                font-style: italic;
                font-size: 15px;
        }
        .onglet_1
        {
                background:#E27976;
                border-bottom:0px solid black;
                padding-bottom:4px;
font-size: 15px;
        }
        .contenu_onglet
        {
                background-color:#E27976;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
                font-color: #000000;
        }

/*INFOBULLES*/

a.imginfo {   
position: relative;   
color: #6e3c2f;   
text-decoration: none;     
}   

a.imginfo span {   
display: none; /* on masque l'infobulle */ 
} 

a.imginfo:hover {   
background: none; /* correction d'un bug IE */   
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */     
} 

a.imginfo:hover span {   
display: inline; /* on affiche l'infobulle */   
position: absolute;   
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: -150px; /* on positionne notre infobulle */   
left: 50px;   
background: #61381f;   
color: #180c05;   
padding: 6px;         
border-left: 1px dashed #1d0a05;   
border-right: 1px dashed #1d0a05;   
border-top: 3px solid #542114;   
border-bottom: 3px solid #542114; 
-moz-border-radius: 7px 7px 7px 7px ;
}


/**AFFICHAGE ET MASQUAGE DU PROFIL DANS DANS LES MESSAGES**/

.profilmasque {
background-image:url('http://img7.hostingpics.net/pics/383573Fond1.png')
border: 1px #a17e58 solid;
font-size: 11px;
letter-spacing: 1px;
}

.profil1 {
width: 200px;
background-image:url('http://img7.hostingpics.net/pics/383573Fond1.png')
border: 1px ;
border: 1px #a17e58 solid;
letter-spacing: 1px;
}

SUPPRIMER LES MARGES HAUT-BAS ~~

body{margin-top: 0px;}

body{margin-bottom: 0px;}

a {
text-shadow: black 1px 1px 2px;
}


QQEL

.statistiques{
border:0px;
background-image: url("LIEN IMAGE DU HAUT");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 16:49
Revenir en haut Aller en bas
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



ChatBox (a) Empty
    Et qu'est-ce que tu veux faire précisément s'il te plait?
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 16:56
Revenir en haut Aller en bas
http://lgdcwarriors.actifforum.com/
Mia0712
Mia0712
{ Membre }
{ Membre }

Féminin Messages : 119



ChatBox (a) Empty
Précisément ?
J'aimerais que la ChatBox ne soit plus comme ça : https://2img.net/r/ihimizer/i/imagelreo.jpg/
J'aimerais qu'elle change de forme, comme par exemple ainsi : https://2img.net/r/ihimizer/i/sanstitre4qx.jpg/

Comment faire pour que puisse la changer ? (:
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 18:53
Revenir en haut Aller en bas
http://yeti.frenchboard.com/
Vicsius
{ Membre }
{ Membre }

Masculin Messages : 31



ChatBox (a) Empty
Met sa ds le css de ta CB sa devrait aller:

Code:
<table style="z-index: 10000;
position: fixed;
background-image: url('url de ton image');
bottom: XXpx; left: XXpx;">

Pour l'url s'est ton image que tu veux et qui est hébergé et pour bottom c'est pour régler son emplacement, à toi de faire tes petits tests pour que se soit comme tu veux^^
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 19:15
Revenir en haut Aller en bas
http://lgdcwarriors.actifforum.com/
Mia0712
Mia0712
{ Membre }
{ Membre }

Féminin Messages : 119



ChatBox (a) Empty
D'accord =)
Pour le code, c'est bien dans le CSS de la CB que j'ai sur la PA ?
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 19:20
Revenir en haut Aller en bas
http://yeti.frenchboard.com/
Vicsius
{ Membre }
{ Membre }

Masculin Messages : 31



ChatBox (a) Empty
oui-oui^^
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 19:29
Revenir en haut Aller en bas
http://lgdcwarriors.actifforum.com/
Mia0712
Mia0712
{ Membre }
{ Membre }

Féminin Messages : 119



ChatBox (a) Empty
D'ac ! alors j'ai essayé et ça ne me fait du tout =X
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 19:31
Revenir en haut Aller en bas
http://yeti.frenchboard.com/
Vicsius
{ Membre }
{ Membre }

Masculin Messages : 31



ChatBox (a) Empty
ah??? Attend je vais voir si j'ai pas un autre code (moi c'était celui-là que je me servais)
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 20:01
Revenir en haut Aller en bas
http://yeti.frenchboard.com/
Vicsius
{ Membre }
{ Membre }

Masculin Messages : 31



ChatBox (a) Empty
Bon je ne trouve plus se fichue code, je ré-instal ma CB et te dis se qu'il faut y modifier^^

Edit: voilà tu sauvegarde puis supprime tout se que tu as fait pour ta chatbox en latérale puis tu vas:

PA
Affichage
Page d'acceuil
Généralité
Message sur la page d'acceuil
Contenu du message

tu colle sa:

Code:
<table
style="position: fixed;
bottom: 50px;
left: 0px;
background-color: #transparent;
z-index:10000;">
<tr>
<td>
<iframe src="/chatbox/chatbox.forum?page=front&"
id="chatboxpop"
scrolling="no"
style="width: 800px;
height: 400px;
display: none;"
marginwidth="0"
marginheight="0"
frameborder="0">
</iframe>
</td>
<td style="vertical-align: bottom;">
<img src="URL de l'image d'ouverture" onClick="document.getElementById('chatboxpop').style.display=(this.src=='URL de l'image d'ouverture')?'block':'none';this.src=(this.src=='URL de l'image d'ouverture')?'URL de l'image de fermeture':'URL de l'image d'ouverture';"/>
</td>
</tr>
</table>

C'est tout, pas plus dur que sa^^

PS: n'oublis pas de changer les 4fois l'image d'ouverture de ta CB et une fois celle de fermeture
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 15 Jan 2011, 20:29
Revenir en haut Aller en bas
http://lgdcwarriors.actifforum.com/
Mia0712
Mia0712
{ Membre }
{ Membre }

Féminin Messages : 119



ChatBox (a) Empty
Alors j'ai supprimé tout le code de la Chat Box latérale et j'ai mis à la place ton code que tu m'as donné. J'ai regardé ce que ça faisait et rien, je n'ai plus de CB du tout. ^^'
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptyDim 16 Jan 2011, 08:02
Revenir en haut Aller en bas
http://art-of-cats.forums-actifs.com/forum.htm
#_Holigan
#_Holigan
{ Membre }
{ Membre }

Féminin Messages : 79



ChatBox (a) Empty
Si je peux me permettre, comme la capture vient de chez moi, c'ets tout bête.
Au lieu d'une image carrée, tu en fait une ronde ou comme tu veux.

Donc il te faut un logiciel de graphisme, c'ets tout.
J'ai fait ça avec the gimp, l'image est rectangulaire mais avec du transparent qui crée l'illusion.

C'ets tout Wink

Enregistre bien en png, extension qui gère bien la transparence.
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptyDim 16 Jan 2011, 09:55
Revenir en haut Aller en bas
L
L
{ Membre actif }
{ Membre actif }

Masculin Messages : 867



ChatBox (a) Empty
Bonjour,
Votre problème a été résolu ? S'il est,veuillez cocher l'icône "résolu" en éditant votre premier message dans les "icônes du sujet"
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptyDim 16 Jan 2011, 10:10
Revenir en haut Aller en bas
http://yeti.frenchboard.com/
Vicsius
{ Membre }
{ Membre }

Masculin Messages : 31



ChatBox (a) Empty
Mia0712 a écrit:
Alors j'ai supprimé tout le code de la Chat Box latérale et j'ai mis à la place ton code que tu m'as donné. J'ai regardé ce que ça faisait et rien, je n'ai plus de CB du tout. ^^'

ah? bin là je comprend pas trop, si tu vas sur mon fofo' tu verras que chez moi sa marche (http://yeti.frenchboard.com/), peut-être ta version tu es sous qu'elle version???
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptyDim 16 Jan 2011, 15:59
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



ChatBox (a) Empty
Bonjour (:
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône ChatBox (a) Resolu3 en éditant votre premier message (:
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptySam 22 Jan 2011, 18:28
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



ChatBox (a) Empty
Bonjour (:
N'ayant reçu aucune réponse depuis la dernière relance d'un modérateur, je considère ce problème comme abandonné ou résolu.
Je classe, merci de votre compréhension (:
MessageSujet: Re: ChatBox (a)   ChatBox (a) EmptyVen 28 Jan 2011, 18:19
Revenir en haut Aller en bas
Contenu sponsorisé




ChatBox (a) Empty
MessageSujet: Re: ChatBox (a)   ChatBox (a) Empty
Revenir en haut Aller en bas
 

ChatBox (a)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» chatbox
» ChatBox
» Help chatbox !
» Chatbox
» Personnalisation de chatbox

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit