Personalizar topo e categorias

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

Resolvido Personalizar topo e categorias

Mensagem por Ricardojgar em 07/12/12, 02:49 pm

Qual é minha questão:
Boas tardes amigos,

Agora precisava de ajuda para eu colocar estes efeitos no meu fórum, sff!!




Este efeito é para ficar no topo do fórum com a informação igual à que está na imagem.


Obrigado pela atenção, amigos Feliz 

Endereço do meu fórum:
http://forumdosexoticos.forumeiro.com

Versão do fórum:
PHPBB3

Ricardojgar
Nível 8

Masculino
Inscrito dia : 27/07/2009
Mensagens : 121
Pontos Ativos : 205

Ver perfil do usuário http://forumdosexoticos.forumeiro.com/

Resolvido Re: Personalizar topo e categorias

Mensagem por Consolado em 07/12/12, 03:18 pm

Olá!

Utilize esse código CSS:
Código:
.forabg .topiclist.forums .row .icon dd.lastpost{-webkit-box-shadow: #666 0px 0px 8px; border: 2px solid #EEE; border-image: initial; border-radius: 7px; box-shadow: #666 0px 0px 8px; margin: 3px; width: 200px}#conectFor *{font-size:12px}#conectFor{background:#0A0A0A;border-bottom:1px solid #918C8C;color:#FFF;display:block;font-family:Tahoma;font-size:15px;font-style:normal;font-variant:normal;font-weight:normal;height:10px;left:28px;padding:13px 20px 13px 13px;position:relative;right:0;text-align:right;top:0;width:93.5%}#conectFor a{color:#f1f1f1;font-family:Arial;margin:0 1px;padding:8px 5px;text-decoration:none}#conectFor a:hover{-moz-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#f1f1f1;border-radius:5px 5px 0 0;color:#111}#conectFor a:hover ul{display:inline}#conectFor ul{-moz-border-radius:0 0 5px 5px;-moz-box-shadow:0 4px 10px rgba(0,0,0,0.3);-o-border-radius:0 0 5px 5px;-o-box-shadow:0 4px 10px rgba(0,0,0,0.3);-webkit-border-radius:0 0 5px 5px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.3);background:#F1F1F1 url(http://imageshack.us/a/img268/2599/letreiro.png) no-repeat bottom right;border-radius:0 0 5px 5px;box-shadow:0 4px 10px rgba(0,0,0,0.3);color:#333;display:none;float:left;list-style:none;margin-top:-1px;padding:20px 13px;position:absolute;right:0;top:100%;width:390px;z-index:1}#conectFor ul li{display:inline;float:left;margin:5px;text-align:left;width:47%}#conectFor ul li a{background-image:none!important;color:#3689D1}#conectFor ul li a:hover{background:transparent;color:#111}#conectFor a[href="/profile?mode=editprofile"]{background-image:url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);background-position:right;background-repeat:no-repeat;padding-right:10px}#conectFor a[href="/profile?mode=editprofile"]:hover{background-image:url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png)}
Feito isto,
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

Codigo JavaScript:
Código:
jQuery(document).ready(function(){jQuery('.postbody table,div.sig-content table').css('position','').css('display','').css('z-index','999').css('min-width','1px').css('min-height','1px').css('max-height','2500px').css('max-width','2500px').css('cursor','')});$(document).ready(function(){var nick=($('#logout').length)?$('#logout img').attr('alt').replace('Sair','').replace('[','').replace(']',''):'';var con=($('#logout').length)?'<a href="/profile?mode=editprofile" style="position: relative;">Conectado como  <b> '+nick+'</b><ul></ul></a><a href="/login?logout=1">Sair</a>':'Seja bem vindo Visitante!<a href="/login"style="position: relative;">Login</a><a href="/register">Registrar-se</a>';$('body').prepend('<span id="conectFor"> '+con+'</span>');$('#conectFor ul').prepend('<li><a href="/profile?mode=editprofile">Informações</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a></li><li><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><li><a href="/search?search_id=draftsearch">Rascunhos</a></li><li><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos</a></li><li><a href="/profile?mode=editprofile&page_profil=attachments">Anexos</a></li><li><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a></li><li><a href="/search?search_id=watchsearch"class="offp">Tópicos Supervisionados</a></li><li><a href="/search?search_id=favouritesearch"target="_blank">Tópicos favoritos</a></li><li><a href="/search?search_id=newposts"target="_blank">Novas mensagens</a></li>')});
Clique em "Confirmar".

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: Personalizar topo e categorias

Mensagem por Ricardojgar em 07/12/12, 04:27 pm

Olá Today,

Como é que eu retiro essa imagem que está assinalada com a seta?


Queria também mudar a cor de fundo da barra, a cor das letras e deixa-la com tamanho maior em comprimento, tamanho automático por causa dos vários tamanhos de ecrãs de pc.

E também pretendia centrar as letras, "Seja bem vindo Visitante! Login Registrar-se"

Já agora, qual o código para adicionar esta opção?


Última edição por Ricardojgar em 07/12/12, 04:30 pm, editado 1 vez(es) (Razão : E também pretendia centrar as letras, "Seja bem vindo Visitante! Login Registrar-se")

Ricardojgar
Nível 8

Masculino
Inscrito dia : 27/07/2009
Mensagens : 121
Pontos Ativos : 205

Ver perfil do usuário http://forumdosexoticos.forumeiro.com/

Resolvido Re: Personalizar topo e categorias

Mensagem por BrunoH. em 07/12/12, 04:31 pm

Olá!
É permitido apenas uma questão por tópico, peço que o senhor crie um novo tópico para uma nova questão. Podemos encerrar está questão?

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar topo e categorias

Mensagem por Ricardojgar em 07/12/12, 04:42 pm

Boas,

Já fiz as alterações que eu pretendia através do código css em relação à barra do topo.
Mas só há uma coisa que eu queria mudar e que não sei fazer, que era manter essa barra a acompanhar sempre o fórum e não como ela está neste momento.


Ricardojgar
Nível 8

Masculino
Inscrito dia : 27/07/2009
Mensagens : 121
Pontos Ativos : 205

Ver perfil do usuário http://forumdosexoticos.forumeiro.com/

Resolvido Re: Personalizar topo e categorias

Mensagem por Sennior em 09/12/12, 12:19 pm

Olá!

Para cada dúvida, cria um tópico amigo. Este sera dado como resolvido, pois sua primeira dúvida foi sanada!

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

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