SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff		 Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você		 Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

SP-Design » Área Design » Pedidos de Códigos » Questões resolvidasFunção Code v2

Função Code v2

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

Cristian 95

Cristian 95
sou nível 16

Dom 26 Ago 2012, 10:44 pm
Qual é minha questão:
Como colocar para ficar fixo na página? (position: fixed)

Eu uso esse:

Código:
$(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>' : 'Bem vindo Visitante!<a href="/login"style="position: relative;">Login</a><a href="/register">Criar Conta</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">Preferencias</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">Topicos 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>')});


Imagem do meu problema:


Endereço do meu fórum:
[url=brisando.forumeiros.com]brisando.forumeiros.com[/url]

Versão do meu fórum:
PUNBB

Uzumaki Ary

Uzumaki Ary
sou nível 11

Seg 27 Ago 2012, 11:02 am
Acho que é : position: relative

LucasRPG

LucasRPG
sou nível 16

Seg 27 Ago 2012, 11:17 am
Adicione este Código no seu CSS.

Código:

#conectFor {
position: fixed !important;
}

Cristian 95

Cristian 95
sou nível 16

Seg 27 Ago 2012, 1:45 pm
/\ não vai funcionar se no código não tiver o
, mas se adicionar isso o código para de funcionar ...
E eu nem percebi que no código já continha tal função

"style="position: relative;">", só basta mudar para "fixed" desculpem-me .. mas quando coloca "fixed" só descem os links, o fundo dele fica no mesmo lugar, e os links ficam um em cima do outro, para ver melhor só ir lá no fórum.

E o título do tópico era "conectado como V2" sorry novamente .. >.<

LucasRPG

LucasRPG
sou nível 16

Seg 27 Ago 2012, 2:10 pm
Sua Dúvida foi resolvida?

Cristian 95

Cristian 95
sou nível 16

Seg 27 Ago 2012, 9:39 pm
Não, ele desce só os links, o resto fica no mesmo lugar ... como faço para descer tudo?

LucasRPG

LucasRPG
sou nível 16

Seg 27 Ago 2012, 9:50 pm
Como disse,use o código que lhe passei

Código:
#conectFor {
position: fixed !important;
}

Cristian 95

Cristian 95
sou nível 16

Ter 28 Ago 2012, 12:09 am
Hmmm ... certinho ... .-.


Mas como faz para ele ficar por cima das imagens?
As imagens ficam por cima dele quando o menu chega nas imagens ... oO

LucasRPG

LucasRPG
sou nível 16

Ter 28 Ago 2012, 8:37 am
Substitua o Código CSS Anterior por Este :

Código:
#conectFor {
position: fixed !important;
z-index: 99999;
}

Cristian 95

Cristian 95
sou nível 16

Ter 28 Ago 2012, 10:17 am
Ta certinho ... só a última coisa ... quando ele não ficava fixo na página, ele já tinha o próprio lugar dele, tipo, ele ficava em ACIMA do logo, agora ele fica EM CIMA ... tem como colocar para ele ficar ACIMA ? e.e

LucasRPG

LucasRPG
sou nível 16

Ter 28 Ago 2012, 10:21 am
Cristian 95 escreveu:Ta certinho ... só a última coisa ... quando ele não ficava fixo na página, ele já tinha o próprio lugar dele, tipo, ele ficava em ACIMA do logo, agora ele fica EM CIMA ... tem como colocar para ele ficar ACIMA ? e.e

Em cima e Acima ? Não Entendi...Oque deseja Fazer?

Switch

Switch
Usuário de Destaque

Ter 28 Ago 2012, 11:13 am
adiciona isso em seu css

Código:

body{padding-top:20px !important}

Aumente ou diminua onde está 20px

Cristian 95

Cristian 95
sou nível 16

Ter 28 Ago 2012, 2:48 pm
Certinho Switch, muito obrigado, pode fechar ... ^^

Cristian 95

Cristian 95
sou nível 16

