Résolu Bug avec la Shoutbox (xenforo)

  • Auteur de la discussion Auteur de la discussion Terf
  • Créé le Créé le
Statut
N'est pas ouverte pour d'autres réponses.

Terf

Premium
Inscription
25 Juin 2014
Messages
2 635
Réactions
458
Points
18 441
RGCoins
2 479
Salut,

J'ai un problème ma shoutbox:

You must be registered for see images attach


La flèche 1 déborde sur la sidebar alors qu'elle devrait être comme la flèche 2.

Merci pour votre aide :)
 
C/C le contenu du template dark_taigachat.css ici stp.
Voilà:
Code:
/* Darkimmortal's TaigaChat */

#taigachat_box { height: 300px; border: 1px solid @primaryLighter; padding: 5px; margin: 5px -2px 0 -2px; overflow: auto; overflow-y: scroll; font-size: 11px; background: @primaryLightest; -webkit-text-size-adjust: none; }
.taigachat_reverse #taigachat_box { margin-bottom: 5px; margin-top: 0; }
#taigachat_box li { /*background: @primaryLightest;*/ margin-bottom: 6px; }
#taigachat_controls { text-align: left; padding: 0 0 8px 0; display: table; width: 100%; }
#taigachat_toolbar, #taigachat_toolbar > * { vertical-align: top; }
#taigachat_message { width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; }
#taigachat_message_holder { overflow: auto; padding-right: 5px; }

.taigachat_avatar img { width: 16px; height: 16px; padding: 0; vertical-align: bottom; }

.taigachat_reverse #taigachat_controls { margin: 0; }
#taigachat_send { vertical-align: top; float: right; }
#taigachat_box .username { font-size: 11px; display: inline; }
#taigachat_box .Popup { display: inline-block; }
#taigachat_box.taigachat_thumbzoom .bbCodeImage { max-width: 203px; }
.taigachat_messagetext { display: inline; word-wrap: break-word; max-width: 100%; }
#taigachat_toolbar { margin-bottom: 5px; }
#taigachat_sidebar #taigachat_toolbar/*, #taigachat_full.taigachat_alt #taigachat_toolbar*/ { display: none }
.taigachat_credit { text-align: right; color: @primaryLighter; font-size: 10px; margin-top: 5px; }

#taigachat_sidebar #taigachat_message { font-size: 11px; }
#taigachat_sidebar #taigachat_send { height: 21px; }
#taigachat_sidebar #taigachat_toolbar { padding-top: 5px; padding-bottom: 5px; }
#taigachat_sidebar #taigachat_controls { padding: 5px 0 0; }
#taigachat_sidebar.taigachat_reverse #taigachat_controls { margin: 0; }
#taigachat_sidebar h3 blockquote { font-size: 11px; color: @contentText; font-weight: normal; }

#taigachat_full #taigachat_box { height: 600px; margin: 0 auto 10px auto; font-size: 13px; }
#taigachat_full #taigachat_message { width: 100%; }
#taigachat_full #taigachat_input { display: table-cell; white-space: nowrap; padding-right: 15px; }
#taigachat_full #taigachat_toolbar { display: table-cell; width: 5%; white-space: nowrap; }
#taigachat_full .DateTime { font-size: 11px; }
#taigachat_full #taigachat_box .username { font-size: 13px; }
#taigachat_full .taigachat_messagetext { display: inline; }

#taigachat_full.taigachat_alt #taigachat_box { font-size: 12px; margin: 0 auto 5px auto;  }
#taigachat_full.taigachat_alt.taigachat_reverse #taigachat_box { margin: 10px auto; }
#taigachat_full.taigachat_alt #taigachat_box .username { font-size: 12px; }
#taigachat_full.taigachat_alt.taigachat_normal #taigachat_controls { margin-top: 10px; }

.taigachat_motd { border: 1px solid @primaryLighterStill; padding: 2px; }
.dark_taigachat_full .taigachat_motd { margin: 0 10px; padding: 4px; }
#taigachat_inchat { font-style: italic; color: @dimmedTextColor }

/*.taigachat_popup_body { height: 100%; }*/
.taigachat_popup { padding: 0; height: 100%; margin: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0;  }
.taigachat_popup > div { height: 100%; margin: -20px 0 0 0; padding: 10px 0; border-bottom: 0;  }
.taigachat_popup #taigachat_box { height: auto !important; position: absolute; top: 40px; left: 10px; right: 10px; bottom: 10px; width: auto !important; }
.taigachat_popup #taigachat_controls { position: absolute; left: 10px; right: 10px; top: 25px; width: 97% }
.taigachat_popup.taigachat_reverse #taigachat_box { top: 10px; left: 10px; right: 10px; bottom: 20px; }
.taigachat_popup.taigachat_reverse #taigachat_controls { left: 10px; right: 10px; bottom: 5px; top: auto; }
/*.taigachat_toolbar_enabled*/ .taigachat_popup #taigachat_box { top: 60px; }
/*.taigachat_toolbar_enabled*/ .taigachat_popup.taigachat_reverse #taigachat_box { bottom: 40px; top: 22px; }
.taigachat_popup .taigachat_motd { margin: 10px 0 0 10px; border: none; }
.taigachat_popup .taigachat_credit { display: none }
.taigachat_popuphtml { min-width: 0 !important; }
.taigachat_canban { display: none }

