Imagem com código de javascript no portal

5 participantes

Ir para baixo

Tópico resolvido Imagem com código de javascript no portal

Mensagem por Jukemi 30.10.11 0:52

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 30.10.11 1:00, editado 3 vez(es)
Jukemi
Jukemi
Novo Membro

Membro desde : 05/09/2011
Mensagens : 9
Pontos : 19

http://sociedadeanimes.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem com código de javascript no portal

Mensagem por Firenando 30.10.11 0:55

Nao entendi, voce quer o que afinal?

O menu de navegaçao? Explica mais...
Firenando
Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem com código de javascript no portal

Mensagem por Jukemi 30.10.11 0:57

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
Jukemi
Jukemi
Novo Membro

Membro desde : 05/09/2011
Mensagens : 9
Pontos : 19

http://sociedadeanimes.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem com código de javascript no portal

Mensagem por Firenando 30.10.11 1:14

Entendi, mais desculpa nao sei...

Espere algum ajudaeiro ...
Firenando
Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem com código de javascript no portal

Mensagem por Lexus 30.10.11 1:40

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
Lexus
Lexus
Hiper Membro

Membro desde : 22/06/2010
Mensagens : 4205
Pontos : 5693

http:///.../#

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem com código de javascript no portal

Mensagem por Jukemi 31.10.11 12:04

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.

Imagem com código de javascript no portal 11igynr

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
Jukemi
Jukemi
Novo Membro

Membro desde : 05/09/2011
Mensagens : 9
Pontos : 19

http://sociedadeanimes.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem com código de javascript no portal

Mensagem por Luiiz 31.10.11 12:22

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.
Luiiz
Luiiz
***

Membro desde : 06/07/2011
Mensagens : 193
Pontos : 281

http://newlayout.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem com código de javascript no portal

Mensagem por Jukemi 31.10.11 13:02

Obrigada *-* deu certo \o/

Irei modificar as imagens e links agora *-*
Jukemi
Jukemi
Novo Membro

Membro desde : 05/09/2011
Mensagens : 9
Pontos : 19

http://sociedadeanimes.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem com código de javascript no portal

Mensagem por Oto! 31.10.11 13:10

Cara Jukemi.

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

Cordialmente,
Equipe FDF
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem com código de javascript no portal

Mensagem por Jukemi 31.10.11 13:47

Minha Dúvida esta Sanada sim

Venho por meio deste agradecer a prestatividade da Equipe FDF

Obrigada!!!!

Resultado;

http://sociedadeanimes.forumeiros.com/
Jukemi
Jukemi
Novo Membro

Membro desde : 05/09/2011
Mensagens : 9
Pontos : 19

http://sociedadeanimes.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo


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