Imagem com código de javascript no portal

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

Resolvido Imagem com código de javascript no portal

Mensagem por Jukemi em 29/10/11, 09:52 pm

Qual é minha questão:
Como no exemplo a ser dado

http://b1a4br.forumeiros.com/portal

gostaria de saber se há algum script nesta imagem do portal para deixa-la assim, se alguém tem o conhecimento deste código. Imagem do portal com links informativos aleatórios.

Medidas que eu tomei para corrigir o problema:
-

Imagens do meu problema:
-

Endereço do meu fórum:
http://sociedadeanimes.forumeiros.com/forum

Versão do meu fórum:
PHPBB3


Última edição por Jukemi em 29/10/11, 10:00 pm, editado 3 vez(es)
avatar

Jukemi
Nível 2

Feminino
Inscrito dia : 05/09/2011
Mensagens : 9
Pontos Ativos : 19

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

Resolvido Re: Imagem com código de javascript no portal

Mensagem por Firenando em 29/10/11, 09:55 pm

Nao entendi, voce quer o que afinal?

O menu de navegaçao? Explica mais...
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Imagem com código de javascript no portal

Mensagem por Jukemi em 29/10/11, 09:57 pm

Fire_Hell escreveu:Nao entendi, voce quer o que afinal?

O menu de navegaçao? Explica mais...

Desculpa eu me expressei mal mesmo, enfim eu gostaria de saber se alguem tem o conhecimento deste código de script que indica links aleatórios informativos ao clicar na imagem principal.

Observe que é uma imagem aleatória, e contém informações aleatórias na mesma o q gostaria de saber é se alguém sabe este código de script
avatar

Jukemi
Nível 2

Feminino
Inscrito dia : 05/09/2011
Mensagens : 9
Pontos Ativos : 19

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

Resolvido Re: Imagem com código de javascript no portal

Mensagem por Firenando em 29/10/11, 10:14 pm

Entendi, mais desculpa nao sei...

Espere algum ajudaeiro ...
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Imagem com código de javascript no portal

Mensagem por Lexus em 29/10/11, 10:40 pm

Olá Jukemi,

crie uma página HTML e insira este código nela:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- CSS -->
<style type="text/css" media="screen">
#slider1 {
    width: 720px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
   overflow: inherit; /* important */
}

#slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
   margin-top: -9px;
   margin-left: -50px;
}
.slider1Image {
   float: left;
    position: relative;
   display: none;
}
.slider1Image span {
    position: absolute;
   font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
   clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
   top: 0;
    left: 0;
   width: 110px !important;
   height: 280px;
}
.right {
   right: 0;
   bottom: 0;
   width: 110px !important;
   height: 280px;
}
ul { list-style-type: none;}
</style>
<!-- JavaScripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/543211015510/s3Slider.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#slider1').s3Slider({
            timeOut: 4000
        });
    });
</script>
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="table">
    <div id="slider1">
        <ul id="slider1Content">
            <li class="slider1Image">
                <a href="http://b1a4br.forumeiros.com/forum" target="_blank"><img src="http://img695.imageshack.us/img695/230/71893477.jpg" alt="1" /></a>
                <span class="left"><strong>Bem Vindos ao B1A4 BR!</strong><br />Fanbase brasileira dedicada a boyband B1A4.</span></li>
            <li class="slider1Image">
                <a href="http://b1a4br.forumeiros.com/f17-let-s-fly" target="_blank"><img src="http://img812.imageshack.us/img812/2667/11688606.jpg" alt="2" /></a>
                <span class="left"><strong>Let's Fly!</strong><br />Notícias, novidades, informações... tudo sobre B1A4.</span></li>
            <li class="slider1Image">
                <a href="http://b1a4br.forumeiros.com/t40-precisa-se-de-staff-urgentemente" target="_blank"><img src="http://img9.imageshack.us/img9/4495/76594292.jpg" alt="3" /></a>
                <span class="left"><strong>Staff</strong><br />Quer ajudar o fórum? Inscreva-se!</span></li>
            <li class="slider1Image">
                <a href="http://b1a4br.forumeiros.com/f25-salinha-da-diversao" target="_blank"><img src="http://img194.imageshack.us/img194/3041/60524297.jpg" alt="4" /></a>
                <span class="left"><strong>Salinha da Diversão!</strong><br />A verdadeira diversão esta aqui!</span></li>
            <li class="slider1Image">
                <a href="http://b1a4br.forumeiros.com/f8-faq" target="_blank"><img src="http://img690.imageshack.us/img690/1394/83890877.jpg" alt="5" /></a>
                <span class="left"><strong>FAQ</strong><br />Quer ajuda?</span></li>
            <div class="clear slider1Image"></div>
            </li>
        </ul>
