Descrição no topo

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

Resolvido Descrição no topo

Mensagem por IsmaelS. em 07/08/13, 12:23 pm

Qual é minha questão:
Olá,

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



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:



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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Descrição no topo

Mensagem por Consolado em 07/08/13, 12:38 pm

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: http://ajuda.forumeiros.com/t70178-imagem-dessa-maneira

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Descrição no topo

Mensagem por IsmaelS. em 07/08/13, 12:46 pm

Olá,

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


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Descrição no topo

Mensagem por Gmtp em 07/08/13, 12:49 pm

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, 12:51 pm, editado 1 vez(es)
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Descrição no topo

Mensagem por IsmaelS. em 07/08/13, 12:51 pm

Não resultou, Gmp

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Descrição no topo

Mensagem por Gmtp em 07/08/13, 12:53 pm

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.
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Descrição no topo

Mensagem por IsmaelS. em 07/08/13, 12:58 pm

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Descrição no topo

Mensagem por Consolado em 07/08/13, 01:00 pm

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

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Descrição no topo

Mensagem por IsmaelS. em 07/08/13, 01:04 pm

Já lhe mandei por MP

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Descrição no topo

Mensagem por Consolado em 07/08/13, 01:21 pm

@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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Descrição no topo

Mensagem por IsmaelS. em 07/08/13, 01:23 pm

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.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Descrição no topo

Mensagem por Consolado em 07/08/13, 01:25 pm

@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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Descrição no topo

Mensagem por IsmaelS. em 07/08/13, 01:27 pm

Olá,

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Descrição no topo

Mensagem por Consolado em 07/08/13, 01:30 pm

@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!
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Descrição no topo

Mensagem por IsmaelS. em 07/08/13, 01:32 pm

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Descrição no topo

Mensagem por Consolado em 07/08/13, 01:34 pm

@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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Descrição no topo

Mensagem por IsmaelS. em 07/08/13, 01:36 pm

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.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Descrição no topo

Mensagem por Sennior em 07/08/13, 03:05 pm

Boa tarde,

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

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Descrição no topo

Mensagem por IsmaelS. em 07/08/13, 03:09 pm

Olá,

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Descrição no topo

Mensagem por IsmaelS. em 07/08/13, 05:27 pm

Resolvido

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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