Tech Mais

O Tech Mais é um fórum que aborda vários temas atuais, de cultura e arte até programação e tecnologia.


Você não está conectado. Conecte-se ou registre-se

 » Programação » jQuery e JavaScript » Arquivo: Resolvido » 

Icones de novo poste , poste popular .. igual MP

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatar
Novato

em Dom Jun 08, 2014 7:36 pm
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

Ver perfil do usuário
avatar
Novato

em Dom Jun 08, 2014 10:47 pm
Olá!

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

Até.

Ver perfil do usuário
avatar
Novato

em Seg Jun 09, 2014 3:13 am
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..

Ver perfil do usuário
avatar
Usuário astucioso

em Seg Jun 09, 2014 1:40 pm
Olá,

Amigo por favor indique uma imagem( Print)

Até.

Ver perfil do usuário
avatar
Administrador

em Seg Jun 09, 2014 3:53 pm
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:

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

.jS em todas as páginas:

Código:
$(document).ready(function(){$('img[src="http://illiweb.com/fa/m/folder1.gif"]').replaceWith('<span class="assunto">Assunto</span>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/m/folder_new1.gif"]').replaceWith('<span class="novoassunto">Novo Assunto</span>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/m/folder_hot1.gif"]').replaceWith('<span class="popular">Popular</span>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/m/folder_new_hot1.gif"]').replaceWith('<span class="novopopular">Novo Popular</span>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/m/folder_lock1.gif"]').replaceWith('<span class="bloqueado">Bloqueado</span>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/m/folder_lock_new1.gif"]').replaceWith('<span class="bloqueado">Novo Bloqueado</span>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/prosilver/announce_read.gif"]').replaceWith('<span class="anuncio">Anúncio</span>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/prosilver/announce_unread.gif"]').replaceWith('<span class="anuncio">Novo Anúncio</span>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/m/folder_announce1.gif"]').replaceWith('<span class="anuncio">Global</span>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/m/folder_announce_new1.gif"]').replaceWith('<span class="anuncio">Novo Global</span>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/m/folder_sticky1.gif"]').replaceWith('<span class="aler">A ler</span>')});$(document).ready(function(){$('img[src="http://illiweb.com/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.

Ver perfil do usuário http://techmais.forumeiros.com
avatar
Administrador

em Seg Jun 16, 2014 8:44 pm
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!

Ver perfil do usuário http://techmais.forumeiros.com
Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum