Botão na resposta rapida

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Botão na resposta rapida

Mensagem por 'Ripper em 25/04/14, 05:17 pm

  • Descrição:
http://i.imgur.com/kUbIQ5B.png

queria por esses botos de tamanho e fonte no meu forum

  • Informações:
Fórum:http://demoncheats.maisforum.com/Versão:PUNBB
Tipo:Erros diversosTags:Botão,resposta,rapida



Última edição por DEMORUTO666 em 27/04/14, 06:58 pm, editado 1 vez(es)
avatar

'Ripper
Usuário avançado

Masculino
Inscrito dia : 22/02/2014
Mensagens : 353
Pontos Ativos : 517

Ver perfil do usuário http://webgamescommunity.forumeiros.com/

Resolvido Re: Botão na resposta rapida

Mensagem por ShiroK em 25/04/14, 05:39 pm

Olá,

Você gostaria de toda área de resposta rápida igual ao do FdF? Não entendi muito bem, mas, adicione o código abaixo a sua folha de estilo ''CSS'';

Código:
.sceditor-button div,div.sceditor-grip{
   background-image:url(famfamfam.png);
   background-repeat:no-repeat;
   height:16px;
   width:16px
}

.sceditor-button-youtube div{
   background-position:0 0
}

.sceditor-button-link div{
   background-position:0 -16px
}

.sceditor-button-unlink div{
   background-position:0 -32px
}

.sceditor-button-underline div{
   background-position:0 -48px
}

.sceditor-button-time div{
   background-position:0 -64px
}

.sceditor-button-table div{
   background-position:0 -80px
}

.sceditor-button-superscript div{
   background-position:0 -96px
}

.sceditor-button-subscript div{
   background-position:0 -112px
}

.sceditor-button-strike div{
   background-position:0 -128px
}

.sceditor-button-source div{
   background-position:0 -144px
}

.sceditor-button-size div{
   background-position:0 -160px
}

.sceditor-button-rtl div{
   background-position:0 -176px
}

.sceditor-button-right div{
   background-position:0 -192px
}

.sceditor-button-removeformat div{
   background-position:0 -208px
}

.sceditor-button-quote div{
   background-position:0 -224px
}

.sceditor-button-print div{
   background-position:0 -240px
}

.sceditor-button-pastetext div{
   background-position:0 -256px
}

.sceditor-button-paste div{
   background-position:0 -272px
}

.sceditor-button-orderedlist div{
   background-position:0 -288px
}

.sceditor-button-maximize div{
   background-position:0 -304px
}

.sceditor-button-ltr div{
   background-position:0 -320px
}

.sceditor-button-left div{
   background-position:0 -336px
}

.sceditor-button-justify div{
   background-position:0 -352px
}

.sceditor-button-italic div{
   background-position:0 -368px
}

.sceditor-button-image div{
   background-position:0 -384px
}

.sceditor-button-horizontalrule div{
   background-position:0 -400px
}

.sceditor-button-format div{
   background-position:0 -416px
}

.sceditor-button-font div{
   background-position:0 -432px
}

.sceditor-button-emoticon div{
   background-position:0 -448px
}

.sceditor-button-email div{
   background-position:0 -464px
}

.sceditor-button-date div{
   background-position:0 -480px
}

.sceditor-button-cut div{
   background-position:0 -496px
}

.sceditor-button-copy div{
   background-position:0 -512px
}

.sceditor-button-color div{
   background-position:0 -528px
}

.sceditor-button-code div{
   background-position:0 -544px
}

.sceditor-button-center div{
   background-position:0 -560px
}

.sceditor-button-bulletlist div{
   background-position:0 -576px
}

.sceditor-button-bold div{
   background-position:0 -592px
}

div.sceditor-grip{
   background-position:0 -608px;
   bottom:0;
   cursor:se-resize;
   cursor:se-resize;
   height:10px;
   overflow:hidden;
   position:absolute;
   right:0;
   width:10px;
   z-index:3
}

.rtl div.sceditor-grip{
   background-position:0 -618px;
   height:10px;
   left:0;
   right:auto;
   width:10px
}