Ter 28 Ago 2012, 2:57 pm
Não espera ... eu quero adicionar um código html a ele, porém ele só aparece normalmente nele se eu adicionar no widget, porém como ele fica por cima das palavras e das imagens, ele não monstra o código html, o código html aparece, mas o conectado como fica por cima, como faço para deixar só o código html por cima?

Switch

Switch
Usuário de Destaque

Ter 28 Ago 2012, 6:37 pm
Não intendi oque deseja.

que código html é esse ?
e que código você adicionou no widget ?

Cristian 95

Cristian 95
sou nível 16

Ter 28 Ago 2012, 7:40 pm
Enviei por Mensagem Privada o código. (sem o fixed ele funciona perfeitamente, com o fixed o código ficar por cima da mensagem)

Cristian 95

Cristian 95
sou nível 16

Qui 30 Ago 2012, 10:22 am
UP ... e.e

Switch

Switch
Usuário de Destaque

Qui 30 Ago 2012, 4:29 pm
O código que você me enviou por MP está ativado em seu fórum ?

Cristian 95

Cristian 95
sou nível 16

Qui 30 Ago 2012, 10:52 pm
Sim está, para convidados apenas ..

Switch

Switch
Usuário de Destaque

Sex 31 Ago 2012, 6:58 pm
Procure isso
Código:

#info {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: 400;
left: 15px;
overflow: visible;
position: absolute;
top: 12px;
width: 100%;
z-index: 2;
}

E troque por isso

Código:

#info {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: 400;
left: 15px;
overflow: visible;
position: absolute;
top: 12px;
width: 100%;
z-index: 999 !important;
}

Depois procure isso

Código:

#conectFor {
background: #323232;
border-bottom: 1px solid black;
color: #F1F1F1;
display: block;
font-family: Tahoma;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 10px;
left: 0;
padding: 13px 20px 13px 13px;
position: fixed!important;
right: 0;
text-align: right;
top: 0;
z-index: 999;
}

E troque por isso

Código:

#conectFor {
background: #323232;
border-bottom: 1px solid black;
color: #F1F1F1;
display: block;
font-family: Tahoma;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 10px;
left: 0;
padding: 13px 20px 13px 13px;
position: fixed!important;
right: 0;
text-align: right;
top: 0;
z-index: 998;
}

Cristian 95

Cristian 95
sou nível 16

Sáb 01 Set 2012, 12:00 am
Mano esses códigos que você pediu para eu procurar não tem nenhum .. e.e

Cristian 95

Cristian 95
sou nível 16

Dom 02 Set 2012, 2:35 pm
Certinho, eu subtitui o que eu achei aparente a este código, muito grato, pode closar, valeeeu.

LucasRPG

LucasRPG
sou nível 16

Dom 02 Set 2012, 2:55 pm


Topic Solved &; Locked


Tópico finalizado e movido para:
Questões resolvidas
Pedidos finalizados

Motivo: Resolvido.


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Você não está conectado. Conecte-se ou registre-se

SP-Design » Área Design » Pedidos de Códigos » Questões resolvidasFunção Code v2



Permissões neste sub-fórum
Não podes responder a tópicos
TiagoDJ-7.0, Seg 03 Mar 2014, 3:21 pm

Tenma Hiraga, Dom 12 Jan 2014, 2:49 pm

TiagoDJ-7.0, Ter 31 Dez 2013, 5:50 pm

Crowley, Ter 31 Dez 2013, 8:42 am

TiagoDJ-7.0, Sex 27 Dez 2013, 9:33 pm

Ghost, Sex 27 Dez 2013, 6:37 pm

Crowley, Sex 27 Dez 2013, 12:53 pm

Crowley, Sex 27 Dez 2013, 12:46 pm

Destaque do Fórum
Destaque do Fórum

Carregando avatar...
Muito Obrigado
Parabens para o Membro destaque do fórum, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!

Quer um Widget igual a este ?
peça o seu aqui >>>

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®