Como mudar a aparencia desses icones?

Detalhes da dúvida

Versão do fórum : Invision
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Somente comigo
Endereço do fórum : http://schultzgames.forumeiros.com/

Descrição do problema

Deem uma olhada nisso pessoal...



como posso mudar a aparencia desses botoes de ir para proxima página, etc??? eles são muito pequenos, gostaria de trocar por maiores. já fui no painel de controle>gestão de imagens, más não tem esses botoes ai.

Bom dia!

Poderá personalizar usando o seletor:

Código:

.pagination span strong {
Propriedades;
}

No lugar de "Propriedades", adicione o efeito do CSS desejado. Poderá compreender ao acessar este tópico: https://ajuda.forumeiros.com/t16183-

Se preferir, poderá dizer como quer que fique, para que possamos editar.

Atenciosamente,
Shek

Estaria a procura de um efeito parecido com esse.





só que com os botoes do 1 e 2 ... um pouco maiores

Boa tarde!

Tente com esse:

Código:

.pagination span strong {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 7px 10px;
color: #000;
}

.pagination span a:link {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 7px 10px;
color: #000;
}

 .pagination span a:link:hover, .pagination span strong:hover {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: solid 1px #DDD;
border-radius: 3px;
padding: 7px 10px;
background: #424242 url('');
color: #FFF;
padding: 7px 10px;
}

O máximo que consegui foi isso. Não consigo igual, me desculpe.

Ficom ótimo, o tamanho está legal, só tem um pequeno efeito colateral, os botões pegam alguns dos textos, como 

(PARTE INFERIOR)






e

( PARTE SUPERIOR )

 
SchultzGames :: UNITY 3D :: Tutoriais UNITY 3D

Saudações!

Adicione este código no início da tua CSS:

Código:

#page-body #content-container #outer-wrapper #wrapper #container #content #main #main-content .noprint p.right{margin-top: VALORpx !important}

Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Modifique o "VALOR" para o valor desejado, até que fique ao teu gosto!
P.S: O senhor pode deixar o valor positivo ou negativo e para deixa-lo negativo, basta adicionar "-" antes do valor.

Atenciosamente,
Hakuouki

apenas alterei alguns valores e deu um efeito parecido com o que eu queria...

Código:

.pagination span a:link {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 6px 10px;
color: #000;
}

 .pagination span a:link:hover, .pagination span strong:hover {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: solid 1px #DDD;
border-radius: 45px;
padding: 5px 23px;
background: #424242 url('');
color: #FFF;
padding: 5px 23px;
}

Más teria como mover estes botões para o centro da tela? não os textos, apenas os botões, como na imagem.

Saudações!

Mantenha as alterações que o senhor efetuou e adicione este código no início da tua CSS:

Código:

p.right{margin-right: -300px !important}

Salve!

Atenciosamente,
Hakuouki

Tentei más não surgiu efeito nenhum. coloquei o codigo no inicio, após o texto " menu ", no final também ( validei todas as vezes ) más não mudou a posição dos botoes

Saudações!

Tente este:

Código:

strong.pagination a, .topic-paging a {
text-align: center !important;
margin-left: 250px !important
}
div.pagination.topic-options {
text-align: center;
margin-left: 250px !important;
width: 49% !important;
}

Atenciosamente,
Hakuouki

Vix, novamente não surgiu efeito...

Nao existe nenhum meio de alterar a posiçao desses botoes?

@MarcoSchultz:
Claro que existe, é só usar a propriedade correta.
Adicione no início da CSS:

Código:

.pagination {
float: none !important;
left: -50% !important;
position: relative !important;
}

Ficará assim: http://prntscr.com/563lz3

Resolvei quanto a posição, más os textos

Marcar todos os tópicos como lidos • Mais!


e 


Marcar todos os tópicos como lidos • Supervisionar os assuntos deste fórum • 


ficam atraz dos botões, e a intenção é que eles ficassem no canto >>>

Poderia deixar o código ativo? E que preciso verificar.

Está ativado. más até as texturas ficam bugadas...

O texto 'Mais', eu encontrei, porém os outros não. Para corrigir, adicione em sua CSS:

Código:

a[href="javascript:showhide(document.getElementById('plus_menu'))"]{
left: 2% !important;
position: relative !important;
}

É isto?

alterei, más de uma olhada como ficou por esse link:


http://www.schultzgames.com/f1-tutoriais-unity-3d

Olá!

Não estou a entender, será possível me fornecer uma print?

isso que acontece:

os textos ficam atraz dos botões, e a intenção é que fiquem do lado ( pode ser no canto onde tavam inicialmente )

E que precisa se registrar para ver isto, por isso eu não via..

---

Adicione em sua CSS:

Código:

.pagination a {
left: -12% !important;position: relative;
}


Vá modificando o número -12.

ainda não. ele move os botões junto...

coloquei em +30% que é onde gostaria que ficasse. más os botoes vão junto tb


até agora adicionei isso na CSS

Código:

