Résolu Bouton ' Envoyer ' Taigachat Xenforo

[World Web Nation]

Bonjour à tous, je voudrais diminuer la largeur du bouton ' envoyer ' ainsi que le rendre a droite a coté du bouton smileys, je bloque dessus

Je sais que c'est du css et que c'est sur la template dark_taigachat_controls mais je ne sais pas quelle ligne est la bonne.

Petit aperçu :

https://reality-gaming.fr/proxy.php?image=https%3A%2F%2Fi.gyazo.com%2F7d96bd6b5024e6b447643c602887081c.png&hash=4c7c8ad4edbeae91f23ee8b373b8325c​

 

[1899]

Bonjour à tous, je voudrais diminuer la largeur du bouton ' envoyer ' ainsi que le rendre a droite a coté du bouton smileys, je bloque dessus

Je sais que c'est du css et que c'est sur la template dark_taigachat_controls mais je ne sais pas quelle ligne est la bonne.

Petit aperçu :

https://reality-gaming.fr/proxy.php?image=https%3A%2F%2Fi.gyazo.com%2F7d96bd6b5024e6b447643c602887081c.png&hash=4c7c8ad4edbeae91f23ee8b373b8325c​

Si c'est du css c'est dans dark_taigachat.css normalement

 

[World Web Nation]

 

[Escoo]

Bonjour à tous, je voudrais diminuer la largeur du bouton ' envoyer ' ainsi que le rendre a droite a coté du bouton smileys, je bloque dessus

Je sais que c'est du css et que c'est sur la template dark_taigachat_controls mais je ne sais pas quelle ligne est la bonne.

Petit aperçu :

https://reality-gaming.fr/proxy.php?image=https%3A%2F%2Fi.gyazo.com%2F7d96bd6b5024e6b447643c602887081c.png&hash=4c7c8ad4edbeae91f23ee8b373b8325c​

regarde dans tes templates en mettant "taigatchat...."

 

[World Web Nation]

Svp quand on sait pas on parle pas, j'ai tout expliqué dans le message , on prend la classe du bouton et on modifie le css dans extra.css mais je bloque car je ne sais pas quelle est la bonne ligne merci d'évitez les fausse réponses

 

[Escoo]

Svp quand on sait pas on parle pas, j'ai tout expliqué dans le message , on prend la classe du bouton et on modifie le css dans extra.css mais je bloque car je ne sais pas quelle est la bonne ligne merci d'évitez les fausse réponses

ta juste edit ton message... et du calme on te donne juste un coup de main

 

[Escoo]

copie et colle tout se qui a dans dark_taigachat_controls ici pour voir

 

[World Web Nation]

J'ai rien edit du tout je suis pas premium pour edit mes message merci

Dark taig controls

<xen:if is="{$taigachat.canPost}">
    <div id='taigachat_controls'>
        <div id="taigachat_input">
            <input type='submit' id='taigachat_send' value='&gt;' class='button primary' />
            <div id="taigachat_message_holder">
                <input id='taigachat_message' class='textCtrl' type='text' maxlength='{xen:raw $taigachat.maxlength}' placeholder='{xen:phrase dark_enter_message}' />
            </div>
        </div>
   
        <xen:if is="({$taigachat.toolbar} == 1 AND !{$taigachat.alt} AND !{$taigachat.sidebar}) OR ({$taigachat.toolbar} == 2 AND (!{$taigachat.sidebar} OR ({$taigachat.sidebar} AND {$taigachat.alt}))) OR ({$taigachat.toolbar} == 3)">
            <div id='taigachat_toolbar'>

                <xen:if is="{$taigachat.canColor}"><a id="taigachat_colorpicker" class="button taigachat_bbcode xenForoSkin OverlayTrigger" data-cacheOverlay="false" href="{xen:link 'taigachat/color-picker'}"><span class='taigachat_bbcode_color'></span></a></xen:if>

                <xen:if is="{$taigachat.toolbar_bbcode}">
                    <xen:require css="editor_ui.css" />
                    <xen:foreach loop="$taigachat.toolbar_bbcode" value="$code" key="$title">
                        <button data-code='{$code}' class='button taigachat_bbcode xenForoSkin'>{xen:raw $title}</button>
                    </xen:foreach>
                </xen:if>
                <xen:if is="{$taigachat.toolbar_smilies}">
                    <button id="taigachat_smiliepicker" class="button taigachat_bbcode xenForoSkin"><span class='taigachat_bbcode_smilie'></span></button>
                </xen:if>
            </div>
        </xen:if>
    </div>
   
    <div id="taigachat_smilies_box"></div>
</xen:if>

 

[Escoo]

@Bower

 

[1899]

Svp quand on sait pas on parle pas, j'ai tout expliqué dans le message , on prend la classe du bouton et on modifie le css dans extra.css mais je bloque car je ne sais pas quelle est la bonne ligne merci d'évitez les fausse réponses

Ce que tu viens de dire c'est faux, alors évite de nous envoyer balader lorsque tu dis n'importe quoi
Le css des template de la shoutbox c'est dans dark_taigachat.css que ça se met

 

[Rivals]

Ce que tu viens de dire c'est faux, alors évite de nous envoyer balader lorsque tu dis n'importe quoi
Le css des template de la shoutbox c'est dans dark_taigachat.css que ça se met

Ça peut aussi se modifier dans l'extra.css

 

[World Web Nation]

C'est lui qui m'a dis de venir poster sur le forum il a la flemme d'expliquer en détails c'est tout

 

[Escoo]

Ce que tu viens de dire c'est faux, alors évite de nous envoyer balader lorsque tu dis n'importe quoi
Le css des template de la shoutbox c'est dans dark_taigachat.css que ça se met

J'ai identifier Rivals parce que je m'y connais pas plus que ça met j'aide pu pour nous parler comme ça

 

[1899]

Ça peut aussi se modifier dans l'extra.css

C'est plus correct de le mettre dans dark_taigachat.css non ?

 

[World Web Nation]

Ce que tu viens de dire c'est faux, alors évite de nous envoyer balader lorsque tu dis n'importe quoi
Le css des template de la shoutbox c'est dans dark_taigachat.css que ça se met

Oui mais je parle de la classe du bouton : class=primary_button on le prend et on le modifie dans extra.css pour la taille mais j'ai pas la bonne ligne de code ;-)

Dark taig css :

/* 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: #FF285C; 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; }
   
}

.tagShoutbox {
background: url("styles/tag.png") no-repeat left center transparent;
height: 18px
width: 13px;
padding-left: 18px;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
display: inline-block;
padding-left: 3px;
}

C'est plus correct de le mettre dans dark_taigachat.css non ?

Evite la prochaine fois de prendre la grosse tete je sais ce que je dis merci

c'est pas parce que je demande de l'aide que je suis un bleu

 

[WasabII]

Evite la prochaine fois de prendre la grosse tete je sais ce que je dis merci

c'est pas parce que je demande de l'aide que je suis un bleu

Tu es un bleu

 

[Zero.]

Alors comment changer la taille de ce bouton

A la ligne là :

#taigachat_send { vertical-align: top; float: right; }

Dans les " { } " tu rajoutes ces deux codes :

height: XXpx;
width: XXpx;

Et tu configures toi même les PXs

C'est censé te donner un truc de ce style :

#taigachat_send {   
    vertical-align: top;
    float: right;
    height: 27px;
    width: auto;
}

 

[World Web Nation]

Marche pas

 

[Zero.]

Marche pas

Tu es bien dans le bon style? x)
montre le code?

 

[World Web Nation]

/* 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; height: 10px;
    width: auto; 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: 10px; }
#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: #FF285C; 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; }
   
}

.tagShoutbox {
background: url("styles/tag.png") no-repeat left center transparent;
height: 18px
width: 13px;
padding-left: 18px;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
display: inline-block;
padding-left: 3px;
}