Descrição no topo

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

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 Geral Fórum 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.

Olá,

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

Olá!

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

Clique em "Criar um novo JavaScript".

Título  Escolha o título que quiser
Investimento   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  Visualização  Imagens e Cores  Cores   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  Visualização  Home Page  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.

Não resultou, Gmp

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.

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

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

Já lhe mandei por MP

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.

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

Olá,

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

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!

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

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.

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.

Boa tarde,

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

Até mais.

Olá,

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

Resolvido