Duvida sobre icones (tópicos)

4 participantes

Ir para baixo

Tópico resolvido Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 27.10.17 1:05

Detalhes da questão


Endereço do fórum: http://aquariumbrasil.forumeiro.com
Versão do fórum: phpBB3

Descrição


Gostaria de saber se essas imagens neste local indicado no local sinalizado em vermelho são resultado de algum código se sim gostaria deste para fazer as devidadas edições e inserir no meu forum.

Duvida sobre icones (tópicos) SNJx3WV


Última edição por BrunoLemos em 06.11.17 12:10, editado 3 vez(es)
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por Luiz 27.10.17 1:10

Infelizmente não poderemos fazê-lo, dado que isso vai contra uma de nossas regras:
Nós não podemos reproduzir uma parte desse tipo. :/

---

Caso o senhor tenha um exemplo de design diferente poderemos prosseguir. Caso contrário, não.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 27.10.17 1:25

Eu quero no lugar dos balõezinhos minha logomarca com o fundo branco

Duvida sobre icones (tópicos) 1-21

para outros tipos de mensagem gostaria de colocar outras cores no fundo
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 28.10.17 5:01

up

Eu gostaria dos seguintes icones:

Fechado com fundo escuro
Duvida sobre icones (tópicos) Cadead10

Importante com fundo amarelo
Duvida sobre icones (tópicos) Import10

Anúncios com fundo azul
Duvida sobre icones (tópicos) Info10

Excluidos com fundo vermelho
Duvida sobre icones (tópicos) Lixeir10
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por Luiz 28.10.17 13:35

Bom dia,

Como disse anteriormente, o senhor terá que usar um estilo diferente, mas não só mudar os ícones e cores.

Espero sua compreensão. o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 28.10.17 14:08

Caro Luiz, eu não entendo o que vc quer dizer quando fala que preciso usar um estilo diferente, eu tenho em meu fórum algumas coisas semelhantes porém não iguais ao do FDF e ate hoje sempre que perguntei com fazer um detalhe ou outro tive ajudas fantásticas que resultaram em pequenos ajustes de desing, e códigos que são coisas que não entendo muito bem onde me resumo a editar os códigos que recebo aqui com o intuito de chegar aonde eu quero no meu fórum, esse detalhe que eu queria nos meus ícones do fórum não entendi o porque de eu não poder colocar no meu fórum, sei que vc falou sobre ser contra alguma regra do FDF e depois disse que eu tenho que mudar o estilo se o Sr puder me dar uma sugestão de estilo eu ficaria muito grato pois no meu entendimento ainda não descobri do que se trata, Envergonhado
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 30.10.17 12:29

UP
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por Luiz 30.10.17 15:00

O senhor precisa de uma ideia para que possamos fazê-lo.
Mas tenha ciência do que coloquei acima.

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 30.10.17 16:44

Bem a imagem fala por se só eu quero que cada "status" tenha a cor de fundo na área do icone diferente do restante pois quero destacar o icone conforme os icones de resolvido em curso e etc

Duvida sobre icones (tópicos) Sem_ty13
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por Kyo Panda 31.10.17 13:03

Adicione ao seu CSS:

Código:
.topiclist.topics > li > dl {
    position: relative;
}

.topiclist.topics > li::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40px;
}

.topiclist.topics > li[style$="rgb(208, 226, 186);"]::before {
    background-color: #00a859;
}

.topiclist.topics > li[style$="rgba(255, 242, 18, 0.3);"]::before {
    background-color: #fff212;
}

Eu coloquei apenas para os ícones de resolvido e aviso. Para as demais cores, precisaria que nos fornecesse um link para as páginas que contém tópicos listados nas cores desejadas.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 31.10.17 13:27

Kyo Panda permaneceu igual, conseguindo fazer esses dois o restante eu consigo desenvolver.

Meu codigo css completo ficou assim:

Código:
legend {
height: 20px;
padding: 9px 0px 0px 0px;
font-size: 1.6em;
font-weight: bold;
color: #00a5cd;
line-height: 100%;
display: block;
}

.ipsUserPhoto {
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
margin-right: 8px;
}
.ipsUserPhoto:hover {
border-color: #7d7d7d;
}
.ipsUserPhoto img {
width: 50px;
height: 50px;
}

span#melhor-resp-icon {
background: url(http://i57.servimg.com/u/f57/16/63/75/54/ok10.png) no-repeat;
padding: 16px 15px;
position: absolute;
margin-top: -1.8%;
right: 24%;
}