.pagination {
float: none !important;
left: -50% !important;
position: relative !important;
}
a[href="javascript:showhide(document.getElementById('plus_menu'))"]{
left: 2% !important;
position: relative !important;
}
.pagination a {
left: -12% !important;position: relative;
}

Olá!

Crie um novo JS:

Código:

$(function(){
$('a:contains("Marcar todos os tópicos como lidos")').addClass('paginati');
});

Troque essa parte do código:

Código:

.pagination a {
left: -12% !important;position: relative;
}

Por essa:

Código:

.paginati{
left: -12% !important;
position: relative !important;
}

o inicio do código está assim.

Código:

.pagination {
float: none !important;
left: -50% !important;
position: relative !important;
}
a[href="javascript:showhide(document.getElementById('plus_menu'))"]{
left: 2% !important;
position: relative !important;
}
.paginati{
left: -12% !important;
position: relative !important;
}

e criei um Java investido em todas as páginas, más não alterou nada, o texto voltou para traz dos botões

Substitua o JS fornecido, por este:

Código:

$(function(){
$('a:contains("Marcar todos os tópicos como lidos")').addClass('pagination');
});

Caso não funcione, tente este:

Código:

$(function(){
$('a:contains("Marcar todos os tópicos como lidos")').addClass('.pagination');
});

Até!

Wow, deu para arrumar praticamente como éra para ficar. só tem este texto bem embaixo


• Supervisionar os assuntos deste fórum • 


que está ficando atraz dos botões. Tem como mudar a posição dele, ou até tira-lo?

Este fará com que ele desapareça:

Código:

$(function(){
$('a:contains("Supervisionar os assuntos deste fórum")').addClass('pagination').css('display', 'none');
});

E este fará com que ele mude sua posição:

Código:

$(function(){
$('a:contains("Supervisionar os assuntos deste fórum")').addClass('pagination');
});

P.S: Adicione no mesmo JS criado abaixo do primeiro código ou crie um novo!

Até!

Cra, funcionou perfeitamente, os 2 modos. vlwss

só a ULTIMA dúvida, realmente a ultima. como posso arrumar a posição desse botão de subir ao topo???



e como posso tirar esses 2 pontos que tem ali? na barra superior tem esses pontos também.

atualmente estou usando este trecho de CSS para alterar o tamanho e aparencia dos botões

Código:

.pagination span a:link {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 6px;
padding: 6px 10px;
color: #000;
}

 .pagination span a:link:hover, .pagination span strong:hover {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: solid 1px #DDD;
border-radius: 45px;
padding: 4px 15px;
background: #424242 url('');
color: #FFF;
padding: 4px 15px;
}

Olá novamente!

Crie um novo tópico para que eu possa lhe ajudar amigo, pois só é permitido uma questão por tópico e como eu sigo à risca as regras, não poderei lhe ajudar neste tópico.

Ficarei no aguardo,
Hakuouki

Hakuouki escreveu:Olá novamente!

Crie um novo tópico para que eu possa lhe ajudar amigo, pois só é permitido uma questão por tópico e como eu sigo à risca as regras, não poderei lhe ajudar neste tópico.

Ficarei no aguardo,
Hakuouki

Ainda é a mesma dúvida. é referente a alteração dos botões... ^^

Perdão, me equivoquei errado.

Adicione este JS abaixo dos anteriores:

Código:

$(function(){
$('a:contains("Marcar todos os tópicos como lidos")').addClass('pagination').css('position', 'relative');
});

Este fará com que o texto permaneça no seu lugar.

E este no CSS:

.sprite-arrow_prosilver_up {
margin-right: -300px !important;

Este fará mudar a posição. Altere o valor conforme ficar ao seu gosto.
No caso de não funcionar, substitua por este:

img.sprite-arrow_prosilver_up {
margin-right: -300px !important;

Até!

O posicionamento já está tudo OK ^^

o unico problema é isso:



aquele botão de ir para o topo da pagina não aparece, só aparece uma setinha. e tem aqueles 2 pontos embaixo que não servem para nada.

estou usando este trecho de CSS para fazer esta aparencia nos botões...

Código:

.pagination span a:link {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 6px;
padding: 6px 10px;
color: #000;
}

 .pagination span a:link:hover, .pagination span strong:hover {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: solid 1px #DDD;
border-radius: 45px;
padding: 4px 15px;
background: #424242 url('');
color: #FFF;
padding: 4px 15px;
}

Meu caro, aceda à: Painel de Controle >> Visualização >> Templates >> Geral >> viewforum_body
Procure pelo template "viewforum_body" e clique no botão , logo após copie todo o conteúdo lá presente e mande-me aqui com as tags:

Código:

[code][/code]

Ficarei no aguardo!

Hakuouki escreveu:Meu caro, aceda à: Painel de Controle >> Visualização >> Templates >> Geral >> viewforum_body
Procure pelo template "viewforum_body" e clique no botão , logo após copie todo o conteúdo lá presente e mande-me aqui com as tags:

Código:

[code][/code]

Ficarei no aguardo!

Tens razão, já é outra dúvida. criei um novo tópico. este ficara como resolvido ^^