Exibir imagens como deste fórum

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

Resolvido Exibir imagens como deste fórum

Mensagem por milo100 em 18/11/12, 08:00 pm

Boas,
Gostaria de ter o código do sistema de notícias deste fórum.

http://topdesign.forumeiros.com/forum

Aquele logo no inicio da página em movimento =). Podem ajudar??
Cump°s Feliz


Fórum: http://www.vixeki.com/forum (punBB)


Última edição por milo100 em 19/11/12, 06:26 pm, editado 1 vez(es)
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Exibir imagens como deste fórum

Mensagem por Sennior em 18/11/12, 08:08 pm

Boa noite,

Veja se o código abaixo resulta colega:

Spoiler:
<div class="newslink"><p class="date">A sua última visita foi dia </p><p><!-- GALERIA -->

<style type="text/css">
#box{width:710px; height:250px; margin:0 auto 60px;}
#galeria{width:418px; height:245px; float:left; margin:15px;}
#images{float:left; background:#050505; position:absolute; width:420px; height:255px;}
#images ul{list-style:none;}
#images ul li{background:#090909; margin:0 2px;}
#images img{margin:5px 0; background:#050505;}
#images .camp{background:#e4d6d6; float:left; padding:5px; color:#333; position:relative; bottom:58px; box-shadow:0 0 5px #333; width:120px; margin:5px 5px 5px 0; font:bold 13px Georgia, "Times New Roman", Times, serif;}
#control{background:#0d0d0d;width:410px; display:inline; float:left; height:24px; position:relative; top:250px; z-index:5; padding:5px; margin:0 2px;}
#tutorial{width:260px; height:245px; float:left; margin:45px 0 0 0;}
#tutorial h1{font:19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#A3A3A3;}
.thumb_tuto{float:left;}
.thumb_img{border:0; padding:1px; margin:5px; background:#101010;}
</style></p><div id="box">

<div id="galeria">
<div id="control">
<center>
<a href="#" id="prev"><img src="http://www.danielfc.xpg.com.br/prev.png" border="0" alt="Anterior" title="Anterior"></a>
<a href="#" id="next"><img src="http://www.danielfc.xpg.com.br/next.png" alt="Proxima" border="0" title="Proxima"></a>
</center>
</div><!-- DIV CONTROL -->
<div id="images" style="visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; width: 424px;">

<ul style="margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: 1; width: 2120px; left: -1272px;"><li style="overflow: hidden; float: left; width: 420px; height: 264px;">
<img src="http://yourimg.in/m/r41o2pz.jpg" border="0" alt="" width="420" height="200">

<span class="camp">
<p>CreativeContest</p>
<p align="center" style="font-size:16px;"> 3T~</p>
</span>
</li>
<li style="overflow: hidden; float: left; width: 420px; height: 264px;">
<img src="http://img31.imageshack.us/img31/9769/sotw36.png?t=1303346009" border="0" alt="" width="420" height="200">

<span class="camp">
<p>Sotw #36</p>
<p align="center" style="font-size:16px;">Yingjie~ </p>
</span>
</li>

<li style="overflow: hidden; float: left; width: 420px; height: 264px;">
<img src="http://i42.tinypic.com/5umu6q.png" border="0" alt="" width="420" height="200">

<span class="camp">
<p>Wotw #5 </p>
<p align="center" style="font-size:16px;">Neto.o </p>
</span>
</li>

<li style="overflow: hidden; float: left; width: 420px; height: 264px;">
<img src="http://yourimg.in/m/r41o2pz.jpg" border="0" alt="" width="420" height="200">

<span class="camp">
<p>CreativeContest</p>
<p align="center" style="font-size:16px;"> 3T~</p>
</span>
</li>

<li style="overflow: hidden; float: left; width: 420px; height: 264px;">
<img src="http://img31.imageshack.us/img31/9769/sotw36.png?t=1303346009" border="0" alt="" width="420" height="200">

<span class="camp">
<p>Sotw #36</p>
<p align="center" style="font-size:16px;">Yingjie~ </p>
</span>
</li></ul>

</div><!-- DIV IMAGES -->

</div><!-- DIV GALERIA -->

<div id="tutorial">
<h1>Tutoriais TD</h1>
<span class="thumb_tuto">
<a href="http://topdesign.forumeiros.com/t2648-tutorial-slipknot">
<img src="http://yourimg.in/m/9z9o799.png" width="115" height="100" class="thumb_img" alt="">
</a>
</span>

<span class="thumb_tuto">
<a href="http://topdesign.forumeiros.com/t3145-tutorial-gift-toushi#24732">
<img src="http://img214.imageshack.us/img214/4119/gifttoushiv2.png" width="115" height="100" class="thumb_img" alt="">
</a>
</span>

<span class="thumb_tuto">
<a href="http://topdesign.forumeiros.com/t1201-power-explosion-tutorial-by-rudas">
<img src="http://yourimg.in/m/5s4r1o0.jpg" width="115" height="100" class="thumb_img" alt="">
</a>
</span>

<span class="thumb_tuto">
<a href="http://topdesign.forumeiros.com/t1698-tutorial-walking-on-fire-you-jump-higher?highlight=walking+on+fire">
<img src="http://fc00.deviantart.net/fs70/f/2011/186/9/1/tag_walking_on_fire_sem_tipo_by_rudas101-d3l3xuk.png" width="115" height="100" class="thumb_img" alt="">
</a>
</span>


</div><!-- DIV TUTORIAIS -->

</div><!-- DIV BOX -->

<!-- GALERIA -->







<script type="text/javascript">
_tbdef var = {user: 'TopDesignForum'};
(Function () {
var d = document; tbjs var = d.createElement ('script'); tbjs.type = "text / javascript";
tbjs.async = true; tbjs.src = ' http://tweetboard.com/tb.js ; tbel var = d.getElementsByTagName ('head') [0];
se tbel = d.getElementsByTagName ('head') [0] (tbel!); tbel.appendChild (tbjs);
})();
</ Script>

<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
border:1.5px solid black;
background-color:#00BFFF;
layer-background-color:#B0E2FF;
font:bold 12px Verdana;
line-height:30px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
-->
</style>

<script language="JavaScript1.2">



var slidemenu_width='160px' //specify width of menu (in pixels)
var slidemenu_reveal='12px' //specify amount that menu should protrude initially
var slidemenu_top='200px' //specify vertical offset of menu on page

var ns4=document.layers?1:0
var ie4=document.all
var ns6=document.getElementById&&!document.all?1:0

if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
else if (ns4){
document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
}

var sitems=new Array()

///////////Edit below/////////////////////////////////

//siteitems[x]=["Item Text", "Optional URL associated with text"]

sitems[0]=["<big><font face='Arial'> Navegue Pelo melhor conteúdo !</font></big>", ""]
sitems[1]=["Regras", "http://topdesign.forumeiros.com/f13-regras"]
sitems[2]=["Galerias", "http://topdesign.forumeiros.com/f6-galeria"]
sitems[3]=["Tutoriais de Design", "http://topdesign.forumeiros.com/f34-tutoriais-de-design"]
sitems[4]=["Assuntos Gerais", "http://topdesign.forumeiros.com/f1-assuntos-gerais"]
sitems[5]=["Off Topic", "http://topdesign.forumeiros.com/f43-off-topic"]


//If you want the links to load in another frame/window, specify name of target (ie: target="_new")
var target=""

/////////////////////////////////////////////////////////

if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>\n')
}
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2