#cont-d {
margin-top: 10px;
margin: 15px 0px 0px 15px;
padding: 10px 15px 10px 10px !important;
border: 1px solid #cdcdcd;
font-size: 0.9em;
position: relative;
background: #f7f7f7 url(http://2img.net/i/bl/spirale.png) no-repeat;
}

div#postContent {
background-color: #E5F1F9;
padding: 10px 10px 10px 5px;
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid rgb(195, 224, 241);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 4px;
box-shadow: 2px 2px 1px;
margin: 3px 1px;
padding-bottom: 8px;
padding-top: 4px;
}

.post {max-width: 60pc!important;position: relative!important;left: 2pc!important;-moz-box-shadow: 0px 10px 0 #000!important;-webkit-box-shadow: 1px 0px 13px #000!important;border: 1px solid #cadceb!important;;border-radius: 15px!important;background-position: 100% 0!important;margin-bottom: 25px!important;padding: 0 10px!important;}

.post div.inner {
background-size: 75%;
background-image: url(https://i.imgur.com/aGTRs77.png);
background-position: 5% 50%;
background-repeat: no-repeat;
}

#textarea_content {
width: 80% !important;
height: 100%;
}




{fundo resolvido}

.topiclist.topics.bg_none {
  background-color: #fff;
}
 
.row {
  background-repeat: no-repeat;
  background-position-y: 0%;
  background-position-x: 50%;
  position: relative;
  z-index: 2;
}

{fundo resolvido area de busca avançada}
.topiclist.topics.search {
  background-color: #fff;
}
 
.row {
  position: relative;
  z-index: 2;
}
.dterm {
  background-position-x: 98% !important;
}

{sonho realizado}

.topiclist.topics > li > dl {
    position: relative;
}
 
.topiclist.topics > li::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40px;
}
 
.topiclist.topics > li[style$="rgb(208, 226, 186);"]::before {
    background-color: #00a859;
}
 
.topiclist.topics > li[style$="rgba(255, 242, 18, 0.3);"]::before {
    background-color: #fff212;
}

Talvez algo ai esteja implicando na não resolução do problema
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por Kyo Panda 31.10.17 13:43

Tente trocar por esse:

Código:
legend {
height: 20px;
padding: 9px 0px 0px 0px;
font-size: 1.6em;
font-weight: bold;
color: #00a5cd;
line-height: 100%;
display: block;
}
 
.ipsUserPhoto {
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
margin-right: 8px;
}
.ipsUserPhoto:hover {
border-color: #7d7d7d;
}
.ipsUserPhoto img {
width: 50px;
height: 50px;
}
 
span#melhor-resp-icon {
background: url(http://i57.servimg.com/u/f57/16/63/75/54/ok10.png) no-repeat;
padding: 16px 15px;
position: absolute;
margin-top: -1.8%;
right: 24%;
}
 
#cont-d {
margin-top: 10px;
margin: 15px 0px 0px 15px;
padding: 10px 15px 10px 10px !important;
border: 1px solid #cdcdcd;
font-size: 0.9em;
position: relative;
background: #f7f7f7 url(http://2img.net/i/bl/spirale.png) no-repeat;
}
 
div#postContent {
background-color: #E5F1F9;
padding: 10px 10px 10px 5px;
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png);
background-position: 50% 100%;
background-repeat: repeat-x;
border: 1px solid rgb(195, 224, 241);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 4px;
box-shadow: 2px 2px 1px;
margin: 3px 1px;
padding-bottom: 8px;
padding-top: 4px;
}
 
.post {max-width: 60pc!important;position: relative!important;left: 2pc!important;-moz-box-shadow: 0px 10px 0 #000!important;-webkit-box-shadow: 1px 0px 13px #000!important;border: 1px solid #cadceb!important;;border-radius: 15px!important;background-position: 100% 0!important;margin-bottom: 25px!important;padding: 0 10px!important;}
 
.post div.inner {
background-size: 75%;
background-image: url(https://i.imgur.com/aGTRs77.png);
background-position: 5% 50%;
background-repeat: no-repeat;
}
 
#textarea_content {
width: 80% !important;
height: 100%;
}
 
/* Fundo resolvido */

.topiclist.topics.bg_none {
  background-color: #fff;
}
 
.row {
  background-repeat: no-repeat;
  background-position-y: 0%;
  background-position-x: 50%;
  position: relative;
  z-index: 2;
}
 
/* fundo resolvido area de busca avançada */
.topiclist.topics.search {
  background-color: #fff;
}
 
.row {
  position: relative;
  z-index: 2;
}
.dterm {
  background-position-x: 98% !important;
}
 
/* sonho realizado */
 
.topiclist.topics > li > dl {
    position: relative;
}
 
.topiclist.topics > li::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40px;
}
 
