Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Wiki
Pages
Dernière activité
Quoi de neuf
Nouveaux messages
Nouveaux articles
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Magasin
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Résolus
Bouton ' Envoyer ' Taigachat Xenforo
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="UAE" data-source="post: 6750610" data-attributes="member: 668476"><p>Alors pour le thème <strong>Tellurium </strong>de Brivium il suffit de créer une classe CSS et de l'utiliser sur le bouton envoyé de la shoutbox. Car par défault la class CSS des boutons basé sur Material Design cause ce petit bug au niveau des boutons de la TaigaChat Pro</p><p></p><p>Dans le template : <strong>dark_taigachat_controls</strong> cherche [fa]fa-search[/fa] :</p><p></p><p>[code]<input type='submit' id='taigachat_send' value='&gt;' class='button primary' />[/code]</p><p>Remplace [fa]fa-refresh[/fa] par :</p><p>[code]<input type='submit' id='taigachat_send' value='&gt;' class='btn btn-primary' />[/code]</p><p></p><p>Maintenant qu'on utilise plus la class [fa]fa-css3[/fa] CSS <strong>button primary</strong> mais la nouvelle class : <strong>btn btn-primary</strong> il faudera la definir.</p><p>Dans le template : <strong>stylium_extra_css.css</strong> ajoute :</p><p></p><p>[code]</p><p>.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:7px 9px;font-size:13px;line-height:1.846;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}</p><p>.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}</p><p>.btn:hover,.btn:focus,.btn.focus{color:#444444;text-decoration:none}</p><p>.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}</p><p>.btn.disabled,.btn[disabled],</p><p>fieldset[disabled] .btn{cursor:not-allowed;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}</p><p>a.btn.disabled,</p><p>fieldset[disabled] a.btn{pointer-events:none}</p><p>.btn-primary{color:#ffffff;background-color:#2196f3;border-color:transparent}</p><p>.btn-primary:focus,.btn-primary.focus{color:#ffffff;background-color:#0c7cd5;border-color:rgba(0,0,0,0)}</p><p>.btn-primary:hover{color:#ffffff;background-color:#0c7cd5;border-color:rgba(0,0,0,0)}</p><p>.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#ffffff;background-color:#0c7cd5;border-color:rgba(0,0,0,0)}</p><p>.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#ffffff;background-color:#0a68b4;border-color:rgba(0,0,0,0)}</p><p>.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}</p><p>.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#2196f3;border-color:transparent}.btn-primary .badge{color:#2196f3;background-color:#ffffff}</p><p></p><p>//== Buttons</p><p>//</p><p>//## For each of Bootstrap's buttons, define text, background and border color.</p><p></p><p>@btn-font-weight: normal;</p><p></p><p>@btn-default-color: #444;</p><p>@btn-default-bg: #fff;</p><p>@btn-default-border: transparent;</p><p></p><p>@btn-primary-color: #fff;</p><p>@btn-primary-bg: @brand-primary;</p><p>@btn-primary-border: transparent;</p><p></p><p>@btn-success-color: #fff;</p><p>@btn-success-bg: @brand-success;</p><p>@btn-success-border: transparent;</p><p></p><p>@btn-info-color: #fff;</p><p>@btn-info-bg: @brand-info;</p><p>@btn-info-border: transparent;</p><p></p><p>@btn-warning-color: #fff;</p><p>@btn-warning-bg: @brand-warning;</p><p>@btn-warning-border: transparent;</p><p></p><p>@btn-danger-color: #fff;</p><p>@btn-danger-bg: @brand-danger;</p><p>@btn-danger-border: transparent;</p><p></p><p>@btn-link-disabled-color: @gray-light;</p><p></p><p>// Allows for customizing button radius independently from global border radius</p><p>@btn-border-radius-base: @border-radius-base;</p><p>@btn-border-radius-large: @border-radius-large;</p><p>@btn-border-radius-small: @border-radius-small;</p><p></p><p></p><p>// Buttons ====================================================================</p><p></p><p>#btn(@class,@bg) {</p><p> .btn-@{class} {</p><p> background-size: 200%;</p><p> background-position: 50%;</p><p></p><p> &:focus {</p><p> background-color: @bg;</p><p> }</p><p></p><p> &:hover,</p><p> &:active:hover {</p><p> background-color: darken(@bg, 6%);</p><p> }</p><p></p><p> &:active {</p><p> background-color: darken(@bg, 12%);</p><p> #gradient > .radial(darken(@bg, 12%) 10%, @bg 11%);</p><p> background-size: 1000%;</p><p> .box-shadow(2px 2px 4px rgba(0,0,0,.4));</p><p> }</p><p> }</p><p>}</p><p></p><p>#btn(default,@btn-default-bg);</p><p>#btn(primary,@btn-primary-bg);</p><p>#btn(success,@btn-success-bg);</p><p>#btn(info,@btn-info-bg);</p><p>#btn(warning,@btn-warning-bg);</p><p>#btn(danger,@btn-danger-bg);</p><p>#btn(link,#fff);</p><p></p><p>.btn {</p><p> text-transform: uppercase;</p><p> border: none;</p><p> .box-shadow(1px 1px 4px rgba(0,0,0,.4));</p><p> .transition(all 0.4s);</p><p></p><p> &-link {</p><p> border-radius: @btn-border-radius-base;</p><p> .box-shadow(none);</p><p> color: @btn-default-color;</p><p></p><p> &:hover,</p><p> &:focus {</p><p> .box-shadow(none);</p><p> color: @btn-default-color;</p><p> text-decoration: none;</p><p> }</p><p> }</p><p></p><p> &-default {</p><p></p><p> &.disabled {</p><p> background-color: rgba(0, 0, 0, 0.1);</p><p> color: rgba(0, 0, 0, 0.4);</p><p> opacity: 1;</p><p> }</p><p> }</p><p>}</p><p></p><p>.btn-group {</p><p> .btn + .btn,</p><p> .btn + .btn-group,</p><p> .btn-group + .btn,</p><p> .btn-group + .btn-group {</p><p> margin-left: 0;</p><p> }</p><p></p><p> &-vertical {</p><p> > .btn + .btn,</p><p> > .btn + .btn-group,</p><p> > .btn-group + .btn,</p><p> > .btn-group + .btn-group {</p><p> margin-top: 0;</p><p> }</p><p> }</p><p>}[/code]</p></blockquote><p></p>
[QUOTE="UAE, post: 6750610, member: 668476"] Alors pour le thème [B]Tellurium [/B]de Brivium il suffit de créer une classe CSS et de l'utiliser sur le bouton envoyé de la shoutbox. Car par défault la class CSS des boutons basé sur Material Design cause ce petit bug au niveau des boutons de la TaigaChat Pro Dans le template : [B]dark_taigachat_controls[/B] cherche [fa]fa-search[/fa] : [code]<input type='submit' id='taigachat_send' value='>' class='button primary' />[/code] Remplace [fa]fa-refresh[/fa] par : [code]<input type='submit' id='taigachat_send' value='>' class='btn btn-primary' />[/code] Maintenant qu'on utilise plus la class [fa]fa-css3[/fa] CSS [B]button primary[/B] mais la nouvelle class : [B]btn btn-primary[/B] il faudera la definir. Dans le template : [B]stylium_extra_css.css[/B] ajoute : [code] .btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:7px 9px;font-size:13px;line-height:1.846;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .btn:hover,.btn:focus,.btn.focus{color:#444444;text-decoration:none} .btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn.disabled,.btn[disabled], fieldset[disabled] .btn{cursor:not-allowed;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none} a.btn.disabled, fieldset[disabled] a.btn{pointer-events:none} .btn-primary{color:#ffffff;background-color:#2196f3;border-color:transparent} .btn-primary:focus,.btn-primary.focus{color:#ffffff;background-color:#0c7cd5;border-color:rgba(0,0,0,0)} .btn-primary:hover{color:#ffffff;background-color:#0c7cd5;border-color:rgba(0,0,0,0)} .btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#ffffff;background-color:#0c7cd5;border-color:rgba(0,0,0,0)} .btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#ffffff;background-color:#0a68b4;border-color:rgba(0,0,0,0)} .btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none} .btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#2196f3;border-color:transparent}.btn-primary .badge{color:#2196f3;background-color:#ffffff} //== Buttons // //## For each of Bootstrap's buttons, define text, background and border color. @btn-font-weight: normal; @btn-default-color: #444; @btn-default-bg: #fff; @btn-default-border: transparent; @btn-primary-color: #fff; @btn-primary-bg: @brand-primary; @btn-primary-border: transparent; @btn-success-color: #fff; @btn-success-bg: @brand-success; @btn-success-border: transparent; @btn-info-color: #fff; @btn-info-bg: @brand-info; @btn-info-border: transparent; @btn-warning-color: #fff; @btn-warning-bg: @brand-warning; @btn-warning-border: transparent; @btn-danger-color: #fff; @btn-danger-bg: @brand-danger; @btn-danger-border: transparent; @btn-link-disabled-color: @gray-light; // Allows for customizing button radius independently from global border radius @btn-border-radius-base: @border-radius-base; @btn-border-radius-large: @border-radius-large; @btn-border-radius-small: @border-radius-small; // Buttons ==================================================================== #btn(@class,@bg) { .btn-@{class} { background-size: 200%; background-position: 50%; &:focus { background-color: @bg; } &:hover, &:active:hover { background-color: darken(@bg, 6%); } &:active { background-color: darken(@bg, 12%); #gradient > .radial(darken(@bg, 12%) 10%, @bg 11%); background-size: 1000%; .box-shadow(2px 2px 4px rgba(0,0,0,.4)); } } } #btn(default,@btn-default-bg); #btn(primary,@btn-primary-bg); #btn(success,@btn-success-bg); #btn(info,@btn-info-bg); #btn(warning,@btn-warning-bg); #btn(danger,@btn-danger-bg); #btn(link,#fff); .btn { text-transform: uppercase; border: none; .box-shadow(1px 1px 4px rgba(0,0,0,.4)); .transition(all 0.4s); &-link { border-radius: @btn-border-radius-base; .box-shadow(none); color: @btn-default-color; &:hover, &:focus { .box-shadow(none); color: @btn-default-color; text-decoration: none; } } &-default { &.disabled { background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); opacity: 1; } } } .btn-group { .btn + .btn, .btn + .btn-group, .btn-group + .btn, .btn-group + .btn-group { margin-left: 0; } &-vertical { > .btn + .btn, > .btn + .btn-group, > .btn-group + .btn, > .btn-group + .btn-group { margin-top: 0; } } }[/code] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Questions, aides et recherches
Résolus
Bouton ' Envoyer ' Taigachat Xenforo
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut