Menu "ir à página"

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

Resolvido Menu "ir à página"

Mensagem por gabrielr82 em 29/11/13, 12:24 pm

Qual é minha questão:
Boa tarde,

gostaria de uma ajudar para mudar a posição do menu " Ir à página 1, 2, 3"
quero mudar parar o lado direito e deixar os botões criar tópico e responder no lado esquerdo tanto na parte de cima como na de baixo e tbm modificar a cor dessa barra

imagem do que eu quero mudar
http://i58.servimg.com/u/f58/13/15/01/83/captur10.png




obrigado

Endereço do meu fórum:
http://totalgamer.foruns.com.pt

Versão do fórum:
PUNBB
avatar

gabrielr82
Nível 3

Masculino
Inscrito dia : 29/11/2013
Mensagens : 23
Pontos Ativos : 49

Ver perfil do usuário http://totalgamer.foruns.com.pt

Resolvido Re: Menu "ir à página"

Mensagem por @ Thiago @ Arromba @ em 29/11/13, 01:18 pm

Olá , Adicione em Sua Folha De Estilo CSS :

Código:
/* TOOLTIP */
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}

.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}

.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
avatar

@ Thiago @ Arromba @
Nível 9

Masculino
Inscrito dia : 07/09/2012
Mensagens : 181
Pontos Ativos : 343

Ver perfil do usuário http://mundial.forum-pro.net https://www.facebook.com/thiago.jackson.16 https://twitter.com/thiago3457

Resolvido Re: Menu "ir à página"

Mensagem por gabrielr82 em 29/11/13, 02:04 pm

@@ Thiago @ Arromba @ escreveu:
Olá , Adicione em Sua Folha De Estilo CSS :

oi, não fez efeito!
avatar

gabrielr82
Nível 3

Masculino
Inscrito dia : 29/11/2013
Mensagens : 23
Pontos Ativos : 49

Ver perfil do usuário http://totalgamer.foruns.com.pt

Resolvido Re: Menu "ir à página"

Mensagem por gabrielr82 em 29/11/13, 02:16 pm

na verdade esse script jogou todo meu forum p esquerda e ficou todo "desfigurado"
avatar

gabrielr82
Nível 3

Masculino
Inscrito dia : 29/11/2013
Mensagens : 23
Pontos Ativos : 49

Ver perfil do usuário http://totalgamer.foruns.com.pt

Resolvido Re: Menu "ir à página"

Mensagem por First em 29/11/13, 11:45 pm

Olá,

Peço que acede à 'Folha de estilo CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
Código:
.paged-head .paging {
float: right;
}
Valide.


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Menu "ir à página"

Mensagem por JScript em 30/11/13, 12:42 am

@Fisrt

Olá!

Funciona perfeitamente, mas só uma dica: Pode-se aproveitar o seletor já existente pra isso, pois já contém o parâmetro float: com o valor left, neste caso, basta trocar para right
Código:

.pun .paging {
  float: right !important;
}
Tem mais: .pun .paging é mais rápido do que .paged-head .paging...

Abraços,

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Menu "ir à página"

Mensagem por gabrielr82 em 30/11/13, 06:23 pm

@JScript escreveu:@Fisrt

Olá!

Funciona perfeitamente, mas só uma dica: Pode-se aproveitar o seletor já existente pra isso, pois já contém o parâmetro float: com o valor left, neste caso, basta trocar para right
Código:

.pun .paging {
  float: right !important;
}
Tem mais: .pun .paging é mais rápido do que  .paged-head .paging...

Abraços,

JS
ok, esse aqui resultou e ficou exatamete como queria.
Muito obrigado!!
avatar

gabrielr82
Nível 3

Masculino
Inscrito dia : 29/11/2013
Mensagens : 23
Pontos Ativos : 49

Ver perfil do usuário http://totalgamer.foruns.com.pt

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