Editor de Texto

Editor de TextoDom 10 Jul - 7:42

Bom, meu editor ta normal quero saber se tem como deixar ele mais bonito eu vi alguns em fóruns, porem quero mudar algo não deixar igual a outros etc.. essas coisas.

Bom quero editor assim: Editor de Texto PjNkGZC

Porem não igual já pedi ao cepheus o mesmo não pode passar.

Fórum em que vi: http://invitesexpress.omeuforum.net/

Editor não precisa ser igual se for possível mudar algumas coisas.

Re: Editor de TextoDom 10 Jul - 14:27

Bom dia,
Isto é um editor muito modernizado que é chamado de CKeditor, porém a maioria do fóruns não usam, porquê é cheio de erros, por exemplo se você postar uma mensagem com vários acentos, pode se bugar e terá vários tag HTML da sua mensagem. Sugiro que você não use-a, eu uso meu editor próprio que vem da base de Forumeiros, olha um print abaixo:
Editor de Texto 4f3ded7efc7f441887126bf5435dd984

Editor de Texto 4f3ded7efc7f441887126bf5435dd984

Agora, se você for uma especialista em códigos, pode consertar esses erros que vem de CKeditor, para saber instalar veja no site oficial:
www.ckeditor.com

Um grande carinho e beijo,
Kauan

Re: Editor de TextoSex 22 Jul - 14:27

Poderia ensinar-me como instalar um ckeditor em meu fórum se for possível obrigado pela atenção.

Re: Editor de TextoSex 22 Jul - 16:33

Boa tarde Sn0w

Experimente ver estes tutoriais:

https://suportedesign.forumeiros.com/t1272-tutorial-avatar-do-usuario-ao-lado-da-caixa-de-resposta-rapida

https://suportedesign.forumeiros.com/t896-tutorial-resposta-rapida-personalizada

Até Mais hello2

Re: Editor de TextoSex 22 Jul - 16:51

Sem resultado @Apollo

Re: Editor de TextoSex 22 Jul - 17:03

Olá

Adicione em seu 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;
}

Resulta ?

Até mais

Re: Editor de TextoSex 22 Jul - 18:38

Fico igual do IPS. tem como deixar o meu normal porem dar uma editada na base dele pra mim? slá..

Re: Editor de TextoSex 22 Jul - 20:14

Sn0w escreveu:

Fico igual do IPS. tem como deixar o meu normal porem dar uma editada na base dele pra mim? slá..

Não sei ao certo, nem se posso comentar aqui, mas, eu creio que, eles não podem modificar seu fórum para você, e que você deveria fazer você mesmo as modificações em seu fórum...

Re: Editor de TextoSáb 23 Jul - 3:45

JonasB. escreveu:

Sn0w escreveu:

Fico igual do IPS. tem como deixar o meu normal porem dar uma editada na base dele pra mim? slá..

Não sei ao certo, nem se posso comentar aqui, mas, eu creio que, eles não podem modificar seu fórum para você, e que você deveria fazer você mesmo as modificações em seu fórum...

Isso eu sei.. queria um código para personalizar a caixa de texto.
Esse tutorial postado por você https://suportedesign.forumeiros.com/t896- eu fiz ele porem não resultou em nada. Crying or Very sad

Re: Editor de TextoSeg 25 Jul - 12:56

#up

Re: Editor de TextoQua 27 Jul - 11:50

#UP

Re: Editor de TextoQui 28 Jul - 2:24

Olá

Seja mais descritivo, o que realmente deseja personalizar ? Icones no BBcode ou o que ?

Até Mais.

O Suporte Design dispõe de várias áreas de interesse do usuário, para que o mesmo possa desfrutar do nosso trabalho. Somos também, especialistas naquilo que fazemos, para auxiliar ao utilizador exatamente o que precisa.

Editor de Texto

descriptionEditor de TextoDom 10 Jul - 7:42

descriptionRe: Editor de TextoDom 10 Jul - 14:27

descriptionRe: Editor de TextoSex 22 Jul - 14:27

descriptionRe: Editor de TextoSex 22 Jul - 16:33

descriptionRe: Editor de TextoSex 22 Jul - 16:51

descriptionRe: Editor de TextoSex 22 Jul - 17:03

descriptionRe: Editor de TextoSex 22 Jul - 18:38

descriptionRe: Editor de TextoSex 22 Jul - 20:14

descriptionRe: Editor de TextoSáb 23 Jul - 3:45

descriptionRe: Editor de TextoSeg 25 Jul - 12:56

descriptionRe: Editor de TextoQua 27 Jul - 11:50

descriptionRe: Editor de TextoQui 28 Jul - 2:24

descriptionRe: Editor de Texto