.topiclist.topics > li[style$="rgb(208, 226, 186);"]::before {
    background-color: #00a859;
}
 
.topiclist.topics > li[style$="rgba(255, 242, 18, 0.3);"]::before {
    background-color: #fff212;
}
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 31.10.17 14:40

Gostei da foto nova mas não resultou ainda
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por Kyo Panda 31.10.17 15:08

Créditos a @Lecxa pelos avatares. =D

---

Tente desativar a opção Melhorar seu CSS no painel administrativo. Ela fica abaixo da caixa de edição de CSS.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 31.10.17 15:12

me diga se entendi certo, a cor do background do topico é quem faz mudar essa tarja?
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por Kyo Panda 31.10.17 15:29

Não. É o ícone selecionado e as configurações definidas no script:

Código:
(function($) {
    'use strict';
    var icons = [{
        url: 'i.imgur.com/K2RUzWa.png',
        background: 'rgba(80, 144, 255, 0.5)'
    }, {
        url: 'i.imgur.com/YUhP53g.png',
        background: 'rgba(255, 242, 18, 0.3)'
    }, {
        url: 'i.imgur.com/YOyzUR8.png',
        background: 'rgba(208, 226, 186, 1)'
    }];
    $(function() {
        $('.row').each(function() {
            var $this = $(this);
            $.each(icons, function(index, icon) {
                var regex = new RegExp(icon.url,'gi');
                if (!regex.test($this.css('background-image'))) {
                    return
                }
                $this.css('background-color', icon.background)
            })
        })
    })
}(jQuery));

Veja que no CSS passado utilizei as cores que definiu no script para definir a cor de fundo do ícone.

Código:
.topiclist.topics > li[style$="rgba(255, 242, 18, 0.3);"]::before {
    background-color: #fff212;
}

Sendo o rgba(255, 242, 18, 0.3); o que o senhor definiu no script.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 31.10.17 15:51

Estou tentando iserir para meus outros icones e não esta funcionando :/

nesse link está os topicos com as cores já configuradas:

http://aquariumbrasil.forumeiro.com/f3-betta-e-anabantideos

Porém não consegui reproduzir o efeito
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por Kyo Panda 31.10.17 16:01

Adicione ao CSS:

Código:
.topiclist.topics > li[style$="rgba(255, 84, 84, 0.5);"]::before {
    background-color: #ff0000;
}

.topiclist.topics > li[style$="rgba(89, 168, 77, 0.5);"]::before {
    background-color: #0e9f06;
}

.topiclist.topics > li[style$="rgba(237, 232, 222, 0.5);"]::before {
    background-color: #6b809b;
}

.topiclist.topics > li[style$="rgba(80, 144, 255, 0.5);"]::before {
    background-color: #0766ff;
}

.topiclist.topics > li[style$="rgba(242, 169, 26, 0.5);"]::before {
    background-color: #f58634;
}

.topiclist.topics > li[style$="rgba(153, 0, 232, 0.5);"]::before {
    background-color: #52658c;
}
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 31.10.17 16:08

Ok tudo certo até aqui! agora vem duas outras questões ainda no mesmo assunto, como por uma cor para mensagens novas no tópico e como aplicar este efeito nos forums e categorias porem apenas com uma cor para "novidades" e outra para "sem novidade"

PS: a cor que me refiro é justamente neste efeito que acabou de me passar e não no fundo do topico
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 01.11.17 17:24

Ainda no aguardo! Estilo cool
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 03.11.17 18:11

Amigos alguém pode me dar uma forcinha? estou no aguardo ainda Chorando ou muito tr
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 05.11.17 12:40

@Kyo Panda

Cadê você mano? Me dá uma luz ai Piscada
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por Kyo Panda 06.11.17 10:30

Podem parecer iguais, mas geram códigos bem diferentes. Sugiro que crie novos tópicos com essas perguntas para melhor organização.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por BrunoLemos 06.11.17 11:20

De acordo modifiquei o assunto para "duvida sobre icones (tópicos)"

pode fechar este irei abrir outro.

Obrigado
BrunoLemos
BrunoLemos
***

Membro desde : 06/10/2016
Mensagens : 156
Pontos : 208

http://aquariumbrasil.forumeiro.com https://www.facebook.com/admbrunolemos

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvida sobre icones (tópicos)

Mensagem por Ketholy 06.11.17 13:02

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos