Demons Design

Bem vindo ao Demons Design,

Faça o seu melhor para ajudar os membros e mostrar seu potencial,
Pois poderá ser um futuro designer ou membro da equipe
Caso não tenha se registrado ainda,
Clique no botão "Registrar-se" e ajude aos nossos players!


    Administradores, leiam.

    avatar
    duuuwh
    Membro
    Membro

    Mensagens : 37
    Rate : Sem Rate
    Agradecimentos : 0
    Data de inscrição : 11/07/2011

    Administradores, leiam. Empty Administradores, leiam.

    Mensagem por duuuwh em Sex Ago 19, 2011 6:38 pm

    Olá administradores do fórum demonsdesign.

    Que tal da uma melhorada na aba de respostas? Wink

    veja como personalizar e veja como vai ficar :

    Spoiler:
    [Você precisa estar registrado e conectado para ver esta imagem.] Efeito Jquery

    Ás
    vezes queremos modificar as imagens dos botões bbcodes presentes no
    fórum e não conseguimos por meio de css, agora por meio de jquery
    conseguimos a solução, veja como editar tais ícones bbcode nas caixas de
    resposta.


    --> Tutoriais, dicas e Astúcia <--
    Alterar ícone dos botões BBCode





    1º - Criar uma página HTML para sustentar o código:
    Para
    que possamos adicionar o código, teremos de criar uma página HTML, que
    será onde o script ficará. Para isso é necessário aceder à:
    Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

    (carregue na imagem para aumentar)
    [Você precisa estar registrado e conectado para ver esta imagem.]

    [Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver esta imagem.] Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
    [Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver esta imagem.] Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.
    [Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver esta imagem.] Usar esta página como página inicial? - esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
    [Você precisa estar registrado e conectado para ver esta imagem.][Você precisa estar registrado e conectado para ver esta imagem.] Código HTML - Coloque aqui o código que trabalhamos no item anterior.
    Após
    criada a página, deverá salvar e carregar novamente em "Gestão das
    páginas HTML", onde iremos recuperar o endereço da página criada, para
    usarmos no próximo ponto.

    (carregue na imagem para aumentar)
    [Você precisa estar registrado e conectado para ver esta imagem.]


    Terá
    de encontrar a página HTML que criou e copiar o endereço da mesma. Em
    vermelho na imagem abaixo está o que deve copiar da página que criou!
    Por padrão esta será a primeira da lista (isso se for a última a ser
    criada e se não alterou a ordem de exibição).

    (carregue na imagem para aumentar)
    [Você precisa estar registrado e conectado para ver esta imagem.]




    2º - Inserir o código para reproduzir o texto no fórum definido:
    Devemos
    colocá-lo em um campo que seja mostrado no fórum definido, como somente
    há um campo que se encaixe neste requisito, a descrição do seu fórum
    será comprometida com este código.

    Para adicionar o código aceda a:
    Painel de Controle -> Geral -> Fórum -> Configurações

    Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.

    (carregue na imagem para aumentar)
    [Você precisa estar registrado e conectado para ver esta imagem.]


    O código será:
    ENDERECO-DA-PAGINA-HTML">
    Por exemplo, no FdF:




    3º - Código à utilizar:
    Código: --------------------------------------------------------------------------------------------Selecionar conteúdo jQuery(document).ready(function() {
    jQuery('button img').each(function() {
    if(jQuery(this).attr('src') == 'Imagem-Texto-Negrito') jQuery(this).attr('src', 'Imagem-Texto-negrito');

    if(jQuery(this).attr('src') == 'Imagem-Texto-Italico') jQuery(this).attr('src', 'Imagem-Texto-Italico');

    if(jQuery(this).attr('src') == 'Imagem-Texto-sublinhado') jQuery(this).attr('src', 'Imagem-Texto-sublinhado');

    if(jQuery(this).attr('src') == 'Imagem-Texto-riscado') jQuery(this).attr('src', 'Imagem-Texto-riscado');

    if(jQuery(this).attr('src') == 'Imagem-Texto-no-centro') jQuery(this).attr('src', 'Imagem-Texto-no-centro');

    if(jQuery(this).attr('src') == 'Imagem-Texto-na-esquerda') jQuery(this).attr('src', 'Imagem-Texto-na-esquerda');

    if(jQuery(this).attr('src') == 'Imagem-Texto-na-direita') jQuery(this).attr('src', 'Imagem-Texto-na-direita');


    if(jQuery(this).attr('src') ==
    'Imagem-Adicionar-novo-código-no-post') jQuery(this).attr('src',
    'Imagem-Adicionar-novo-código-no-post');


    if(jQuery(this).attr('src') == 'Imagem-adicionar-um-novo-emoticon')
    jQuery(this).attr('src', 'Imagem-adicionar-um-novo-emoticon');

    if(jQuery(this).attr('src') == 'Imagem-Seleção-de-cor') jQuery(this).attr('src', 'Imagem-Seleção-de-cor');

    if(jQuery(this).attr('src') == 'Imagem-Ajuda') jQuery(this).attr('src', 'Imagem-Ajuda');


    if(jQuery(this).attr('src') ==
    'Imagem-Adicionar-um-novo-link-no-post') jQuery(this).attr('src',
    'Imagem-Adicionar-um-novo-link-no-post');

    if(jQuery(this).attr('src') == 'Imagem-Adicionar-novo-vídeo') jQuery(this).attr('src', 'Imagem-Adicionar-novo-vídeo');


    if(jQuery(this).attr('src') == 'Imagem-Texto-em-lista-de-números')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/ordere10.png');


    if(jQuery(this).attr('src') == 'Imagem-adicionar-imagem-no-post')
    jQuery(this).attr('src', 'Imagem-adicionar-imagem-no-post');

    if(jQuery(this).attr('src') == 'Imagem-Adicionar-quote') jQuery(this).attr('src', 'Imagem-Adicionar-quote');

    if(jQuery(this).attr('src') == 'Imagem-Editor-Wysiwyg') jQuery(this).attr('src', 'Imagem-Editor-Wysiwyg');

    if(jQuery(this).attr('src') == 'Imagem-Texto-em-lista') jQuery(this).attr('src', 'Imagem-Texto-em-lista');


    if(jQuery(this).attr('src') == 'Imagem-Texto-Justificado')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/align_13.png');

    if(jQuery(this).attr('src') == 'Imagem-Texto-na-Horizontal') jQuery(this).attr('src', 'Imagem-Texto-na-Horizontal');

    if(jQuery(this).attr('src') == 'Imagem-Inserir-Nova-Tabela') jQuery(this).attr('src', 'Imagem-Inserir-Nova-Tabela');

    if(jQuery(this).attr('src') == 'Imagem-enviar-nova-imagem') jQuery(this).attr('src', 'Imagem-enviar-nova-imagem');


    if(jQuery(this).attr('src') == 'Imagem-Adicionar-arquivo-flash')
    jQuery(this).attr('src', 'Imagem-Adicionar-arquivo-flash');

    if(jQuery(this).attr('src') == 'Imagem-Tamanho-da-fonte') jQuery(this).attr('src', 'Imagem-Tamanho-da-fonte');

    if(jQuery(this).attr('src') == 'Imagem-Selecionar-Fonte') jQuery(this).attr('src', 'Imagem-Selecionar-Fonte');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/separator.png') jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/separa10.png');
    });
    })

    Nos
    locais aonde estão 'Imagem-Selecionar-fonte' ou algo do tipo,
    imagem-... terá de modificar este texto pelo link da imagem
    representativa de cada um dos botões.



    Veja um exemplo de código:
    Código: --------------------------------------------------------------------------------------------Selecionar conteúdo jQuery(document).ready(function() {
    jQuery('button img').each(function() {

    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/text_bold.png') jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/bold10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/text_italic.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/italic10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/text_underline.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/underl10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/text_strikethrough.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/strike10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/text_align_center.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/align_10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/text_align_left.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/align_11.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/text_align_right.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/align_12.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/page_white_code.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/code10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/i/smiles/icon_smile.gif')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/emotic10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/color_swatch.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/font_c11.png');


    if(jQuery(this).attr('src') == 'https://illiweb.com/fa/wysiwyg/help.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/help10.png');


    if(jQuery(this).attr('src') == 'https://illiweb.com/fa/wysiwyg/link.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/link10.png');


    if(jQuery(this).attr('src') == 'https://illiweb.com/fa/wysiwyg/film.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/media10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/text_list_numbers.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/ordere10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/picture.png') jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/pictur10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/comments.png') jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/quote10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/i/switch_wysiwyg.gif') jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/remove12.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/text_list_bullets.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/unorde10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/text_align_justify.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/align_13.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/text_horizontalrule.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/text_h10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/table.png') jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/table10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/picture_save.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/pictur11.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/page_white_flash.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/page_w10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/style.png') jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/size10.png');


    if(jQuery(this).attr('src') == 'https://illiweb.com/fa/wysiwyg/font.png')
    jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/fon10.png');


    if(jQuery(this).attr('src') ==
    'https://illiweb.com/fa/wysiwyg/separator.png') jQuery(this).attr('src',
    'https://i.servimg.com/u/f26/12/56/56/12/separa10.png');
    });
    })


    Expandir esta imagem
    [Você precisa estar registrado e conectado para ver esta imagem.]


    Até mais! Wink
    Snoop
    Snoop
    Admin
    Admin

    Mensagens : 8963
    Rate : Sem Rate
    Agradecimentos : 263
    Data de inscrição : 10/01/2010
    Idade : 23
    Localização : Rio De Janeiro

    Administradores, leiam. Empty Re: Administradores, leiam.

    Mensagem por Snoop em Sab Ago 20, 2011 1:06 pm

    Cara, ficou bem legal o resultado, mas a mudança é bem pequena..
    Então acho melhor deixar como está mesmo, a não ser que os outros prefiram.



    deviantART
    "Simplicity is the Ultimate Sophistication"
    Lucasgplq
    Lucasgplq
    Membro Advanced Medium
    Membro Advanced Medium

    Mensagens : 592
    Rate : Sem Rate
    Agradecimentos : 211
    Data de inscrição : 23/07/2011
    Idade : 20
    Localização : Na frente do PC

    Administradores, leiam. Empty Re: Administradores, leiam.

    Mensagem por Lucasgplq em Sab Ago 20, 2011 1:09 pm

    A mudança é pequena mesmo mas tudo ta valendo pra dexa o fórum melhor ^^, eu apoio, o resultado fico legal mesmo.
    Switch
    Switch
    Programador
    Programador

    Mensagens : 730
    Rate : Sem Rate
    Agradecimentos : 40
    Data de inscrição : 09/09/2010
    Idade : 23
    Localização : aqui => http://circledesign.com.br/

    Administradores, leiam. Empty Re: Administradores, leiam.

    Mensagem por Switch em Sab Ago 20, 2011 2:26 pm

    Coloca Snoop, mesmo que seja pouca coisa que vai mudar, pelo menos vai sai desse padrão da forumeiros Very Happy




    Gift do Magic vlw mano [Você precisa estar registrado e conectado para ver esta imagem.]
    [Você precisa estar registrado e conectado para ver esta imagem.]
    Fan Bars
    Spoiler:
    [Você precisa estar registrado e conectado para ver esta imagem.]
    [Você precisa estar registrado e conectado para ver esta imagem.]


    Snoop
    Snoop
    Admin
    Admin

    Mensagens : 8963
    Rate : Sem Rate
    Agradecimentos : 263
    Data de inscrição : 10/01/2010
    Idade : 23
    Localização : Rio De Janeiro

    Administradores, leiam. Empty Re: Administradores, leiam.

    Mensagem por Snoop em Sab Ago 20, 2011 2:43 pm

    Fmz, vou colocar sim, mas agora só mais tarde, por que vou sair pra treinar agora.. Só vou poder entrar de noite ou amanhã ^^



    deviantART
    "Simplicity is the Ultimate Sophistication"
    avatar
    duuuwh
    Membro
    Membro

    Mensagens : 37
    Rate : Sem Rate
    Agradecimentos : 0
    Data de inscrição : 11/07/2011

    Administradores, leiam. Empty Re: Administradores, leiam.

    Mensagem por duuuwh em Sab Ago 20, 2011 6:11 pm

    ainda bem que gostaram ^^
    .Bruno
    .Bruno
    Membro Advanced
    Membro Advanced

    Mensagens : 171
    Rate : Sem Rate
    Agradecimentos : 1
    Data de inscrição : 11/04/2011
    Idade : 22
    Localização : Sumaré-SP

    Administradores, leiam. Empty Re: Administradores, leiam.

    Mensagem por .Bruno em Sab Ago 20, 2011 6:23 pm

    [i]éé Fiko Legal !
    Aeew SnOoP Coloca Mesmo !
    Vai Fika Legal .
    Snoop
    Snoop
    Admin
    Admin

    Mensagens : 8963
    Rate : Sem Rate
    Agradecimentos : 263
    Data de inscrição : 10/01/2010
    Idade : 23
    Localização : Rio De Janeiro

    Administradores, leiam. Empty Re: Administradores, leiam.

    Mensagem por Snoop em Ter Ago 23, 2011 5:19 am

    Switch já adicionou, obrigado pela sugestão!



    deviantART
    "Simplicity is the Ultimate Sophistication"

    Conteúdo patrocinado

    Administradores, leiam. Empty Re: Administradores, leiam.

    Mensagem por Conteúdo patrocinado


      Data/hora atual: Qui Ago 22, 2019 1:07 pm