[Resolvido] Sistema de noticias e outros

Bom galera queria essa sistema de noticias e esse outro ai pra mim poder colocar no meu forum.
Versão do meu Forum : Invision

Imagens dos sistemas:
Sistema 01

Sistema 02


tou no aguardo ai ein

Olá,
Sistema 1 - Utilize o código abaixo na sua home page :

Código:

<div><table border="0" style="width:100%;margin-top:-60px;"><tr><td align="right">
<img src="http://img534.imageshack.us/img534/6933/novl.png" style="margin-left: auto;position:relative;top:60px;left:-1px;">
</td></tr></table><div style="margin-right:14px;">

<table border="0" style="width:100%;border-spacing: 0px;">

<tr>
<td class="td" style="background:url(http://img227.imageshack.us/img227/3251/lefts.png) repeat-y;"></td>
<td class="td" style="width:auto;background: #F2F2F2 url(http://img713.imageshack.us/img713/4760/topsk.png) repeat-x;">







<table border="0" width="100%">
<tr>
<td align="center">

<!-- /////////////////////// INICIO IMAGENS TROCANDO /////////////////////// -->

<script type="text/javascript" src="http://war-design.com/wd/public/js/ips.newsQuerySosJS.js"></script>
<script type="text/javascript" src="http://war-design.com/wd/public/js/ips.newsSosJS.js"></script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
    wrapperid: "slideshow_exibir", //ID of blank DIV on page to house Slideshow
    dimensions: [430, 200], //dimensões
    imagearray: [
        ["http://img545.imageshack.us/img545/2007/winnersotw2.png", "http://techdesign.forumeiro.net/resultados-f10/sotw-2-resultados-t328.htm#1018", "_new", "SOTW 2# Winner: Shake'"], //SOTW
        ["http://img340.imageshack.us/img340/4700/dotm.png", "http://techdesign.forumeiro.net/dotm-f79/", "_new", "DOTM 1# Winner: "], //DOTM
    ],
    displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 2000, //transition duration (milliseconds)
    descreveal: "peekaboo",
    togglerid: ""
})
</script><div class="slideshowborda" id="slideshow_exibir" style="z-index:1;">
</div>

<!-- /////////////////////// FIM IMAGENS TROCANDO /////////////////////// -->
</td>

<td align="center"><div id="novidadesa" style="text-align:left;margin-top:15px;font-size:11px;">




<table border="0">

<tr><td colspan="3" style="font-size:12px;color:#292929;"><img src="http://img842.imageshack.us/img842/4706/maisq.png"/><b> Design ~</b> </td></tr>
<tr><td>          </td><td style="font-size:11px;color:#292929;">
<!-- LINKS DESIGN -->

<a href="http://techdesign.forumeiro.net/resultados-f10/sotw-2-resultados-t328.htm" target="_parent" style="color:#d96916;">
[13/10]</a> - Veja os vencedores do SOTW 2#!
<a href="http://techdesign.forumeiro.net/resultados-f10/sotw-1-resultados-t280.htm"><img src="http://i57.photobucket.com/albums/g218/tettyvox/topico-1.png"/></a><br />

<a href="http://techdesign.forumeiro.net/dotm-f79/dotm-1-manipulacao-t292.htm" target="_parent" style="color:#d96916;">
[03/10]</a> - DOTM 1# aberto, participe já e aumente suas chances de vitória!

<a href="http://techdesign.forumeiro.net/dotm-f79/dotm-1-manipulacao-t292.htm"><img src="http://i57.photobucket.com/albums/g218/tettyvox/topico-1.png"/></a><br />

<a href="http://techdesign.forumeiro.net/sotw-f78/sotw-3-musica-t333.htm#1108" target="_parent" style="color:#d96916;">
[15/10]</a> - Sotw 3# foi aberto, O tema é Música!
<a href="http://techdesign.forumeiro.net/sotw-f78/sotw-3-musica-t333.htm#1108"><img src="http://i57.photobucket.com/albums/g218/tettyvox/topico-1.png"/></a><br />

<a href="http://techdesign.forumeiro.net/tutoriais-f19/captain-america-t322.htm#975" target="_parent" style="color:#d96916;">
[12/10]</a> - Novo tutorial adcionado por 'k!LLer- !
<a href="http://techdesign.forumeiro.net/votacoes-f9/sotw-2-votacao-t314.htm#920"><img src="http://i57.photobucket.com/albums/g218/tettyvox/topico-1.png"/></a><br />


<!-- FINAL LINKS DESIGN -->
</td></tr>


<tr><td colspan="3"> </td></tr>


<tr><td colspan="3" style="font-size:12px;color:#292929;"><img src="http://img842.imageshack.us/img842/4706/maisq.png"/><b> Atualizações no fórum ~</b> </td></tr>
<tr><td>          </td><td style="font-size:11px;color:#292929;">
<!-- LINKS FÓRUM -->

<a href="http://techdesign.forumeiro.net/feedback-f5/novas-vagas-bloggers-t349.htm#1259" target="_parent" style="color:#d96916;">

[17/10]</a> - Vagas na staff para Blogger, confira!

<a href="http://techdesign.forumeiro.net/feedback-f5/novas-vagas-bloggers-t349.htm#1259"><img src="http://i57.photobucket.com/albums/g218/tettyvox/topico-1.png"/></a><br />

<a href="http://techdesign.forumeiro.net/publicidade-parceria-f2/" target="_parent" style="color:#d96916;">
[02/10]</a> - Faça parceria com o fórum!
<a href="http://techdesign.forumeiro.net/publicidade-parceria-f2/"><img src="http://i57.photobucket.com/albums/g218/tettyvox/topico-1.png"/></a><br />

<a href="http://techdesign.forumeiro.net/novidades-f100/spoiler-e-menu-interativo-t324.htm#1002" target="_parent" style="color:#d96916;">
[12/10]</a> - Novo spoiler e Menu Interativo adcionado, confira!
<a href="http://techdesign.forumeiro.net/novidades-f100/spoiler-e-menu-interativo-t324.htm#1002"><img src="http://i57.photobucket.com/albums/g218/tettyvox/topico-1.png"/></a><br />

<a href="hhttp://techdesign.forumeiro.net/feedback-f5/tech-design-extensions-t244.htm" target="_parent" style="color:#d96916;">
[02/10]</a> - Confira as extensões do Tech Design!

<a href="http://techdesign.forumeiro.net/feedback-f5/tech-design-extensions-t244.htm"><img src="http://i57.photobucket.com/albums/g218/tettyvox/topico-1.png"/></a><br />

<a href="http://techdesign.forumeiro.net/feedback-f5/novo-concurso-para-o-tech-design-t310.htm#862" target="_parent" style="color:#d96916;">
[10/10]</a> - Novo concurso para o fórum, leia!
<a href="http://techdesign.forumeiro.net/feedback-f5/novo-concurso-para-o-tech-design-t310.htm#862"><img src="http://i57.photobucket.com/albums/g218/tettyvox/topico-1.png"/></a><br />


<br />
<a href="http://techdesign.forumeiro.net/search.forum?search_id=newposts" style="color:#d96916;" target="_parent"> Ver as novas mensagens desde minha última visita</a> . <a href="http://techdesign.forumeiro.net/search.forum?search_id=unanswered" target="_parent" style="color:#d96916;"> Ver as mensagens sem resposta</a>

<!-- FINAL LINKS FÓRUM -->
</td></tr></table>





</div>

</td>
</tr></table><br />






</td>
<td class="td" style="background:url(http://img139.imageshack.us/img139/5056/rights.png) repeat-y;"></td>
</tr>

</table>
</div>
















</div></div></div></div></div></div></div>

Sistema 2 - Veja isto : [TUTORIAL] Imagem flutuante
Até mais.

Pronto sistema 1 consigui da uma ajeitada xD falta so essa ai do 2

Enquanto ao sistema 2 consigui aqui mais como faço pra adicionar mais de uma imagem pois no tutorial nao vi falando sobre issu

Olá,
Utilize o código abaixo :

Código:

<script src='http://www.google.com/jsapi'></script>
<script>
google.load("jquery", "1.3.2");

</script>
<script type='text/javascript'>
$(function() {
$('#menusisi a').stop().animate({'marginLeft':'-50px'},1000);
$('#menusisi > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-4px'},200);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'-50px'},200);
}
);
});
</script>
</header>


<style type='text/css'>
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -0 0 0px;
padding: 0 0 0;
color: #333333;
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 0px solid transparent;
background: transparent url(http://www.blogblog.com/1kt/awesomeinc/header_gradient_artsy.png) repeat scroll 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
margin: 0 -0;
}
.paginator {
margin-top:80px;
font-size:1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:0px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:0px 6px;
}
.paginator span strong {
background:#ff6c24;
font-style:normal;
font-weight:normal;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%;height:0px;
background:#ccc;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:0;
width:0; height:0px;
top:0; left:0px;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-5px; left:50%;
margin-left:-10px;
width:20px; height:20px;
overflow:hidden;
background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
position:absolute;
z-index:0;
top:0; left:0;
width:0; height;
overflow:hidden;
background:#ff6c24;
}
.fullsize .scroll_thumb {
display:none;
}
.paginator_pages {
width:600px;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}
ul#menusisi {
position:fixed;
margin:0;
padding:0;
top:250px;
left:3px;
list-style:none;
z-index:9999;
}
ul#menusisi li {
width:100px;
}
ul#menusisi li a {
display:block;
margin-left:-50px;
width:100px;
height:55px;
background-color:#585248;  /* Cor de fundo do botão */
background-repeat:no-repeat;
background-position:48px center;
border:1px solid #cfcfcf;  /* Cor da borda do botão*/
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
/*-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
*/
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
ul#menusisi .facebook a {
background-image:url(http://img155.imageshack.us/img155/6812/jtlc1w10.png);
}
ul#menusisi .twitter a {
background-image:url(http://img545.imageshack.us/img545/8106/twitte10.png);
}
ul#menusisi .hi5 a {
background-image:url(http://img64.imageshack.us/img64/2928/jjahw410.png);
}
ul#menusisi .tinychat a {
background-image:url(http://img709.imageshack.us/img709/8741/2hozsy10.png);
}
ul#menusisi .youtube a {
background-image:url(http://img199.imageshack.us/img199/2839/youtub10.png);
}
ul#menusisi .radio a {
background-image:url(http://img825.imageshack.us/img825/6777/hysteriar.png);
}

--></style>
<br><br><br><br>
<ul id='menusisi'>
<li class='facebook'><a href='http://www.facebook.com/#!/profile.php?id=100001598824080' target="new" title='facebook'></a></li>
<li class='twitter'><a href='http://twitter.com/hysteriaforum' target="new" title='Twitter'></a></li>
<li class='hi5'><a href='http://hysteriaforum.hi5.com' target="new" title='Hi5'></a></li>
<li class='tinychat'><a href='http://tinychat.com/hysteriaforum' target="new" title='TinyChat'></a></li>

<li class='youtube'><a href='http://www.youtube.com/user/HysteriaForum?feature=mhum' target="new" title='Youtube'></a></li>
<li class='radio'><a href='http://hysteria.forumfacil.net/RadioHysteria-h4.htm' target="new" title='HysteriaRádio'></a></li>
</ul>


Até mais.

tem como disponibilar para versão phpBB3 ?

Vlws consigui brigado ai