.sceditor-container{
   -moz-background-clip:padding;
   -moz-border-radius:4px;
   -webkit-background-clip:padding-box;
   -webkit-border-radius:4px;
   background:#fff;
   background-clip:padding-box;
   border:1px solid #d9d9d9;
   border-radius:4px;
   color:#222;
   font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
   font-size:13px;
   font-weight:700;
   line-height:1;
   position:relative
}

.sceditor-container,.sceditor-container div,div.sceditor-dropdown,div.sceditor-dropdown div{
   margin:0;
   padding:0;
   z-index:3
}

.sceditor-container iframe,.sceditor-container textarea{
   background:#fff;
   border:0;
   color:#111;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:13px;
   margin:5px;
   outline:0;
   padding:0;
   resize:none
}

div.sceditor-resize-cover{
   background:#000;
   height:100%;
   left:0;
   opacity:.3;
   position:absolute;
   top:0;
   width:100%;
   z-index:10
}

.ie6 div.sceditor-resize-cover,.ie7 div.sceditor-resize-cover,.ie8 div.sceditor-resize-cover{
   background:#efefef
}

.sceditor-container.ie6{
   overflow:hidden
}

.sceditor-maximize{
   -moz-background-clip:padding;
   -moz-border-radius:0;
   -webkit-background-clip:padding-box;
   -webkit-border-radius:0;
   background-clip:padding-box;
   border-radius:0;
   height:100%!important;
   left:0;
   position:fixed;
   top:0;
   width:100%!important;
   z-index:2000
}

body.sceditor-maximize,html.sceditor-maximize{
   height:100%;
   margin:0;
   overflow:hidden;
   padding:0;
   width:100%
}

.ie6.sceditor-maximize{
   position:absolute
}

.sceditor-maximize div.sceditor-grip{
   display:none
}

.sceditor-maximize div.sceditor-toolbar{
   -moz-background-clip:padding;
   -moz-border-radius:0;
   -webkit-background-clip:padding-box;
   -webkit-border-radius:0;
   background-clip:padding-box;
   border-radius:0
}

div.sceditor-dropdown{
   -moz-background-clip:padding;
   -moz-border-radius:2px;
   -moz-box-shadow:1px 2px 4px rgba(0,0,0,0.2);
   -webkit-background-clip:padding-box;
   -webkit-border-radius:2px;
   -webkit-box-shadow:1px 2px 4px rgba(0,0,0,0.2);
   background:#fff;
   background-clip:padding-box;
   border:1px solid #ccc;
   border-radius:2px;
   box-shadow:1px 2px 4px rgba(0,0,0,0.2);
   color:#333;
   line-height:1;
   padding:10px;
   position:absolute;
   z-index:4000
}

div.sceditor-dropdown a,div.sceditor-dropdown a:link{
   color:#333
}

div.sceditor-dropdown form{
   margin:0
}

div.sceditor-dropdown label{
   color:#3c3c3c;
   display:block;
   font-weight:700;
   padding:4px 0
}

div.sceditor-dropdown input,div.sceditor-dropdown textarea{
   -moz-background-clip:padding;
   -moz-border-radius:1px;
   -webkit-background-clip:padding-box;
   -webkit-border-radius:1px;
   background-clip:padding-box;
   border:1px solid #ccc;
   border-radius:1px;
   border-top-color:#888;
   font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
   margin:0 0 .75em;
   outline:0;
   padding:4px
}

div.sceditor-dropdown textarea{
   padding:6px
}

div.sceditor-dropdown input:focus,div.sceditor-dropdown textarea:focus{
   -moz-box-shadow:inset 0 1px 5px rgba(0,0,0,0.1);
   -webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.1);
   border-color:#666 #aaa #aaa;
   box-shadow:inset 0 1px 5px rgba(0,0,0,0.1)
}

div.sceditor-dropdown .button{
   -moz-background-clip:padding;
   -moz-border-radius:2px;
   -webkit-background-clip:padding-box;
   -webkit-border-radius:2px;
   background:#ececec;
   background-clip:padding-box;
   border:solid 1px #ccc;
   border-radius:2px;
   color:#444;
   cursor:pointer;
   cursor:pointer;
   font-weight:700;
   margin:.3em 0 0;
   padding:6px 12px
}