.taigachat_smilies_list { max-width: 250px; max-height: 225px !important; }
.taigachat_smilies_list li { display: inline; }
.taigachat_smilie { padding: 4px 6px; color: #FF2F20; display: inline-block !important; }
.taigachat_bbcode { padding: 0; }
.xenForoSkin .taigachat_bbcode_color { display: block; width: 20px; height: 20px; background:url(styles/dark/color_swatch.png) no-repeat center; cursor: pointer !important; }
.taigachat_bbcode_smilie { display: block; width: 20px; height: 20px; background:url(styles/dark/smilie.png) no-repeat center; cursor: pointer !important; }

.taigachat_ignored { opacity: 0.4; }
.taigachat_me { font-style: italic; }
.taigachat_activity { color: @primaryLightish; font-style: italic; }
.taigachat_ignorehide { display: none !important; }

/* TinyMCE XF 1.2 compatibility */

.taigachat_bbcode span.mceIcon, .taigachat_bbcode img.mceIcon {display:block; width:20px; height:20px}
.taigachat_bbcode .mceIcon {background:url(styles/dark/icons.png) no-repeat 20px 20px}
.taigachat_bbcode span.mce_bold {background-position:0 0}
.taigachat_bbcode span.mce_italic {background-position:-60px 0}
.taigachat_bbcode span.mce_underline {background-position:-140px 0}
.taigachat_bbcode span.mce_strikethrough {background-position:-120px 0}
.taigachat_bbcode span.mce_link {background-position:-500px 0}
.taigachat_bbcode span.mce_image {background-position:-380px 0}

#taigachat_smilies_box { margin: 9px; overflow: hidden; display: none; *zoom: 1; }
.taigachat_popup #taigachat_smilies_box { top: 200px; position: absolute; z-index: 10000; padding: 5px; background: @contentBackground; border: 1px solid @primaryLightish; }
.taigachat_popup.taigachat_reverse #taigachat_smilies_box { top: 0px; }
#taigachat_smilies_box .tabs { min-height: 0; }
#taigachat_smilies_box .smilieContainer { max-height: 150px; overflow: auto; }
#taigachat_smilies_box .primaryContent, #taigachat_smilies_box .secondaryContent { border-bottom: none; }
#taigachat_smilies_box .tabs a { height: 18px; line-height: 18px; font-size: 11px; }
#taigachat_smilies_box .smilieCategory li { display: inline-block; margin: 0; padding: 2px; cursor: pointer; line-height: 1.6; }
    

@media (max-width:@maxResponsiveNarrowWidth)
{
    #taigachat_controls { display: block; !important; }
    #taigachat_toolbar { padding-top: 5px; padding-bottom: 5px; }
    #taigachat_input { display: block !important; }
    .taigachat_popup.taigachat_reverse #taigachat_box { bottom: 70px !important; }
    .taigachat_popup:not(.taigachat_reverse) #taigachat_box { top: 85px !important; }
}
 
Voilà:
Code:
/* Darkimmortal's TaigaChat */

#taigachat_box { height: 300px; border: 1px solid @primaryLighter; padding: 5px; margin: 5px -2px 0 -2px; overflow: auto; overflow-y: scroll; font-size: 11px; background: @primaryLightest; -webkit-text-size-adjust: none; }
.taigachat_reverse #taigachat_box { margin-bottom: 5px; margin-top: 0; }
#taigachat_box li { /*background: @primaryLightest;*/ margin-bottom: 6px; }
#taigachat_controls { text-align: left; padding: 0 0 8px 0; display: table; width: 100%; }
#taigachat_toolbar, #taigachat_toolbar > * { vertical-align: top; }
#taigachat_message { width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; }
#taigachat_message_holder { overflow: auto; padding-right: 5px; }

.taigachat_avatar img { width: 16px; height: 16px; padding: 0; vertical-align: bottom; }

.taigachat_reverse #taigachat_controls { margin: 0; }
#taigachat_send { vertical-align: top; float: right; }
#taigachat_box .username { font-size: 11px; display: inline; }
#taigachat_box .Popup { display: inline-block; }
#taigachat_box.taigachat_thumbzoom .bbCodeImage { max-width: 203px; }
.taigachat_messagetext { display: inline; word-wrap: break-word; max-width: 100%; }
#taigachat_toolbar { margin-bottom: 5px; }
#taigachat_sidebar #taigachat_toolbar/*, #taigachat_full.taigachat_alt #taigachat_toolbar*/ { display: none }
.taigachat_credit { text-align: right; color: @primaryLighter; font-size: 10px; margin-top: 5px; }

#taigachat_sidebar #taigachat_message { font-size: 11px; }
#taigachat_sidebar #taigachat_send { height: 21px; }
#taigachat_sidebar #taigachat_toolbar { padding-top: 5px; padding-bottom: 5px; }
#taigachat_sidebar #taigachat_controls { padding: 5px 0 0; }
#taigachat_sidebar.taigachat_reverse #taigachat_controls { margin: 0; }
#taigachat_sidebar h3 blockquote { font-size: 11px; color: @contentText; font-weight: normal; }

#taigachat_full #taigachat_box { height: 600px; margin: 0 auto 10px auto; font-size: 13px; }
#taigachat_full #taigachat_message { width: 100%; }
#taigachat_full #taigachat_input { display: table-cell; white-space: nowrap; padding-right: 15px; }
#taigachat_full #taigachat_toolbar { display: table-cell; width: 5%; white-space: nowrap; }
#taigachat_full .DateTime { font-size: 11px; }
#taigachat_full #taigachat_box .username { font-size: 13px; }
#taigachat_full .taigachat_messagetext { display: inline; }

#taigachat_full.taigachat_alt #taigachat_box { font-size: 12px; margin: 0 auto 5px auto;  }
#taigachat_full.taigachat_alt.taigachat_reverse #taigachat_box { margin: 10px auto; }
#taigachat_full.taigachat_alt #taigachat_box .username { font-size: 12px; }
#taigachat_full.taigachat_alt.taigachat_normal #taigachat_controls { margin-top: 10px; }

.taigachat_motd { border: 1px solid @primaryLighterStill; padding: 2px; }
.dark_taigachat_full .taigachat_motd { margin: 0 10px; padding: 4px; }
#taigachat_inchat { font-style: italic; color: @dimmedTextColor }

/*.taigachat_popup_body { height: 100%; }*/
.taigachat_popup { padding: 0; height: 100%; margin: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0;  }
.taigachat_popup > div { height: 100%; margin: -20px 0 0 0; padding: 10px 0; border-bottom: 0;  }
.taigachat_popup #taigachat_box { height: auto !important; position: absolute; top: 40px; left: 10px; right: 10px; bottom: 10px; width: auto !important; }
.taigachat_popup #taigachat_controls { position: absolute; left: 10px; right: 10px; top: 25px; width: 97% }
.taigachat_popup.taigachat_reverse #taigachat_box { top: 10px; left: 10px; right: 10px; bottom: 20px; }
.taigachat_popup.taigachat_reverse #taigachat_controls { left: 10px; right: 10px; bottom: 5px; top: auto; }
/*.taigachat_toolbar_enabled*/ .taigachat_popup #taigachat_box { top: 60px; }
/*.taigachat_toolbar_enabled*/ .taigachat_popup.taigachat_reverse #taigachat_box { bottom: 40px; top: 22px; }
.taigachat_popup .taigachat_motd { margin: 10px 0 0 10px; border: none; }
.taigachat_popup .taigachat_credit { display: none }
.taigachat_popuphtml { min-width: 0 !important; }
.taigachat_canban { display: none }

.taigachat_smilies_list { max-width: 250px; max-height: 225px !important; }
.taigachat_smilies_list li { display: inline; }
.taigachat_smilie { padding: 4px 6px; color: #FF2F20; display: inline-block !important; }
.taigachat_bbcode { padding: 0; }
.xenForoSkin .taigachat_bbcode_color { display: block; width: 20px; height: 20px; background:url(styles/dark/color_swatch.png) no-repeat center; cursor: pointer !important; }
.taigachat_bbcode_smilie { display: block; width: 20px; height: 20px; background:url(styles/dark/smilie.png) no-repeat center; cursor: pointer !important; }

.taigachat_ignored { opacity: 0.4; }
.taigachat_me { font-style: italic; }
.taigachat_activity { color: @primaryLightish; font-style: italic; }
.taigachat_ignorehide { display: none !important; }

/* TinyMCE XF 1.2 compatibility */

.taigachat_bbcode span.mceIcon, .taigachat_bbcode img.mceIcon {display:block; width:20px; height:20px}
.taigachat_bbcode .mceIcon {background:url(styles/dark/icons.png) no-repeat 20px 20px}
.taigachat_bbcode span.mce_bold {background-position:0 0}
.taigachat_bbcode span.mce_italic {background-position:-60px 0}
.taigachat_bbcode span.mce_underline {background-position:-140px 0}
.taigachat_bbcode span.mce_strikethrough {background-position:-120px 0}
.taigachat_bbcode span.mce_link {background-position:-500px 0}
.taigachat_bbcode span.mce_image {background-position:-380px 0}

#taigachat_smilies_box { margin: 9px; overflow: hidden; display: none; *zoom: 1; }
.taigachat_popup #taigachat_smilies_box { top: 200px; position: absolute; z-index: 10000; padding: 5px; background: @contentBackground; border: 1px solid @primaryLightish; }
.taigachat_popup.taigachat_reverse #taigachat_smilies_box { top: 0px; }
#taigachat_smilies_box .tabs { min-height: 0; }
#taigachat_smilies_box .smilieContainer { max-height: 150px; overflow: auto; }
#taigachat_smilies_box .primaryContent, #taigachat_smilies_box .secondaryContent { border-bottom: none; }
#taigachat_smilies_box .tabs a { height: 18px; line-height: 18px; font-size: 11px; }
#taigachat_smilies_box .smilieCategory li { display: inline-block; margin: 0; padding: 2px; cursor: pointer; line-height: 1.6; }
 

@media (max-width:@maxResponsiveNarrowWidth)
{
    #taigachat_controls { display: block; !important; }
    #taigachat_toolbar { padding-top: 5px; padding-bottom: 5px; }
    #taigachat_input { display: block !important; }
    .taigachat_popup.taigachat_reverse #taigachat_box { bottom: 70px !important; }
    .taigachat_popup:not(.taigachat_reverse) #taigachat_box { top: 85px !important; }
}
Et maintenant tu peux me faire un "Inspecter l'élément" de l'endroit où se trouve la flèche stp ?
 
Et maintenant tu peux me faire un "Inspecter l'élément" de l'endroit où se trouve la flèche stp ?
Code:
.nodeList .categoryStrip {
    font-size: 11px;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color: rgb(241, 241, 241);
    background-color: rgb(46, 46, 46);
    background-repeat: repeat-x;
    background-position: center;
    padding: 5px 10px;
    margin: 0 auto;
    border-radius: 0px;
    font-size: 14px !important;
    box-shadow: inset 0px 1px 0px 0px rgb(77, 77, 77);
    text-shadow: 0px 0px 4px rgb(31, 31, 31);
    padding: 10px;
    margin: 0;
    border-bottom-color: ;
    border-radius: 0;
    min-height: 6px;
}
 
Que se soit une version nulled ou pas ne change rien, c'est juste que ton thème possède une classe qui est propre à celui-ci, et qui n'est pas repris par l'addon, il faut rectifier le tir soit en modifiant les classes du module TaigaChat soit en ajoutant du CSS pour rectifier ce problème dans la template EXTRA.CSS ^^
 
Que se soit une version nulled ou pas ne change rien, c'est juste que ton thème possède une classe qui est propre à celui-ci, et qui n'est pas repris par l'addon, il faut rectifier le tir soit en modifiant les classes du module TaigaChat soit en ajoutant du CSS pour rectifier ce problème dans la template EXTRA.CSS ^^
J'ai essayé de le modifier via les extra.css mais je ne trouve pas comment le modifié :/
 
Salut,
J'ai déplacé la discussion en section Résolu avec l'autorisation de l'auteur de la discussion.

Bonne après-midi,
Ashuz SEC
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut