Résolu Bouton ' Envoyer ' Taigachat Xenforo

World Web Nation · 12 Août 2016

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 · 12 Août 2016

Devilicious a dit:
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 · 12 Août 2016

Escoo · 12 Août 2016

Devilicious a dit:
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 · 12 Août 2016

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 · 12 Août 2016

Devilicious a dit:
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 · 12 Août 2016

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

World Web Nation · 12 Août 2016

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

Dark taig controls

Code:

<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 · 12 Août 2016

@Bower

1899 · 12 Août 2016

Devilicious a dit:
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 · 12 Août 2016

Hayzen SEC a dit:
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 · 12 Août 2016

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 · 12 Août 2016

Hayzen SEC a dit:
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 · 12 Août 2016

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

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

World Web Nation · 12 Août 2016

Hayzen SEC a dit:
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 :

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

Hayzen SEC a dit:
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 · 12 Août 2016

Devilicious a dit:
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. · 12 Août 2016

Alors comment changer la taille de ce bouton

A la ligne là :

Code:

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

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

Code:

height: XXpx;
width: XXpx;

Et tu configures toi même les PXs

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

Code:

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

World Web Nation · 12 Août 2016

Marche pas :mmh:

Zero. · 12 Août 2016

Devilicious a dit:
Marche pas

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

World Web Nation · 12 Août 2016

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; 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;
}

Résolu Bouton ' Envoyer ' Taigachat Xenforo

World Web Nation

Membre

1899

World Web Nation

Membre

Escoo

World Web Nation

Membre

Escoo

Escoo

World Web Nation

Membre

Escoo

1899

Rivals

World Web Nation

Membre

Escoo

1899

World Web Nation

Membre

WasabII

Zero.

World Web Nation

Membre

Zero.

World Web Nation

Membre