Descrição no topo

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Descrição no topo

Mensagem por IsmaelS. 07.08.13 16:23

Qual é minha questão:
Olá,

Vi num fórum que tinha 1 pequena descrição no topo ao lado do Logo, como assim:

Descrição no topo 1_bmp16

Eu queria colocar no lado esquerdo no meu topo aqui fica como vai ficar o topo do meu fórum, onde está a caixa vermelha é onde quero colocar a descrição:

Descrição no topo 2_bmp12

Fórum que vi a tal descrição: http://narutorpgstorm.ultimaterpg.net/forum

Endereço do meu fórum:
http://www.suportedesign.net

Versão do fórum:
PUNBB
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por Consolado 07.08.13 16:38

Olá!

Utilize esse código CSS:
Código:
#msg-categoria{background:#2672C8;box-shadow:0 0 10px #000;color:#fff;float:right;margin-top:50px;padding:7px;width:500px}h3.msg-titulo{font-family:Verdana,Arial,sans-serif;font-size:2em!important;font-weight:700!important;margin-top:-15px;text-shadow:0 0 5px #000}
Crie uma página HTML com esse código:
Código:
<div id="msg-categoria"><h3 class="msg-titulo">Bem-vindo ao NRPGS</h3><p class="cont-msg">Bem-vindo ao Naruto RPG Storm. Este fórum trata de um jogo online com sistema de pontos, conhecido mundialmente como RPG, aqui poderás criar uma vida e participar das mais diversas aventuras, mas antes, aconselhamos checar as regras.</p></div>
Painel de Controle Seta Geral Seta Fórum Seta Configuração
Em "Descrição do site" cole este HTML:
Código:
<iframe id="msg-categoria" type="text/html" src="/hY-" frameborder="0"></iframe>
Y = ID da página criada. Ex: /h1-

Leia esse tópico: https://ajuda.forumeiros.com/t70178-imagem-dessa-maneira

Até mais.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por IsmaelS. 07.08.13 16:46

Olá,

Correu tudo bem mas penso que falta algo da .CSS, e quero ela cumprida:

Descrição no topo 3_bmp11
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por Gmtp 07.08.13 16:49

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle  Seta   Módulos  Seta  HTML & JAVASCRIPT  Seta   Gestão dos Códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta  Em todas as páginas

Código JavaScript:

jQuery(document).ready(function() {jQuery('body').prepend('<div class="text-logo">MENSAGEM</div>'); });

Clique em "Confirmar".


Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta  Folha de estilos CSS


Código:

.text-logo{position: absolute; top: 35%; left: 50%; background: white; padding: 3px; border: 7px solid gray; -moz-border-radius: 5px;-webkit-border-radius: 5px}

Valide.

Painel de Controle Seta Visualização Seta Home Page Seta Geral
Em "Conteúdo da mensagem" cole isso:

Código:
<table style="padding: 3px; font-size: 0.9em; margin-bottom:0px; padding-bottom: 0px;"><tbody><tr valign="top"><td><strong> Regulamento e informações:      </strong><br><a class="a" href="/h1-staff">Equipe SP-Design</a><br><a class="a" href="/t12-regras-sp-design">Regras do fórum</a><br><a class="a" href="/t13-saiba-como-fazer-parte-da-equipe-staff"> Como entrar na equipe Staff</a></td><td><strong> Seções do fórum:</strong><br><a class="a" href="/f11-pedidos-graficos">  Pedidos Graficos</a><br><a class="a" href="/f22-pedidos-de-codigos">  Pedidos de Códigos</a><br><a class="a" href="/c1-sp-design">   SP-Design e você</a></td><td><strong> Antes de postar uma dúvida:</strong><br><a class="a" href="/search.forum">  Função busca</a><br><a class="a" href="/faq">  Perguntas e respostas frequêntes</a><br><a class="a" href="/f12-tutoriais-e-dicas"> Tutoriais, dicas e astúcias</a></td></tr></tbody></table>

Carregue em Salvar.

Até mais.


Última edição por Gmtp em 07.08.13 16:51, editado 1 vez(es)
Gmtp

Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por IsmaelS. 07.08.13 16:51

Não resultou, Gmp
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por Gmtp 07.08.13 16:53

Olá!

