Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Problema em Código Urgente!

3 participantes

Início :: Forumeiros :: NostalgiaProblema em Código Urgente!

avatar IsmaelS.  • Ter 26 Ago 2014 - 11:25

Problema em Código Urgente! Empty Problema em Código Urgente! Ter 26 Ago 2014 - 11:25

Minha questão:
Olá,

Eu queria colocar o topo do meu fórum como este:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Com o efeito de menu de navegação e tudo e veja como já coloquei:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

A parte dos widgets estão em cima do menu, o efeito do menu de navegação não resultou, queria saber se era possível poderem me arranjar esse problema!

Código de .CSS que utilizei:
Código:
div#content {position: relative !important;top: 9pc !important;}#right {position: relative;margin-top: 9pc!important;}div#branding {-moz-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;-webkit-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;background: url(http://i.imgur.com/g2Dvy0p.png)!important;border: 0!important;
border-bottom: 5px solid #ddd !important;box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3) !important;height: 85px!important;max-height: 170px !important;overflow: hidden !important;width: 113%!important;background-color: #4575B4 !important;margin-top: -17px !important;margin-left: -148px !important;padding: 2pc !important;background-size: 174pc !important;position: absolute !important;}#community_app_menu>li>a {background: transparent!important;;display: block!important;;text-shadow: 0px 0px 0px rgba(0,0,0,0.5)!important;;color: #2C2C2C!important;padding: 6px 6px 11px!important;}#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {border-bottom: 3px solid #5b5b5c!important;background: transparent !important;}
ddiv#right {
top: 153px !important;
position: relative !important;
}
div#pun-about {position: relative !important;top: 8pc !important;font-size: 8px !important;background: transparent!important;}a#backtotop {position: absolute !important;top: 8pc !important;}html#min-width {background-color: transparent !important;}ddiv#right {top: 153px !important;position: relative !important;}

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

iConnect iConnect  • Ter 26 Ago 2014 - 11:36

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 11:36

Olá,
Adicione à sua Folha de Estilo CSS:
Código:
div#right {position: relative !important;top: 144px !important;}
Eu testei o mesmo e ficou perfeito.

Até Mais....

avatar IsmaelS.  • Ter 26 Ago 2014 - 11:39

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 11:39

Olá,

Resultou, só que falta o colocar este efeito de Menu de Navegação:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Target Target  • Ter 26 Ago 2014 - 11:40

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 11:40

Olá,
Adicione isto no seu CSS:
Código:

div#primary_nav {
-moz-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
-webkit-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
background: #FFF;
background-color: #F5F5F5!important;
box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
padding: 8px;
text-align: center;
}

Visto que já teve respostas, o código foi editado com o próximo pedido do senhor.
Até +! Wink


Última edição por Target em Ter 26 Ago 2014 - 11:48, editado 1 vez(es)

avatar IsmaelS.  • Ter 26 Ago 2014 - 11:47

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 11:47

Olá,

Amigo não resultou em nada o código!

Target Target  • Ter 26 Ago 2014 - 11:49

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 11:49

Olá,
Veja novamente o código, editado pois já havia obtido sucesso antes.
Até +!

iConnect iConnect  • Ter 26 Ago 2014 - 11:51

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 11:51

Olá,
Adicione à sua Folha de Estilo CSS:
Código:

  #primary_nav {
-moz-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
-webkit-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
background: #FFF;
background-color: #F5F5F5!important;
box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
padding: 13px;
text-align: center;
}
#pun-navlinks ul {
list-style: none;
text-align: left;
}

Até Mais....

avatar IsmaelS.  • Ter 26 Ago 2014 - 11:53

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 11:53

Olá,

Apareceu, mas ficou muito para o lado direito veja:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Target Target  • Ter 26 Ago 2014 - 12:00

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 12:00

Olá,
Adicione um margin-right de 8pc que irá ficar mais pra esquerda, assim:

Código:

div#primary_nav {
    margin-right: 8pc;
}

Até +!

iConnect iConnect  • Ter 26 Ago 2014 - 12:04

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 12:04

Olá,
Troque os códigos dados por o Target por este:
Código:
#primary_nav {
-moz-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
-webkit-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
background: #FFF;
background-color: #F5F5F5!important;
box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
padding: 13px;
text-align: center;
}
#pun-navlinks ul {
list-style: none;
text-align: left;
}
  div#primary_nav {
    margin-right: 15pc;
}
O mesmo fica igual ao do fórum desejado.
Resultado:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


Até Mais...

avatar IsmaelS.  • Ter 26 Ago 2014 - 12:08

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 12:08

Olá,

Agora que reparei, se repararem ao lado do menu tem algo que não sei o que se trata, e faz com que o fórum seja mais largo para a direita, até podem mexer na barra de rolagem em baixo!

iConnect iConnect  • Ter 26 Ago 2014 - 12:11

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 12:11

JQuery escreveu:Olá,
Troque os códigos dados por o Target por este:
Código:
#primary_nav {
-moz-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
-webkit-box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
background: #FFF;
background-color: #F5F5F5!important;
box-shadow: 0 3px 9px 0 rgba(50,50,50,0.3)!important;
padding: 13px;
text-align: center;
}
#pun-navlinks ul {
list-style: none;
text-align: left;
}
  div#primary_nav {
    margin-right: 15pc;
}
O mesmo fica igual ao do fórum desejado.
Resultado:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


Até Mais...

Target Target  • Ter 26 Ago 2014 - 12:15

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 12:15

Olá,
Não é bem isto.
Tente este código:
Código:

div#branding {
    width: 95% !important;
    margin-left: -77px !important;
}
div#branding_right {
    display: none;
}

Até +! Wink

avatar IsmaelS.  • Ter 26 Ago 2014 - 12:16

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 12:16

Não ficou lá muito bem veja:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Target Target  • Ter 26 Ago 2014 - 12:27

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 12:27

Olá,

Procure por o código:
Código:

div#primary_nav {
margin-right: 15pc;
}

Remova-o!

Se não encontrar, utilize este:

Código:

div#primary_nav {
margin-right: 0 !important;

Até +! Wink

avatar IsmaelS.  • Ter 26 Ago 2014 - 12:29

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 12:29

Olá,

Removi amigo, e ficou na mesma.

Target Target  • Ter 26 Ago 2014 - 12:46

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 12:46

Olá,
Tente este código:
Código:

#community_app_menu > li {
    margin: 5px 0px 0px 0px !important;
}
div#primary_nav {
    margin-right: -23px !important;
}

Até +! Smile

avatar IsmaelS.  • Ter 26 Ago 2014 - 12:48

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Ter 26 Ago 2014 - 12:48

Continua na mesma amigo :/

Target Target  • Dom 7 Set 2014 - 10:10

Problema em Código Urgente! Empty Re: Problema em Código Urgente! Dom 7 Set 2014 - 10:10

[sucesso=Tópico bloqueado]Já passou mais de 3 dias sem resposta do autor, portanto, bloquearei o tópico! Se necessita ainda de suporte e deseja reabrir o tópico, me mande uma MP.[/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Problema em Código Urgente! Empty Re: Problema em Código Urgente!

Início :: Forumeiros :: Nostalgia:: Problema em Código Urgente!
Permissões neste sub-fórum
Não podes responder a tópicos