</body>
</html>

após isto, crie um widget e coloque este código:

<iframe src ="link da sua página html" width="700px" height="300px" frameborder="0" scrolling="no">
</iframe>

substitua pelo link da sua página html criada.

Caso queira outras informações edite o primeiro código, pois ele é o slide de imagens.
Caso eu não fui bem claro avise que tentarei explicar melhor. zen
avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Imagem com código de javascript no portal

Mensagem por Jukemi em 31/10/11, 10:04 am

Eu testei com o modelo do outro fórum mesmo só pra ter uma noção de como iria ficar, segui as instruções recomendadas de

trocar o link neste código

Código:
<iframe src ="link da sua página html" width="700px" height="300px" frameborder="0" scrolling="no">
</iframe>
pelo link da página, entretanto apareceu somente a página completa do fórum e não o codigo de script inserido na página de HTML.



Por gentileza Pezzi Poderia me instruir como seria a criação desta página HTML ex;

Cria página HTML / Seria de HTML mesmo ou Script ??

Após criar a página HTML, e criar a Widget no portal, só é necessário a mudança de link ou é necessário fazer algo mais??

Obrigada
avatar

Jukemi
Nível 2

Feminino
Inscrito dia : 05/09/2011
Mensagens : 9
Pontos Ativos : 19

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

Resolvido Re: Imagem com código de javascript no portal

Mensagem por Luiiz em 31/10/11, 10:22 am

Ali onde esta "Você deseja utilizar o início e o final da página do seu fórum ?"
Marque não, ai não vai aparecer a cabeçalho do seu forum!

-Cria página HTML / Seria de HTML mesmo ou Script ??
Html, pois seria um script dentro do htlm que muda as imagens.

-Após criar a página HTML, e criar a Widget no portal, só é necessário a mudança de link ou é necessário fazer algo mais??
Editar o codigo com imagens de sua preferencia, só isso.
avatar

Luiiz
Nível 9

Masculino
Inscrito dia : 06/07/2011
Mensagens : 193
Pontos Ativos : 281

Ver perfil do usuário http://newlayout.forumbrasil.net

Resolvido Re: Imagem com código de javascript no portal

Mensagem por Jukemi em 31/10/11, 11:02 am

Obrigada *-* deu certo \o/

Irei modificar as imagens e links agora *-*
avatar

Jukemi
Nível 2

Feminino
Inscrito dia : 05/09/2011
Mensagens : 9
Pontos Ativos : 19

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

Resolvido Re: Imagem com código de javascript no portal

Mensagem por Oto! em 31/10/11, 11:10 am

Cara Jukemi.

Sua questão está sanada?
Flecha ajudeiros Confirme se ainda necessita de suporte adicional Piscada

Cordialmente,
Equipe FDF
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Imagem com código de javascript no portal

Mensagem por Jukemi em 31/10/11, 11:47 am

Minha Dúvida esta Sanada sim

Venho por meio deste agradecer a prestatividade da Equipe FDF

Obrigada!!!!

Resultado;

http://sociedadeanimes.forumeiros.com/
avatar

Jukemi
Nível 2

Feminino
Inscrito dia : 05/09/2011
Mensagens : 9
Pontos Ativos : 19

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

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