JScript

Programação & Desenvolvimento


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

JScript »  Forumeiros (Avançado) » Ajuda & Suporte » css em javascript

css em javascript

2 participantes

Ir para baixo  Mensagem [Página 1 de 1]

1css em javascript Empty css em javascript Qui 28 Nov 2013, 7:56 pm

Convidado

avatar
Convidado

Minha Questão: ola a todos, bom estou querendo aprender mais sobre java script( até gostaria que me indicassem alguns guias e algo do tipo ), atualmente estou querendo aplicar um css mas que só funcione em uma parte: "nos fóruns", e sei que isso é possivel via Jscript, então gostaria que me explicassem como fazer o mesmo, sejam claros por favor sou iniciante no assunto.

Meu Fórum: http://rpgadventure.umforum.net/

2css em javascript Empty Re: css em javascript Qui 28 Nov 2013, 8:01 pm

Legolas

Legolas
Moderadores
Moderadores

Como assim nos foruns? Quer dizer nos tópicos ou nos subforuns?

Se for nos tópicos pode adicionar no viewtopic_body

http://aden.rpgwars.net

3css em javascript Empty Re: css em javascript Qui 28 Nov 2013, 8:11 pm

JScript

JScript
Administradores
Administradores

Olá!

Sem problemas amigo, aqui estamos dispostos a lhe ensinar do básico ao avançado e com toda a paciência que você almeja.

Se a versão de seu fórum é punbb, então pode-se alterar os templates, com isso evita-se que use o JavaScript para tudo, pois a ausência da edição dos templates nos obriga a usá-lo, com isso têm-se uma certa lentidão e vários outros efeitos colaterais!

É como o @Legolas falou acima,

JS

http://autoitbrasil.com

4css em javascript Empty Re: css em javascript Qui 28 Nov 2013, 8:15 pm

Convidado

avatar
Convidado

ah, não sabia disto, bom quero alterar a altura e posição das imagens que informam: novo, velho, bloqueado, popular, etc em-> .tcl somente nos tópicos, como adiciono isto no template?

5css em javascript Empty Re: css em javascript Qui 28 Nov 2013, 8:35 pm

Legolas

Legolas
Moderadores
Moderadores

Olá, você quer dizer as legendas do subfórum, correto? É bem simples.

No template viewforum_body procure por:

Código:
<ul class="pun-legend">
   <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" /> {L_FOLDER_NEW_IMG}</li>
   <li style="display:none;"><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" /> {L_FOLDER_HOT_NEW_IMG}</li>
   <li style="display:none;"><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" /> {L_FOLDER_LOCKED_NEW_IMG}</li>
  <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" /> {L_FOLDER_IMG}</li>
  <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" /> {L_FOLDER_LOCKED_IMG}</li>
</ul>
Perceba que ali são as imagens das legendas, que estão denominadas por pseudo-variáveis. Basta adicionar um style no elemento <img, por exemplo:

Código:
<ul class="pun-legend">
   <li><img style="width: 30px;height:30px;" src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" /> {L_FOLDER_NEW_IMG}</li>
   <li style="display:none;"><img style="width: 30px;height:30px;" src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" /> {L_FOLDER_HOT_NEW_IMG}</li>
   <li style="display:none;"><img style="width: 30px;height:30px;" src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" /> {L_FOLDER_LOCKED_NEW_IMG}</li>
  <li><img style="width: 30px;height:30px;" src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" /> {L_FOLDER_IMG}</li>
  <li><img style="width: 30px;height:30px;" src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" /> {L_FOLDER_LOCKED_IMG}</li>
</ul>
No exemplo acima eu adicionei um width e height 30. Basta editar a seu gosto.

Até mais!

http://aden.rpgwars.net

6css em javascript Empty Re: css em javascript Qui 28 Nov 2013, 9:41 pm

Convidado

avatar
Convidado

eu tentei fazer o que disse e não consegui resultado, não sei se entendeu direito então aqui vai uma imagem do que quero; css em javascript Ycl4fax

-> eu quero diminuir a altura da area destacada, de modo que só apareça nos fóruns( a altura das categorias na pagina inicial deve ser a original e a do resto eu quero alterar), quanto a imagem eu vou modificar a meu querer.

7css em javascript Empty Re: css em javascript Sex 29 Nov 2013, 9:03 am

Legolas

Legolas
Moderadores
Moderadores

Você quer diminuir toda essa coluna horizontal, correto?

Por favor, poste aqui um subforum que tenham tópicos abertos a visitantes para que eu faça os testes, pois me parece que sua skin é diferente.

http://aden.rpgwars.net

8css em javascript Empty Re: css em javascript Sex 29 Nov 2013, 9:50 am

Convidado

avatar
Convidado

legolas pode usar este endereço aqui: http://ryokorpg.forumeiros.com/ , tem tudo o que tem nomeu fórum oficial, espero que seja util até o/

9css em javascript Empty Re: css em javascript Sex 29 Nov 2013, 11:25 am

Legolas

Legolas
Moderadores
Moderadores

Neste caso, se você quer somente nos subfóruns, vamos ter que adicionar um script na gestão de java mesmo.

Adicione com investimento nos subforuns:

Código:
$(function() {
    $(this).find('.pun').before('<style>table.table tbody.statused td {height: 20px!important;}</style>');
    });

http://aden.rpgwars.net

10css em javascript Empty Re: css em javascript Sex 29 Nov 2013, 11:48 am

Convidado

avatar
Convidado

perfeito o/ funcionou, então se quiser fazer alterações na imagem dos sub-foruns eu posso adicionar o css ai mesmo né?

11css em javascript Empty Re: css em javascript Sex 29 Nov 2013, 1:11 pm

Legolas

Legolas
Moderadores
Moderadores

Depende de qual imagem está falando, se for aquela da legenda que fica ao lado esquerdo, basta adicionar no mesmo script:

Código:

$(function() {
    $(this).find('.pun').before('<style>table.table tbody.statused td {height: 20px!important;}.table td img:first-child {height: 30px;}</style>');
    });

http://aden.rpgwars.net

12css em javascript Empty Re: css em javascript Sáb 30 Nov 2013, 2:11 pm

Convidado

avatar
Convidado

ola, bom em meus planos eu queria adicionar imagens como estas: css em javascript UE8RVfz como lengendo do topico, acontece que não deu muito certo: a imagem fica em cima dos links( titulos ) dos topicos e não dá para clicar e ficam mal posiconadas. eu queria saber se dá pra colocar estas imagens como plano de fundo a depender se no tópico a mensagem nova, velha, bloqueada, anuncio, etc. então será que consigo fazer isso?:

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

JScript »  Forumeiros (Avançado) » Ajuda & Suporte » css em javascript

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