div.sceditor-dropdown .button:hover{
   -moz-box-shadow:0 1px 1px rgba(0,0,0,0.15);
   -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15);
   background:#f3f3f3;
   box-shadow:0 1px 1px rgba(0,0,0,0.15)
}

div.sceditor-font-picker,div.sceditor-fontsize-picker,div.sceditor-format{
   padding:6px 0
}

div.sceditor-color-picker,div.sceditor-emoticons,div.sceditor-more-emoticons{
   padding:0
}

.sceditor-pastetext textarea{
   border:1px solid #bbb;
   width:20em
}

.sceditor-emoticons img,.sceditor-more-emoticons img{
   cursor:pointer;
   cursor:pointer;
   margin:7px;
   padding:0
}

.sceditor-more{
   border-top:1px solid #bbb;
   cursor:pointer;
   cursor:pointer;
   display:block;
   font-weight:700;
   padding:6px 0;
   text-align:center
}

.sceditor-dropdown a:hover{
   background:#eee
}

.sceditor-font-option,.sceditor-fontsize-option,.sceditor-format a{
   color:#222;
   cursor:pointer;
   cursor:pointer;
   display:block;
   padding:7px 10px;
   text-decoration:none
}

.sceditor-fontsize-option{
   padding:7px 13px
}

.sceditor-color-column{
   float:left
}

.sceditor-color-option{
   border:1px solid #fff;
   display:block;
   height:10px;
   overflow:hidden;
   width:10px
}

.sceditor-color-option:hover{
   border:1px solid #333
}

div.sceditor-toolbar{
   -moz-background-clip:padding;
   -moz-border-radius:3px 3px 0 0;
   -moz-user-select:none;
   -ms-user-select:none;
   -webkit-background-clip:padding-box;
   -webkit-border-radius:3px 3px 0 0;
   -webkit-user-select:none;
   background:#f7f7f7;
   background-clip:padding-box;
   border-bottom:1px solid silver;
   border-radius:3px 3px 0 0;
   line-height:0;
   overflow:hidden;
   padding:3px 5px 2px;
   user-select:none
}

div.sceditor-group{
   -moz-background-clip:padding;
   -moz-border-radius:3px;
   -webkit-background-clip:padding-box;
   -webkit-border-radius:3px;
   background:#ddd;
   background-clip:padding-box;
   border-bottom:1px solid #aaa;
   border-radius:3px;
   display:inline-block;
   margin:1px 5px 1px 0;
   padding:1px
}

.ie6 div.sceditor-group,.ie7 div.sceditor-group{
   display:inline;
   zoom:1
}

.sceditor-button{
   -moz-background-clip:padding;
   -moz-border-radius:3px;
   -webkit-background-clip:padding-box;
   -webkit-border-radius:3px;
   background-clip:padding-box;
   border-radius:3px;
   cursor:pointer;
   cursor:pointer;
   float:left;
   height:20px;
   padding:3px 5px;
   text-indent:-9999px;
   width:16px
}

.ie .sceditor-button{
   text-indent:0
}

.ie6 .sceditor-button,.ie7 .sceditor-button{
   display:inline;
   float:none!important;
   zoom:1
}

.ie6 .sceditor-button{
   padding:0
}

.ie6 .sceditor-button div{
   margin:5px
}

.ie7 .sceditor-button div{
   margin:5px 0
}

.sceditor-button.active,.sceditor-button:active,.sceditor-button:hover{
   -moz-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3),inset -1px 0 rgba(0,0,0,0.3),inset 0 -1px 0 rgba(0,0,0,0.2);
   -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3),inset -1px 0 rgba(0,0,0,0.3),inset 0 -1px 0 rgba(0,0,0,0.2);
   background:#fff;
   box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3),inset -1px 0 rgba(0,0,0,0.3),inset 0 -1px 0 rgba(0,0,0,0.2)
}

