Personalizar caixa de resposta

Detalhes da questão

Endereço do fórum: baraowarface.livreforum.com
Versão do fórum: PunBB

Descrição

Gostaria de personalizar o menu do MEU forum Parecido com o fdf queria que ficasse tanto nas respostas rápidas tanto na criação de novos tópicos

Boa tarde.

Adicione esse código a sua Folha de Estilo CSS:

Código:

.sceditor-button-emoticon div {        background: url(http://2img.net/i/fa/i/smiles/icon_smile.gif)!important;        background-repeat: no-repeat!important    }    .sceditor-button-dailymotion div {        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dailymotion.png)!important    }    .sceditor-button-flash div {        background: url(http://2img.net/i/fa/wysiwyg/page_white_flash.png)!important    }    .sceditor-button-servimg div {        background: url(http://2img.net/i/fa/wysiwyg/picture_save.png)!important    }    .sceditor-button-faspoiler div {        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/faspoiler.png)!important    }    .sceditor-button-fahide div {        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/fahide.png)!important    }    .sceditor-button-fascroll div {        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/scroll.png)!important    }    .sceditor-button-faupdown div {        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/updown.png)!important    }    .sceditor-button-fawow div {        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/wow.png)!important    }    .sceditor-button-farand div {        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/rand.png)!important    }    .sceditor-button-faroll div {        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/roll.png)!important    }    .sceditor-button-more div {        background: url(http://2img.net/i/rs3/85/frm/SCEditor/src/themes/icons/src/famfamfam/dotdotdot.png)!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;        width: 77px    }    .sceditor-button.sceditor-button-font > div {        display: none!important    }    .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;        width: 57px    }    .sceditor-button.sceditor-button-size > div {        display: none!important    }    .sceditor-button.sceditor-button-color {        margin-left: 5px!important;        margin-right: 5px!important    }    #text_editor_controls {        display: !important    }    .sceditor-container.ltr {        background-color: #E4EBF2!important;        border: 2px solid #D5DDE5!important;        border-radius: 0!important;        height: 200px;        padding: 0 5px 21px 3px;        width: auto!important    }    .sceditor-container iframe,.sceditor-container textarea {        background: none repeat scroll 0 0 #FFF!important;        border-color: #BBB #DDD #DDD #BBB !important;        border-style: solid!important;        border-width: 1px!important;        height: 200px!important;        margin: 0!important;        width: 100%!important    }    #text_editor_textarea,#textarea_content iframe#text_editor_iframe {        height: 200px!important;        width: 100%!important    }    div.sceditor-group {        background: none repeat scroll 0 0 rgba(0,0,0,0)!important;        border-bottom: medium none!important;        margin: 1px 5px 1px 0;        padding: 1px    }    div.sceditor-toolbar {        background: none repeat scroll 0 0 padding-box #E4EBF2!important;        border-bottom-width: 0!important;        padding: 3px 5px 2px!important    }    #smiley-box iframe {        height: 230px    }    #smilies_categ {        padding: 0    }    #smiley-box {        border: 1px solid #DDD;        display: none!important;        margin: 5px 0!important;        padding: 5px    }    #textarea_content dt {        display: none    }    #textarea_content {        width: 98%!important    }.sceditor-button:hover {    background: #D5DDE5!important;    box-shadow: none!important;}.sceditor-button:active,.sceditor-button .active{background-color: #F0F0F0!important;border: 1px solid #BBB!important;opacity: 1!important;padding: 2px 4px!important;}.sceditor-button .active:focus{background-color: #86CAFF !important;}

Atenciosamente,
Fatalisss

Saudações,
No caso de Fatalisss não funcionar-o, tente este código:

Código:

.sceditor-container, .sceditor-container div, div.sceditor-dropdown, div.sceditor-dropdown div {
    margin: 0;
    padding: 0;
    z-index: 3;
}
.sceditor-toolbar {
    background-color: #f7f7f7!important;
}
.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;
    width: 50%;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#quick_reply .sceditor-container.ltr.sourceMode {
    min-height: 220px!important;
}
.sceditor-container, .sceditor-container div, div.sceditor-dropdown, div.sceditor-dropdown div {
    margin: 0;
    padding: 0;
    z-index: 3;
}
.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 {
    background-color: #fff!important;
}


[
Até mais,
Mshas

Olá,

Consegui um código mais compacto. Veja se está ao seu agrado:

Código:

div.sceditor-toolbar {
    background: #f7f7f7;
    background-clip: padding-box;
    border-bottom: 1px solid silver;
    border-radius: 3px 3px 0 0;
    padding: 3px 5px 2px;
}
.sceditor-button div {
    color: transparent;
    margin: 2px 0;
    padding: 0;
}

Até mais.
Fraise

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'