Hi everyone. I'm trying to put this code in an html page. In the preview it works well but when I try to see it out of the "preview mode" some of the javascripts doesn't work.
This is the code:
Can someone please help me on this?
Thank you for your attention
This is the code:
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Tesigner 2.0</title>
<link rel="stylesheet" href="http://wimg.co.uk/MFy.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://wimg.co.uk/h3E.css" type="text/css" title="main" />
<link rel="stylesheet" href="http://wimg.co.uk/JdN.css" type="text/css" />
<script src="http://wimg.co.uk/m3P.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://wimg.co.uk/GVo.css" type="text/css" />
<script src="http://wimg.co.uk/Edp.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function(){
setTimeout(function(){
$('#slider').nivoSlider({
manualAdvance:false,
effect:'random',
animSpeed:500,
pauseTime:5000,
pauseOnHover:false
});
}, 1000);
});
</script>
<script src="http://wimg.co.uk/LQl.js" type="text/javascript"></script>
<script src="http://wimg.co.uk/kcw.js" type="text/javascript"></script>
<script src="http://wimg.co.uk/OPG.js" type="text/javascript"></script>
<script src="http://wimg.co.uk/LO7.js" type="text/javascript"></script>
<!--[if IE]>
<link rel="stylesheet" href="http://wimg.co.uk/ebL.css" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<script src="http://wimg.co.uk/IEv.js" type="text/javascript"></script>
<script type="text/javascript">
DD_belatedPNG.fix('div, img, a, li');
</script>
<![endif]-->
<script src="http://wimg.co.uk/log.js" type="text/javascript"></script>
</head>
<body>
<div id="page">
<div id="header">
<div class="head">
<ul id="navigation">
<li class="page_item current_page_item"><a href="index.html" title="Home Page">Portal</a></li>
<li class="page_item"><a href="about.html" title="About">Entrar no FORUM</a>
<ul>
<li class="page_item"><a href="post.html" title="Page 1">Page 1</a>
<ul>
<li class="page_item"><a href="post.html" title="Page 3">Page 3</a></li>
</ul>
</li>
<li class="page_item"><a href="post.html" title="Page 2">Page 2</a></li>
</ul>
</li>
</ul>
<div class="head_r">
<ul id="searchbox">
<li>
<form method="get" id="searchform" action="">
<h3>Procurar</h3>
<input name="s" id="s" type="text" />
</form>
</li>
</ul>
<a href="#">Bem-vindo ao Gringos BR</a>
</div>
<a href="index.html" title="Tesigner 2.0" class="logo"><img src="css/black/logo.png" alt="Tesigner 2.0" /></a>
<div class="rss"><a href="#">1</a></div>
<div class="twit"><a href="#">17</a></div>
</div>
</div>
<div class="container">
<div id="top">
<div class="gallery_box ">
<div class="tl"></div>
<div class="tr"></div>
<div class="bl"></div>
<div class="br"></div>
<div id="slider" class="nivoSlider">
<a class="nivo-imageLink" href="post.html"><img src="images/gall_img_4.png" alt="" title="Meet my dragon" height="464" width="464" /></a>
<a class="nivo-imageLink" href="post.html"><img src="images/gall_img_2.png" alt="" title="Clash of the Titans" height="464" width="464" /></a>
<a class="nivo-imageLink" href="post.html"><img src="images/gall_img_1.png" alt="" title="Redhead witch" height="464" width="464" /></a>
<a class="nivo-imageLink" href="post.html"><img src="images/gall_img_3.png" alt="" title="American kick-ass" height="464" width="464" /></a>
<a class="nivo-imageLink" href="post.html"><img src="images/slide_3.png" alt="" title="Monica" height="464" width="464" /></a>
<a class="nivo-imageLink" href="post.html"><img src="images/cmsmasters1.jpg" alt="" title="cmsmasters" height="464" width="464" /></a>
<a class="nivo-imageLink" href="post.html"><img src="images/slide_4.png" alt="" title="Knight & Day" height="464" width="464" /></a>
</div>
</div>
<ul>
<li class="widget widget_text">
<div class="textwidget">
<h1><span>Bem-vindo ao Gringos BR</span></h1>
<h1><a href="#">Servidores de jogos, as ultimas novidades e muito mais!<br />O que esperas para entrar?</a></h1>
<p>Aqui fica outro pequeno texto sobre o forum</p>
<a href="#" class="view">Entrar no Forum</a>
</div>
</li>
</ul>
</div>
<div id="middle">
<div id="middle_t"></div>
<div class="middle">
<div class="box">
<div class="widget widget_text">
<h3 class="widgettitle">Sobre nos</h3>
<div class="textwidget">
<img src="images/headphones.png" alt="" /><br />
<p>Um pequeno texto a descrever a equipa do Gringos BR, o que fazem, quais os seus objectivos e o que oferecem aos amantes de jogos</p>
<p><a href="about.html">Ver mais...</a></p>
</div>
</div>
<div id="twitter-widget" class="widget cmsmasters_twitter_widget">
<div id="twitter">
<h3 class="widgettitle">Novidades</h3>
<ul>
<li>O forum tem um design novo!<a href="#"><small>4 dias atras</small></a></li>
<li>Em breve um novo dominio<a href="#"><small>6 dias atras</small></a></li>
<li>Mafia II, ve o guia completo do jogo aqui!</li>
</ul>
</div>
</div>
<div id="recent-widget" class="widget cmsmasters_recent_posts_widget">
<h3 class="widgettitle">Os ultimos reviews</h3>
<ul class="thumbnail_list">
<li>
<h3><a href="post.html" title="Robin Hood">Mafia II</a></h3>
<p>Neste review vamos falar sobre este jogo fantastico! Ve tambem o video comentando que o Gringos tem para ti.<br />
<a href="post.html">Ler mais...</a></p>
</li>
<li>
<h3><a href="post.html" title="Salt">Um novo Fallout</a></h3>
<p>Fallout new Vegas esta a chegar e nao perdemos tempo em analisar o jogo. Ve aqui todas as novidades sobre este RPG..<br />
<a href="post.html">Ler mais...</a></p>
</li>
</ul>
</div>
</div>
</div>
<div id="middle_b"></div>
</div>
<div id="bottom">
<div class="box">
<div id="flickr-widget" class="widget cmsmasters_flickr_widget">
<div id="flickr">
<h3>Galeria</h3>
<div class="wrap">
<div class="flickr_badge_image" id="flickr_badge_image1"><a rel="prettyPhoto[flickr_gal]" title="DSC_0106" href="images/4504468177_502fd52841.jpg"><img src="images/4504468177_502fd52841_s.jpg" alt="A photo on Flickr" title="DSC_0106" height="75" width="75" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image2"><a rel="prettyPhoto[flickr_gal]" title="DSC_0042" href="images/4505099942_633b04caf2.jpg"><img src="images/4505099942_633b04caf2_s.jpg" alt="A photo on Flickr" title="DSC_0042" height="75" width="75" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image3"><a rel="prettyPhoto[flickr_gal]" title="DSC_0040" href="images/4504466237_d17cd2ce3c.jpg"><img src="images/4504466237_d17cd2ce3c_s.jpg" alt="A photo on Flickr" title="DSC_0040" height="75" width="75" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image4"><a rel="prettyPhoto[flickr_gal]" title="DSC_0119" href="images/4505098316_5c56084192.jpg"><img src="images/4505098316_5c56084192_s.jpg" alt="A photo on Flickr" title="DSC_0119" height="75" width="75" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image5"><a rel="prettyPhoto[flickr_gal]" title="DSC_0128" href="images/4504464935_02406c86e2.jpg"><img src="images/4504464935_02406c86e2_s.jpg" alt="A photo on Flickr" title="DSC_0128" height="75" width="75" /></a></div>
<div class="flickr_badge_image" id="flickr_badge_image6"><a rel="prettyPhoto[flickr_gal]" title="DSC_0113" href="images/4504464559_162cc45c39.jpg"><img src="images/4504464559_162cc45c39_s.jpg" alt="A photo on Flickr" title="DSC_0113" height="75" width="75" /></a></div>
<a style="display: block; padding: 5px 25px 0pt 0pt; float: right;" href="#" target="_blank">Ver mais imagens</a>
</div>
</div>
</div>
<div id="comments-widget" class="widget cmsmasters_recent_comments">
<h3 class="widgettitle">Deixa o teu comentario</h3>
<div class="thumbnail_list">
<p>DE: <a href="post.html">Nome de quem comentou</a><br /><small>(Agosto 5, 2010 10:18h)</small><br /><span class="col">"Um grande forum, com muito para oferecer aos seus membros"</span></p>
<p>DE: <a href="post.html">Nome de quem comentou</a><br /><small>(Agosto 5, 2010 10:11h)</small><br /><span class="col">"Simplesmente o melhor!"</span></p>
<p>DE: <a href="post.html">Nome de quem comentou</a><br /><small>(Agosto 3, 2010 1:21h)</small><br /><span class="col">"mais que um forum, o Gringos e uma familia"</span></p>
</div>
</div>
<div class="widget widget_categories">
<h3 class="widgettitle">Categorias</h3>
<ul>
<li><a href="#" title="View all posts filed under Portfolio">Regras</a></li>
<li><a href="#" title="View all posts filed under Portfolio 2">Apresentaçao</a></li>
<li><a href="#" title="View all posts filed under Slider">STEAM</a></li>
<li><a href="#" title="View all posts filed under Uncategorized">Servidores de jogos</a></li>
</ul>
</div>
<div class="widget widget_links">
<h3 class="widgettitle">Links</h3>
<ul class="blogroll">
<li><a href="http://codex.wordpress.org/">Link 1</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Link 2</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Link 3</a></li>
<li><a href="http://wordpress.org/support/">Link 4</a></li>
<li><a href="http://wordpress.org/extend/themes/">Link 5</a></li>
<li><a href="http://wordpress.org/development/">Link 6</a></li>
<li><a href="http://planet.wordpress.org/">Link 7</a></li>
</ul>
</div>
</div>
</div>
<script src="http://wimg.co.uk/a0L.js" type="text/javascript"></script>
<script src="http://wimg.co.uk/EG2.js" type="text/javascript"></script>
</div>
<div id="footer">
<div>
<p>Copyright (c) Todos os direitos reservados ao Gringos BR<br />
Design feito por Yuki</p>
</div>
</div>
</div>
</body>
</html>
Can someone please help me on this?
Thank you for your attention