Résolu Bug avec la Shoutbox (xenforo)
- Auteur de la discussion Terf
- Créé le
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; }
}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 ^^
J'ai essayé de le modifier via les extra.css mais je ne trouve pas comment le modifié :/
Ashuz
Super modérateur
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
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