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 Qua 7 Ago 2013 - 12:23

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 Qua 7 Ago 2013 - 12: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.
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 Qua 7 Ago 2013 - 12:46

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 Qua 7 Ago 2013 - 12: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 Qua 7 Ago 2013 - 12:51, 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 Qua 7 Ago 2013 - 12:51

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 Qua 7 Ago 2013 - 12: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.
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 Qua 7 Ago 2013 - 12:58

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 Qua 7 Ago 2013 - 13:00

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 Qua 7 Ago 2013 - 13:04

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 Qua 7 Ago 2013 - 13: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.
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 Qua 7 Ago 2013 - 13: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.

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 Qua 7 Ago 2013 - 13: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.
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 Qua 7 Ago 2013 - 13:27

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 Qua 7 Ago 2013 - 13: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!
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 Qua 7 Ago 2013 - 13:32

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 Qua 7 Ago 2013 - 13: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.
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 Qua 7 Ago 2013 - 13: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.

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 Qua 7 Ago 2013 - 15:05

Boa tarde,

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

Até mais.
avatar

Sennior
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16345
Pontos Ativos : 20848

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/gladston.henrique.940

Resolvido Re: Descrição no topo

Mensagem por IsmaelS. em Qua 7 Ago 2013 - 15:09

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 Qua 7 Ago 2013 - 17:27

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


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