Boas-vindas ao Power Pixel

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

KamuH KamuH  • Sáb 30 Ago 2014 - 22:22

[Pedido] ScrollBar Horizontal Empty [Pedido] ScrollBar Horizontal Sáb 30 Ago 2014 - 22:22

Minha questão:
Gostaria de saber se tem como fazer um scrollbar na horizontal quando a imagem for muito grande.

Exemplo : [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Nesse link, a imagem do mapa fica muito grande, com isso, não da para ver todo ele. Se eu habilito o "redimensionar imagem" no painel, não da para ler, o que tá escrito, e, se clicar para ver em tamanho real, a imagem fica cortada como está agora. O que eu faço para por um scrollbar na horizontal ?

Gostaria, também, que esse scrollbar fosse igual ao que tivesse no navegador(Chrome,Opera,Firefox,IE, Safari, etc... )


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

Versão:
Invision

iConnect iConnect  • Sáb 30 Ago 2014 - 22:35

[Pedido] ScrollBar Horizontal Empty Re: [Pedido] ScrollBar Horizontal Sáb 30 Ago 2014 - 22:35

Reputação da mensagem: 100% (1 votos)
Olá,
Para algo melhor, tenho aqui um código que a imagem fica pequena, ao passar o mouse, ela fica um pouco maior, acho ele bem legal e ficava bem.
Adicione a sua CSS:
Código:
.entry-content img{
  max-width: 300px;
  transition: all ease-out .2s;
}
.entry-content img:hover{
  cursor: url('http://icons.iconarchive.com/icons/gakuseisean/ivista-2/32/Start-Menu-Search-icon.png'), auto;
  max-width: 100%;
}
Que acha?

Até Mais...

KamuH KamuH  • Sáb 30 Ago 2014 - 22:51

[Pedido] ScrollBar Horizontal Empty Re: [Pedido] ScrollBar Horizontal Sáb 30 Ago 2014 - 22:51

Pus na minha folha de estilo CSS e não funcionou, ficou a mesma coisa.

iConnect iConnect  • Dom 31 Ago 2014 - 0:18

[Pedido] ScrollBar Horizontal Empty Re: [Pedido] ScrollBar Horizontal Dom 31 Ago 2014 - 0:18

Reputação da mensagem: 100% (1 votos)
Olá,
Crie um novo JavaScript em todas as paginas:
Código:
jQuery(function(){jQuery.getScript("http://firstcodes.forumeiros.com/18651.js")});

Adicione a Folha de Estilo CSS:
Código:
/***** Efeito lightbox para fóruns Forumeiros - INÍCIO*****/
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}   
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;   
}           
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;   
}
/***** Efeito lightbox para fóruns Forumeiros - FIM *****/

Até Mais...

KamuH KamuH  • Dom 31 Ago 2014 - 0:25

[Pedido] ScrollBar Horizontal Empty Re: [Pedido] ScrollBar Horizontal Dom 31 Ago 2014 - 0:25

O lightbox ficou perfeito, só que a imagem, no tópico, continua grande de mais. Fica estranho se for deixar desse jeito, tem como arrumar ?

iConnect iConnect  • Dom 31 Ago 2014 - 0:31

[Pedido] ScrollBar Horizontal Empty Re: [Pedido] ScrollBar Horizontal Dom 31 Ago 2014 - 0:31

Reputação da mensagem: 100% (1 votos)
Olá,
Entre no painel de controle >>> Geral >>> Mensagens e-mails >>> Configuração, procure por: Redimensionamento de imagens :
Coloque na Largura: 800
Coloque na Altura: 500
Salve isso.

Até Mais...

KamuH KamuH  • Dom 31 Ago 2014 - 0:34

iConnect iConnect  • Dom 31 Ago 2014 - 0:36

[Pedido] ScrollBar Horizontal Empty Re: [Pedido] ScrollBar Horizontal Dom 31 Ago 2014 - 0:36

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

[Pedido] ScrollBar Horizontal Empty Re: [Pedido] ScrollBar Horizontal

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