Menu "ir à página"

4 participantes

Ir para baixo

Tópico resolvido Menu "ir à página"

Mensagem por gabrielr82 29.11.13 14:24

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
https://i.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
gabrielr82
gabrielr82
Novo Membro

Membro desde : 29/11/2013
Mensagens : 23
Pontos : 49

http://totalgamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ir à página"

Mensagem por Raayzeck 29.11.13 15:18

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;
}
Raayzeck
Raayzeck
****

Membro desde : 07/09/2012
Mensagens : 299
Pontos : 491

http://playperfect.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ir à página"

Mensagem por gabrielr82 29.11.13 16:04

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

oi, não fez efeito!
gabrielr82
gabrielr82
Novo Membro

Membro desde : 29/11/2013
Mensagens : 23
Pontos : 49

http://totalgamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ir à página"

Mensagem por gabrielr82 29.11.13 16:16

na verdade esse script jogou todo meu forum p esquerda e ficou todo "desfigurado"
gabrielr82
gabrielr82
Novo Membro

Membro desde : 29/11/2013
Mensagens : 23
Pontos : 49

http://totalgamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ir à página"

Mensagem por First 30.11.13 1:45

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 
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ir à página"

Mensagem por JScript 30.11.13 2:42

@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
JScript
JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu "ir à página"

Mensagem por gabrielr82 30.11.13 20:23

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!!
gabrielr82
gabrielr82
Novo Membro

Membro desde : 29/11/2013
Mensagens : 23
Pontos : 49

http://totalgamer.foruns.com.pt

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos