Tech Mais
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

techadd

Entrar

Icones de novo poste , poste popular .. igual MP

4 participantes

descriptionResolvidoIcones de novo poste , poste popular .. igual MPDom Jun 08, 2014 7:36 pm

more_horiz
Minha questão:
Olá eu gostaria de js do icones de novo poste , novo popular nas categorias e nos tópicos


Endereço do meu fórum:
http://igood-web.forumeiros.com/

Versão:
PunBB

descriptionResolvidoRe: Icones de novo poste , poste popular .. igual MPDom Jun 08, 2014 10:47 pm

more_horiz
Olá!

Que ícones? Poderia descrever melhor? Uma imagem ajudaria.

Até.

descriptionResolvidoRe: Icones de novo poste , poste popular .. igual MPSeg Jun 09, 2014 3:13 am

more_horiz
Os Texto que diz ,.. na pagina inicial do fórum .. de Categoria Parcerias Oficial

Ai no Oficial e verde ,.. tem os outros também ,, novo , popular..

descriptionResolvidoRe: Icones de novo poste , poste popular .. igual MPSeg Jun 09, 2014 1:40 pm

more_horiz
Olá,

Amigo por favor indique uma imagem( Print)

Até.

descriptionResolvidoRe: Icones de novo poste , poste popular .. igual MPSeg Jun 09, 2014 3:53 pm

more_horiz
Olá amigo,

Para os tópicos usamos um .jS, o que ele faz é substituir as imagens por os botões. Então é necessário ir a gestão de imagens e cores -> ícones dos tópicos e deixar assim:

https://i.imgur.com/LmMtJVS.png e assim https://i.imgur.com/FZoGPv6.png.

.jS em todas as páginas:

Código:

$(document).ready(function(){$('img[src="http://2img.net/i/fa/m/folder1.gif"]').replaceWith('<span class="assunto">Assunto</span>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/m/folder_new1.gif"]').replaceWith('<span class="novoassunto">Novo Assunto</span>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/m/folder_hot1.gif"]').replaceWith('<span class="popular">Popular</span>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/m/folder_new_hot1.gif"]').replaceWith('<span class="novopopular">Novo Popular</span>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/m/folder_lock1.gif"]').replaceWith('<span class="bloqueado">Bloqueado</span>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/m/folder_lock_new1.gif"]').replaceWith('<span class="bloqueado">Novo Bloqueado</span>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/prosilver/announce_read.gif"]').replaceWith('<span class="anuncio">Anúncio</span>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/prosilver/announce_unread.gif"]').replaceWith('<span class="anuncio">Novo Anúncio</span>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/m/folder_announce1.gif"]').replaceWith('<span class="anuncio">Global</span>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/m/folder_announce_new1.gif"]').replaceWith('<span class="anuncio">Novo Global</span>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/m/folder_sticky1.gif"]').replaceWith('<span class="aler">A ler</span>')});$(document).ready(function(){$('img[src="http://2img.net/i/fa/m/folder_sticky_new1.gif"]').replaceWith('<span class="aler">A ler novo</span>')});


Como pode ver, usamos [codebox].replaceWith[/codebox] para substituir.

Depois adicione a sua folha de estilos (CSS):

Código:

span.anuncio, span.novoanuncio {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #af286d;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 9px;
font-weight: 700;
line-height: 16px;
padding: 0 5px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
vertical-align: middle;
font-family: sans-serif;
}
span.bloqueado, span.novobloqueado {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #F21C1C;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 9px;
font-weight: 700;
line-height: 16px;
padding: 0 5px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
vertical-align: middle;
font-family: sans-serif;
}
span.assunto, span.novoassunto{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #077B16;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 9px;
font-weight: 700;
line-height: 16px;
padding: 0 5px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
vertical-align: middle;
font-family: sans-serif;
}
span.aler, span.novoaler{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #ff9900;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 9px;
font-weight: 700;
line-height: 16px;
padding: 0 5px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
vertical-align: middle;
font-family: sans-serif;
}
span.popular, span.novopopular{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #990000;
background-image: url(http://i58.servimg.com/u/f58/17/19/90/23/highli10.png);
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 9px;
font-weight: 700;
line-height: 16px;
padding: 0 5px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-transform: uppercase;
vertical-align: middle;
font-family: sans-serif;
}


Até mais.

descriptionResolvidoRe: Icones de novo poste , poste popular .. igual MPSeg Jun 16, 2014 8:44 pm

more_horiz
Olá,

[alerta=Sem resposta]

Creio que o seu problema/dúvida esteja solucionado, devido ao longo período sem qualquer resposta do autor, com isto estarei arquivando este tópico. [/alerta]

Até mais.

Tópico movido de " Suporte a códigos " para "  Arquivo: Questões resolvidas  "
Tópico arquivado!

descriptionResolvidoRe: Icones de novo poste , poste popular .. igual MP

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