rightboundary=0
leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1

if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}

function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10+"px"
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}

function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10+"px"
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}
</script>






<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite="http://img827.imageshack.us/img827/7393/birdsprite.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://www.twitter.com/#!/topdesignforum/";
var tweetThisText = "http://topdesign.forumeiros.com/forum";
tripleflapInit();
</script>



<p></p></div>

Coloque na Home Page de teu fórum.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Exibir imagens como deste fórum

Mensagem por milo100 em 18/11/12, 09:00 pm

Um... ficou ruim! =/

Você conhece o código do baixaki? tem como me conseguir ele? =) Acho que ficará melhor!
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Exibir imagens como deste fórum

Mensagem por Ace em 18/11/12, 09:11 pm

Olá,

Este é o código:

Código:
 <p><!-- GALERIA -->

<style type="text/css">
#box{width:710px; height:250px; margin:0 auto 60px;}
#galeria{width:418px; height:245px; float:left; margin:15px;}
#images{float:left; background:#050505; position:absolute; width:420px; height:255px;}
#images ul{list-style:none;}
#images ul li{background:#090909; margin:0 2px;}
#images img{margin:5px 0; background:#050505;}
#images .camp{background:#e4d6d6; float:left; padding:5px; color:#333; position:relative; bottom:58px; box-shadow:0 0 5px #333; width:120px; margin:5px 5px 5px 0; font:bold 13px Georgia, "Times New Roman", Times, serif;}
#control{background:#0d0d0d;width:410px; display:inline; float:left; height:24px; position:relative; top:250px; z-index:5; padding:5px; margin:0 2px;}
#tutorial{width:260px; height:245px; float:left; margin:45px 0 0 0;}
#tutorial h1{font:19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#A3A3A3;}
.thumb_tuto{float:left;}
.thumb_img{border:0; padding:1px; margin:5px; background:#101010;}
</style><div id="box">

  <div id="galeria">
  <div id="control">
                   <center>
                   <a href="#" id="prev"><img src="http://www.danielfc.xpg.com.br/prev.png" border="0" alt="Anterior" title="Anterior" /></a>
                    <a href="#" id="next"><img src="http://www.danielfc.xpg.com.br/next.png" alt="Proxima" border="0" title="Proxima" /></a>
                    </center>
    </div><!-- DIV CONTROL -->
     <div id="images">
   
       <ul>
           <li>
            <img src="http://img31.imageshack.us/img31/9769/sotw36.png?t=1303346009" border="0" alt="" width="420" height="200" />         
               
            <span class="camp">
            <p>Sotw #36</p>
                        <p align="center" style="font-size:16px;">Yingjie~ </p>
            </span>           
            </li>
           
            <li>
            <img src="http://i42.tinypic.com/5umu6q.png" border="0" alt="" width="420" height="200" />         
               
            <span class="camp">
            <p>Wotw #5 </p>
            <p align="center" style="font-size:16px;">Neto.o </p>
            </span>         
            </li>
           
            <li>
            <img src="http://yourimg.in/m/r41o2pz.jpg" border="0" alt="" width="420" height="200" />       
               
            <span class="camp">
            <p>CreativeContest</p>
            <p align="center" style="font-size:16px;"> 3T~</p>
            </span>       
            </li>
           
        </ul>
   
    </div><!-- DIV IMAGES -->
   
  </div><!-- DIV GALERIA -->
 
  <div id="tutorial">
    <h1>Tutoriais TD</h1>
       <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t2648-tutorial-slipknot">
           <img src="http://yourimg.in/m/9z9o799.png" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
        <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t3145-tutorial-gift-toushi#24732">
           <img src="http://img214.imageshack.us/img214/4119/gifttoushiv2.png" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
        <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t1201-power-explosion-tutorial-by-rudas">
           <img src="http://yourimg.in/m/5s4r1o0.jpg" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
        <span class="thumb_tuto">
        <a href="http://topdesign.forumeiros.com/t1698-tutorial-walking-on-fire-you-jump-higher?highlight=walking+on+fire">
           <img src="http://fc00.deviantart.net/fs70/f/2011/186/9/1/tag_walking_on_fire_sem_tipo_by_rudas101-d3l3xuk.png" width="115" height="100" class="thumb_img" alt="" />
        </a>
        </span>
       
       
  </div><!-- DIV TUTORIAIS -->

</div><!-- DIV BOX -->

<!-- GALERIA -->







<script type="text/javascript">
_tbdef var = {user: 'TopDesignForum'};
(Function () {
var d = document; tbjs var = d.createElement ('script'); tbjs.type = "text / javascript";
tbjs.async = true; tbjs.src = ' http://tweetboard.com/tb.js ; tbel var = d.getElementsByTagName ('head') [0];
se tbel = d.getElementsByTagName ('head') [0] (tbel!); tbel.appendChild (tbjs);
})();
</ Script>

<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
border:1.5px solid black;
background-color:#00BFFF;
layer-background-color:#B0E2FF;
font:bold 12px Verdana;
line-height:30px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
-->
</style>

<script language="JavaScript1.2">



var slidemenu_width='160px' //specify width of menu (in pixels)
var slidemenu_reveal='12px' //specify amount that menu should protrude initially
var slidemenu_top='200px'  //specify vertical offset of menu on page

var ns4=document.layers?1:0
var ie4=document.all
var ns6=document.getElementById&&!document.all?1:0

if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:'+((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)+'px; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
else if (ns4){
document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
}

var sitems=new Array()

///////////Edit below/////////////////////////////////

//siteitems[x]=["Item Text", "Optional URL associated with text"]

sitems[0]=["<big><font face='Arial'> Navegue Pelo melhor conteúdo !</font></big>", ""]
sitems[1]=["Regras", "http://topdesign.forumeiros.com/f13-regras"]
sitems[2]=["Galerias", "http://topdesign.forumeiros.com/f6-galeria"]
sitems[3]=["Tutoriais de Design", "http://topdesign.forumeiros.com/f34-tutoriais-de-design"]
sitems[4]=["Assuntos Gerais", "http://topdesign.forumeiros.com/f1-assuntos-gerais"]
sitems[5]=["Off Topic", "http://topdesign.forumeiros.com/f43-off-topic"]


//If you want the links to load in another frame/window, specify name of target (ie: target="_new")
var target=""

/////////////////////////////////////////////////////////

if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>\n')
}
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2

rightboundary=0
leftboundary=(parseInt(slidemenu_width)-parseInt(slidemenu_reveal))*-1

if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2").style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}

function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10+"px"
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}

function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10+"px"
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}
</script>
 

Até Mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Exibir imagens como deste fórum

Mensagem por milo100 em 18/11/12, 09:15 pm

Boas amigo
Aparenta ser este o código, sim.
Porém as imagens onde fica a setinha, que permite passar de um lado para o outro, não aparece umas acima da outra, fazendo que o modo de passar as imagens para o lado. Fica tudo em baixo da outra! =D.
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Exibir imagens como deste fórum

Mensagem por Ace em 18/11/12, 09:16 pm

Olá,

Pode me enviar o fórum e deixar o código ativo? Piscada

Até Mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Exibir imagens como deste fórum

Mensagem por milo100 em 18/11/12, 09:22 pm

Código ativo e fórum: http://www.vixeki.com, ta no portal
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Exibir imagens como deste fórum

Mensagem por seender em 19/11/12, 01:24 pm

Olá!

Isso é um simples sistema de slid, ao invés de pegar o sistema daquele, escolha um destes sites e poste aqui que lhe ensinarei como adicionar no fórum:

Até mais!

Tópico movido de "Questões sobre a aparência do fórum" para "Questões sobre códigos"
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Exibir imagens como deste fórum

Mensagem por milo100 em 19/11/12, 06:26 pm

Boas,
Agradeço a ajuda Seender! Porém, pode fechar o tópico, achei um leitor de slaide, mais legal que os que tu me apresentou. =). Muito obrigado pela ajuda.

Resolvido | Fechado
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

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