Substitua o JS por esse:
Código:
jQuery(document).ready(function() {jQuery('body').prepend('<div class="text-logo"><table style="padding: 3px; font-size: 0.9em; margin-bottom:0px; padding-bottom: 0px;"><tbody><tr valign="top"><td><strong> Regulamento e informações:      </strong><br><a class="a" href="/h1-staff">Equipe SP-Design</a><br><a class="a" href="/t12-regras-sp-design">Regras do fórum</a><br><a class="a" href="/t13-saiba-como-fazer-parte-da-equipe-staff"> Como entrar na equipe Staff</a></td><td><strong> Seções do fórum:</strong><br><a class="a" href="/f11-pedidos-graficos">  Pedidos Graficos</a><br><a class="a" href="/f22-pedidos-de-codigos">  Pedidos de Códigos</a><br><a class="a" href="/c1-sp-design">  SP-Design e você</a></td><td><strong> Antes de postar uma dúvida:</strong><br><a class="a" href="/search.forum">  Função busca</a><br><a class="a" href="/faq">  Perguntas e respostas frequêntes</a><br><a class="a" href="/f12-tutoriais-e-dicas"> Tutoriais, dicas e astúcias</a></td></tr></tbody></table></div>'); });

Substitua o código CSS por esse:
Código:
.text-logo{position: absolute; top: 19%; left: 50%; background: white; padding: 3px; border: 7px solid gray; -moz-border-radius: 5px;-webkit-border-radius: 5px}

Até mais.
Gmtp

Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por IsmaelS. 07.08.13 16:58

Não resultou, não consegue resolver o do Today ? Pois resultou, mas penso que falta algo do .CSS
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por Consolado 07.08.13 17:00

Ismael, qual é o link correto do seu fórum? Até mais.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por IsmaelS. 07.08.13 17:04

Já lhe mandei por MP
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por Consolado 07.08.13 17:21

IsmaelS. escreveu:Olá,

Correu tudo bem mas penso que falta algo da .CSS, e quero ela cumprida
Substitua o código da página HTML por esse:
Código:
<style>#msg-categoria{background:#FE0001;box-shadow:0 0 10px #000;color:#fff;float:right;margin-top:-23px;padding:7px;width:500px;height:105px}h3.msg-titulo{font-family:Verdana,Arial,sans-serif;font-size:2em!important;font-weight:700!important;margin-top:-15px;text-shadow:0 0 5px #000}</style><div id="msg-categoria"><h3 class="msg-titulo">Bem-vindo ao NRPGS</h3><p class="cont-msg">Bem-vindo ao Naruto RPG Storm. Este fórum trata de um jogo online com sistema de pontos, conhecido mundialmente como RPG, aqui poderás criar uma vida e participar das mais diversas aventuras, mas antes, aconselhamos checar as regras.</p></div>
Até mais.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por IsmaelS. 07.08.13 17:23

Olá,

Como pode ir ver ficou um bocado estranho, não consegue me ajustar naquele espaço ? E se poder retirar também o fundo vermelho agradecia.
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por Consolado 07.08.13 17:25

IsmaelS. escreveu:Olá,

Como pode ir ver ficou um bocado estranho, não consegue me ajustar naquele espaço ? E se poder retirar também o fundo vermelho agradecia.
É que no print a cor estava vermelha. Você retirou os códigos .JS e os códigos CSS da Folha de estilos?

Até mais.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por IsmaelS. 07.08.13 17:27

Olá,

Não retirei nada, e não tenho nenhum código jS.
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por Consolado 07.08.13 17:30

IsmaelS. escreveu:Não retirei nada, e não tenho nenhum código jS.
O Gmtp passou alguns códigos CSS pra você, e eu também. Retire todos os códigos referentes a esse item da folha de estilos e clique em Salvar para confirmar a ação.

Até mais!
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por IsmaelS. 07.08.13 17:32

Já retirei os códigos .CSS mas continua na mesma.
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por Consolado 07.08.13 17:34

IsmaelS. escreveu:Já retirei os códigos .CSS mas continua na mesma.
Qual é a cor que você quer na caixa? Eu coloquei a mesma do print.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por IsmaelS. 07.08.13 17:36

Eu não quero cor nenhuma, mas depois diga-me o campo que onde se coloca a cor, caso não me agrade sem fundo.
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Descrição no topo

Mensagem por Sennior 07.08.13 19:05

Boa tarde,

Coloque o código por gentileza no teu fórum, para que eu possa ver o problema amigo.

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por IsmaelS. 07.08.13 19:09

Olá,

Os códigos estão todos colocados como foram ditos.
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição no topo

Mensagem por IsmaelS. 07.08.13 21:27

Resolvido
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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