.sceditor-button:active{
   -moz-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3),inset -1px 0 rgba(0,0,0,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.3);
   -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3),inset -1px 0 rgba(0,0,0,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.3);
   background:#fff;
   box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3),inset -1px 0 rgba(0,0,0,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),inset 0 0 8px rgba(0,0,0,0.3)
}

.sceditor-button.disabled:hover{
   -moz-box-shadow:none;
   -webkit-box-shadow:none;
   background:inherit;
   box-shadow:none;
   cursor:default;
   cursor:default
}

.sceditor-button,.sceditor-button div{
   display:block
}

.sceditor-button div{
   color:transparent;
   font-size:0;
   line-height:0;
   margin:2px 0;
   overflow:hidden;
   padding:0
}

.sceditor-button.disabled div{
   filter:alpha(opacity=30);
   opacity:.3
}

.sceditor-button.text,.sceditor-button.text div,.sceditor-button.text-icon,.sceditor-button.text-icon div,.text .sceditor-button,.text .sceditor-button div,.text-icon .sceditor-button,.text-icon .sceditor-button div{
   color:inherit;
   font-size:1em;
   line-height:16px;
   overflow:visible;
   text-indent:0;
   width:auto
}

.sceditor-button.text div,.text .sceditor-button div{
   background:0;
   padding:0 2px
}

.sceditor-button.text-icon div,.text-icon .sceditor-button div{
   padding:0 2px 0 20px
}

.rtl .sceditor-button{
   float:right
}

.hover{
   -moz-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3),inset -1px 0 rgba(0,0,0,0.3),inset 0 -1px 0 rgba(0,0,0,0.2);
   -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3),inset -1px 0 rgba(0,0,0,0.3),inset 0 -1px 0 rgba(0,0,0,0.2);
   background:#fff;
   box-shadow:inset 1px 1px 0 rgba(0,0,0,0.3),inset -1px 0 rgba(0,0,0,0.3),inset 0 -1px 0 rgba(0,0,0,0.2)
}

div.sceditor-emoticons div div{
   text-align:center
}

img.smiley{
   background-repeat:no-repeat;
   divsceditor-gripsceditor-buttondivbackground-image:url(famfamfam.png);
   height:15px;
   width:15px
}

E valide!

Atenciosamente,
ShiroK
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

Ver perfil do usuário http://narutoyopa.forumeiros.com

Resolvido Re: Botão na resposta rapida

Mensagem por 'Ripper em 25/04/14, 06:30 pm

esse codigo não fez nada

bem eu queria so esses botoes aqui > http://i.imgur.com/kUbIQ5B.png
porque no meu forum ta assim > http://i.imgur.com/MC2Qu56.png
avatar

'Ripper
Usuário avançado

Masculino
Inscrito dia : 22/02/2014
Mensagens : 353
Pontos Ativos : 517

Ver perfil do usuário http://webgamescommunity.forumeiros.com/

Resolvido Re: Botão na resposta rapida

Mensagem por Alex Habilidade em 27/04/14, 01:59 pm

Olá tudo bem?

Adicione em sua folha CSS:
Código:

.sceditor-button.sceditor-button-size{
background: url("http://i55.servimg.com/u/f55/18/17/62/92/size10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 18px;
    margin-top: 1px;
width: 57px; }
.sceditor-button.sceditor-button-size > div {
    display: none !important;
}
.sceditor-button.sceditor-button-font {
    background: url("http://i55.servimg.com/u/f55/18/17/62/92/fonte10.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 18px;
    margin-top: 1px;
    width: 77px;
}
.sceditor-button.sceditor-button-font > div {
    display: none !important;
}

Tenha um bom domingo!
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Botão na resposta rapida

Mensagem por 'Ripper em 27/04/14, 06:57 pm

eu estou bem melhor impossivel e você?

o codigo funcionou perfeitamente muito obrigado Alex xD

um bom domingo para você também
avatar

'Ripper
Usuário avançado

Masculino
Inscrito dia : 22/02/2014
Mensagens : 353
Pontos Ativos : 517

Ver perfil do usuário http://webgamescommunity.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum