Colocar texto na logo do fórum

Item: Colocar texto na logo do fórum
Rating: 1

por konekta Brasil 05.07.12 1:12

Qual é minha questão:
Olá,

Como faço para colocar texto na logo do fórum igual fica no site http://www.hitskin.com/ ?

Links e imagens do meu problema:
*

Endereço do meu fórum:
http://fanaticosweb.forum.st

Versão do meu fórum:
PHPBB3

por Napolitano 05.07.12 1:17

Olá 2Pac,

Adicione na sua CSS " cPainel Visualização Imagens e Cores Cores / Folha de Estilo CSS "

Código:: #header { height: 96px; background: url('/rsc/img/spirales.png') no-repeat top left; } #header h2 { color: white; font-weight: bold; font-size: 1em; padding: 15px 0 0 122px; } #header p { color: white; font-size: 0.75em; min-height: 72px; background: url('/rsc/img/bulle.png') no-repeat 0px 5px; margin: 0px 50px 0px 50px; padding: 5px 0px 0px 72px; }

Melhores cumprimentos! Envergonhado

por konekta Brasil 05.07.12 3:29

Olá,

Estou a dizer do texto:

Hitskin o que é ?
Hitskin é uma ferramenta para a instalação de temas em fórum fácil e gratuitamente. Não espere mais, mude a aparência do seu fórum ou proponha as suas criações gráficas a outros membros.

por south 05.07.12 3:35

Código:: <img src="/rsc/img/logo2.png" alt="" id="green-act" /></a><div class="left"><p class="h2"><a href="/">Hit<span class="green bold">skin</span>.com</a></p><h1><a href="/">Temas de fóruns grátis</a>

por konekta Brasil 05.07.12 3:49

Não é isso, estou querendo colocar algo do tipo hitskin, o texto que fica na logo do fórum:

Hitskin o que é ?
Hitskin é uma ferramenta para a instalação de temas em fórum fácil e gratuitamente. Não espere mais, mude a aparência do seu fórum ou proponha as suas criações gráficas a outros membros.

Gostaria de saber como colocar ..

por konekta Brasil 05.07.12 16:38

por ~Fly 05.07.12 16:59

Amigo, eu tenho pouco conhecimento de códigos, por isso não irei fornecer o mesmo.

Mais é um background e um texto escrito.

Louco

Abraços,

~Apple zen

@EDIT :

Aqui é o código :

Código:: <div id="header"><h2><strong>Hitskin</strong> o que <em>é</em> ?</h2> <p>Hitskin é uma ferramenta para a instalação de temas em fórum fácil e gratuitamente. Não espere mais, mude a aparência do seu fórum ou proponha as suas criações gráficas a outros membros.</p></div>

Creio que é em uma pagina HTML.

por konekta Brasil 05.07.12 17:45

Olá,
Tentei e não resultou em nada :/

por Napolitano 05.07.12 17:49

Olá querido,

O senhor adicionou o código em que local? Deve-se adicionar na Home page.

Melhores cumprimentos! Envergonhado

por konekta Brasil 05.07.12 22:30

Mais como faço agora para colocar ele na logo?

por ~Fly 05.07.12 22:37

Na logo do seu fórum ?
Ou em outra imagem ?

por konekta Brasil 06.07.12 3:06

entra no site do www.hitskin.com, ta vendo onde ta escrito

Hitskin o que é ?
Hitskin é uma ferramenta para a instalação de temas em fórum fácil e gratuitamente. Não espere mais, mude a aparência do seu fórum ou proponha as suas criações gráficas a outros membros.

Intão, queria colocar do mesmo jeito em meu fórum, pois uso o tema igual do hitskin.

por ~Fly 06.07.12 12:51

<body>
<style type="text/css">
body {
background-color: #d8da3d;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
text-align: center;
text-decoration: none;
color: #FFFFFF; }
</style>


<p> Seu Texto

</body>

Você pode modificar o código todo, fui eu que fiz, por isso está simples e infelizmente eu não consegui colocar a imagem atrás, mais consegui por uma cor, você mudar esta cor no código

background-color: #d8da3d;

Se você quiser, pode pedi para alguém mais experiente para completar o código feito acima.

Abraços.

~Apple

por Convidad 06.07.12 13:01

Olá autor!

Aplique este código em Cpainel > Visualização > Home Page > Geral > Conteúdo da homa page >

<style>#header {
height: 96px;
background: url('http://pt.hitskin.com/rsc/img/spirales.png') no-repeat top left;
}
* html #header {
overflow: hidden;
}

#header h2 {
color: #fff;
font-weight: bold;
font-size: 1em;
padding: 15px 0 0 122px;
}

* html #header h2 {
padding: 5px 0 0 122px;
}

#header p {
color: #FFFFFF;
font-size: 0.75em;
min-height: 72px;
background: url('/rsc/img/bulle.png') no-repeat 0px 5px;
margin: 0px 50px 0px 50px;
padding: 5px 0px 0px 72px;
}

* html #header p {
height: 57px;
}

#header a {
color: #fff;
}

#header p strong {
font-size: 1.1em;
color: #fff;
}
</style><div id="header" style="position: fixed; top: 0%; left: 0%;"><h2><strong>Hitskin</strong> o que <em>é</em> ?</h2>
<p>Hitskin é uma ferramenta para a instalação de temas em fórum fácil e gratuitamente. Não espere mais, mude a aparência do seu fórum ou proponha as suas criações gráficas a outros membros.</p></div>

Modifique os valores em vermelho para posicionar o objeto no fórum.

por konekta Brasil 07.07.12 13:34

Olá,

Estou usando este codigo:

Código:: <style> * html #header { overflow: hidden; } * html #header h2 { padding: 5px 0 0 122px; } #header p { color: #FFFFFF; font-size: 11px; min-height: 72px; margin: 0px 50px 0px 50px; padding: 5px 0px 0px 72px; } * html #header p { height: 57px; } #header p strong { font-size: 11px; color: #fff; } </style><div id="header" style="position: fixed; top: 17%; left: 12%;"> <table style="margin: auto; z-index: 999; min-width: 1px; min-height: 1px; max-height: 1500px; max-width: 1500px;"><tr class="zebraDois"><td align="left"> <img src="http://pt.hitskin.com/rsc/img/bulle.png" border="0" alt="" /> </td><td align="left"> <font color="#ffffff"><span style="font-size: 11px; line-height: normal">Antes de iniciar a sua viagem por este mundo de suporte, por favor leia as nossas regras do fórum. É importante que<br> essas regras sejam respeitadas, para que a comunidade cresça e floresça de forma saudável, amigável e agradável. <br>O objetivo é que os próprios usuários contribuam com conteúdo útil e se entre-ajudem.</span></font></td></tr></table> </div>

Porem, configurei direito pra ficar no lugar que quero o texto: https://i.servimg.com/u/f43/17/63/59/42/110.jpg

mais quando deço a barra de rolagem o texto se mantem: https://i.servimg.com/u/f43/17/63/59/42/210.jpg

No final do codigo, essa parte:

</style><div id="header" style="position: fixed; top: 17%; left: 12%;">

Onde esta o fixed, já mudei para relative e absolut, mais com esses dois não consegui configurar, porque o texto deceu lá para baixo.

por konekta Brasil 09.07.12 15:20

por Convidad 09.07.12 15:30

Bom dia!

Você pode ter um tema parecido com o site de Hitskin, Forumeiros ou outro. Sobre sua questão, o senhor poderá modificar o trecho abaixo:

top: 17%; left: 12%;

Eles são responsáveis por mover o objeto.

Abraços!

por konekta Brasil 09.07.12 16:21

Certo, mais o texto somente na pagina inicial do fórum, gostaria que aparecesse em todas as paginas ..

por StyLe® 09.07.12 17:18

Olá, aqui estar

var banner = new Array();

banner[0]='ENDERECO_DA_IMAGEM';

document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];
setInterval("document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];",3000);
banner[0]='ENDERECO_DA_IMAGEM';
<body>
Texto
</body>

vai em
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

Título* Qualquer um
Você deseja utilizar o início e o final da página do seu fórum ? Não
Usar esta página como página inicial? Não

depois vai em
Painel de Controle -> Geral -> Fórum -> Configurações

<script src="ENDERECO-DA-PAGINA-HTML"></script>

por konekta Brasil 09.07.12 19:06

Nãodeu, tenteipelo HTML e peloJavaScript e nenhum funcionou ..

por Rede Best Seller 10.07.12 1:12

Tem como colocar com o Phpbb2?

por StyLe® 10.07.12 14:19

phpBB2 acho que é possível com editação de Templates

por south 10.07.12 16:19

Código:: <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pt" xml:lang="pt"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Temas gráficos para seu fórum grátis, temas de fórum grátis.</title><meta http-equiv="content-language" content="pt" /><meta http-equiv="content-style-type" content="text/css" /><meta http-equiv="content-script-type" content="text/javascript" /><meta name="description" content="Hitskin oferece uma extensa base de temas para o seu fórum grátis. Instale um tema em apenas 30 segundos a partir de um espaço onde você possa propor as suas criações de temas de fórum grátis e dividi-los em Hitskin." /><meta name="keywords" content="Temas pro forum, tema pro fórum, temas de forum, tema de fórum, forum gratis, criação de tema, instalar um tema, criar um tema, tema de fórum gratis, skin de forum, roupagem de forum, skin phpbb, templates de forum, temas phpbb, styles phpp, vestimenta de fórum" /><meta name="distribution" content="global" /><meta name="language" content="pt" /><meta name="rating" content="general" /><meta name="resource-type" content="document" /><meta name="robots" content="index, follow, noodp" /><link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon" /><link rel="home" href="/" /><link rel="help" href="http://ajuda.forumeiros.com" /><link rel="stylesheet" media="screen" type="text/css" href="/rsc/css/style6.css" /><link rel="stylesheet" media="screen" type="text/css" href="/rsc/css/style_home.css" /><script type="text/javascript" src="/rsc/js/functions.js" ></script></head><body><div id="content"><div id="subheader"><a href="/"><img src="/rsc/img/logo2.png" alt="" id="green-act" /></a><div class="left"><p class="h2"><a href="/">Hit<span class="green bold">skin</span>.com</a></p><h1><a href="/">Temas de fóruns grátis</a>

por konekta Brasil 10.07.12 17:10

Em qual lugar coloco isso?

por ~Fly 10.07.12 20:14

Creio eu num código JavaScript.

Abraços

por konekta Brasil 10.07.12 23:28

Não funcionou :/

por Convidad 11.07.12 13:23

Bom dia!

Isso será possível somente por edição de template.

Cordialmente,

por konekta Brasil 11.07.12 14:46

Usando folha CSS, JavaScript, HTML será possivel também, mais não conta.

por south 11.07.12 14:50

2Pac escreveu:Usando folha CSS, JavaScript, HTML será possivel também, mais não conta.
como o skek disse so e possível somente por edição de template. sinto muito

por konekta Brasil 11.07.12 16:02

Teria como ao menos intão colocar uma imagem nesse mesmo lugar?

por MateusV. 11.07.12 17:21

Não, é possível sim! Com CSS, basta adicionarmos a propriedade de posição absoluta ao objeto (no caso uma div), primeiro aceda a sua mensagem da home page e cole este código:

<div id="texto-logo">SEU TEXTO</div>

Depois adicione no seu CSS:

#texto-logo {
position: absolute;
top: 0px;
}

E veja o resultado. Abraço. Piscada

por konekta Brasil 11.07.12 18:30

OKaL, resulta somente na pagina inicial, queria que ficasse em todas ..

por Convidad 12.07.12 14:57

Bom dia!

Lamento, mas será possível somente por edição de template. Piscada

por konekta Brasil 12.07.12 16:15

Teria como colocar na descrição do fórum o texto e usar CSS para mover o texto de lugar?

por MateusV. 12.07.12 16:47

Olá!

Aceda ao seu

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript Criar um novo código Java Script

Investimento: Marque todas as opções de cima menos a caixa escrita "Em todas as páginas" (alguns fóruns dão erro ao marcar a caixa em todas as páginas e o código não funciona)
Código:

jQuery(document).ready(function(){
jQuery('head').append('<div id="texto-logo">SEU TEXTO</div>');
});

E adiciona no seu CSS:

#texto-logo {
position: absolute;
top: 0px;
}

Abraço.

por konekta Brasil 12.07.12 18:02

Não resultou ..

por konekta Brasil 14.07.12 21:53

Para quem diz que não ah como, olhe esses dois foruns:
http://spublicidade.forumeiros.com/
http://spdesign.ativoforum.com/

por MateusV. 14.07.12 22:49

2Pac escreveu:Para quem diz que não ah como, olhe esses dois foruns:
http://spublicidade.forumeiros.com/
http://spdesign.ativoforum.com/

Olá!

Ambos foram feitos atravez de editação de template.
Modifique o investimento do meu código para em todas as páginas e veja se resulta.

Abraços. Piscada

por konekta Brasil 15.07.12 2:42

Ja tentei de todos os jeitos MateusV, mais não resultou em nada ..

por konekta Brasil 16.07.12 14:46