Combo Caster

From Labmm2

(Difference between revisions)
Jump to: navigation, search
(Frameworks utilizadas)
m
 
(22 intermediate revisions not shown)
Line 1: Line 1:
-
    2 Fluxograma
+
[http://combocaster.com/ Combo Caster]
-
    3 Layouts
+
-
    4 Estrutura XHTML implementada
+
-
    5 Folhas de estilos (CSS)
+
-
    6 Principais scripts desenvolvidas (JavaScript)
+
-
    7 Integração com outras tecnologias (frameworks, linguagens, etc...)
+
-
    8 Soluções técnicas para problemas encontrados
+
-
    9 Melhoramentos futuros
+
-
    10 Conclusões
+
-
    11 Referências bibliográficas
+
-
    12 Anexos
+
-
 
+
== Autores ==
== Autores ==
Hugo Ribeiro 47574 <br />
Hugo Ribeiro 47574 <br />
Tiago Roque 38803 <br />
Tiago Roque 38803 <br />
-
Valério Vaz 40554
+
Valério Vaz 40554 <br />
 +
Filipe Almeida 60759 <br />
 +
Fábio Lemos 61199
== Apresentação / Contextualização ==
== Apresentação / Contextualização ==
-
O tema do nosso projecto é um site com informações relativamente a jogos de vídeo, em que os utilizadores fornecem as suas próprias reviews dos seus jogos preferidos.O ambiente é tradicional para que o utilizador não se sinta perdido. A informação que achámos mais importante ter no site foi noticias, análises, antevisões, imagens, videos, calendário de lançamentos e banca de revistas.
+
O tema do nosso projecto é um site com informações relativamente a jogos de vídeo, em que os utilizadores fornecem as suas próprias reviews dos seus jogos preferidos. O ambiente é tradicional para que o utilizador não se sinta perdido. A informação que achámos mais importante ter no site foi noticias, análises, antevisões, imagens, videos, calendário de lançamentos e banca de revistas.
 +
Acreditamos que esta ideia resultará no mundo virtual actual devido ao crescente número de ''prosumers''; cada vez mais o público não quer apenas ler ou ouvir o que os outros têm a dizer, sentindo também ele a necessidade de expor a sua opinião, abrindo portas a sites que funcionem como fóruns de conhecimento sobre assuntos convergentes.
== Fluxograma ==
== Fluxograma ==
-
Inserir aqui o fluxograma
+
Neste projecto optámos por uma estrutura simples, com 3 níveis básicos:
-
== Layouts ==
+
<ul>
-
inserir aqui maquete do layout
+
<li>Nivel 0: A página inicial.</li>
 +
<li>Nivel 1: As páginas/secções de análises, imagens, etc.. </li>
 +
<li>Nivel 2: As análises, imagens, etc. individuais e respectivos comentários, bem como os filtros aplicados às páginas de níveis anteriores.</li>
 +
</ul>
 +
 
 +
<gallery>
 +
File:Estrutura arborescente.png
 +
</gallery>
 +
 
 +
== Layouts e Implicações  ==
 +
Numa primeira fase, este foi o estudo realizado para o nosso layout. '''Obs: o ficheiro está em Fireworks.''' <br />
 +
Para permitir um fácil acesso e utilização do site foi determinado que o paradigma que permitiria mais linearidade e facilidade no uso seria com paradigma índex. <br />
 +
A partir dai o layout foi desenvolvido com esse intuito. A ideia principal seria utilizador poderá navegar no site pelo sistema de menus que ficará sempre visível no topo da página.
 +
 
 +
<gallery>
 +
File:Combocaster.png
 +
</gallery>
== Caracterização da narrativa ==
== Caracterização da narrativa ==
Line 39: Line 47:
== Estrutura XHTML ==
== Estrutura XHTML ==
-
inserir aqui a estrutura XHTML
+
 
 +
Devido á  especificidade do nosso projecto, tivemos que recorrer a linguagem de programação PHP, como já foi referido anteriormente.
 +
Fica então o código da nossa estrutura XHTML/PHP.
 +
 
 +
<pre>
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml"><head>
 +
   
 +
   
 +
     
 +
   
 +
<!-- Title -->
 +
<title>Combo Caster</title>
 +
 +
<!-- Content Type -->
 +
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
 +
 +
<!-- Link REL / CSS -->
 +
<link rel="stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style.css" />
 +
<link rel="alternate" type="application/rss+xml" title="Combo Caster RSS Feed" href="http://combocaster.com/feed/" />
 +
<link rel="alternate" type="application/atom+xml" title="Combo Caster Atom Feed" href="http://combocaster.com/feed/atom/" />
 +
<link rel="pingback" href="http://combocaster.com/xmlrpc.php" />
 +
 +
<!-- Default Style -->
 +
<link rel="stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-all.css" />
 +
 +
<!-- Light / Dark CSS -->
 +
<link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-pc.css" title="style-pc" media="screen" />
 +
<link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-xbox.css" title="style-xbox" media="screen" />
 +
 +
<link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-sony.css" title="style-sony" media="screen" />
 +
       
 +
<link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-nintendo.css" title="style-nintendo" media="screen" />
 +
        <link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-mobile.css" title="style-mobile" media="screen" />
 +
        <link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-geral.css" title="style-all" media="screen" />
 +
 +
<meta name='robots' content='noindex,nofollow' />
 +
<link rel='stylesheet' id='gdsr_style_main-css'  href='http://combocaster.com/wp-content/plugins/gd-star-rating/css/gdsr.css.php?t=1308585116&#038;s=a10i10m20k20c05r05%23121620243046%23121620243240%23s1pchristmas%23s1pcrystal%23s1pdarkness%23s1poxygen%23s1goxygen_gif%23s1pplain%23s1ppumpkin%23s1psoft%23s1pstarrating%23s1pstarscape%23t1pclassical%23t1pstarrating%23t1gstarrating_gif%23lsgflower&#038;o=off&#038;ver=1.9.9' type='text/css' media='all' />
 +
<link rel='stylesheet' id='gdsr_style_xtra-css'  href='http://combocaster.com/wp-content/gd-star-rating/css/rating.css?ver=1.9.9' type='text/css' media='all' />
 +
<link rel='stylesheet' id='NextGEN-css'  href='http://combocaster.com/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0' type='text/css' media='screen' />
 +
<link rel='stylesheet' id='shutter-css'  href='http://combocaster.com/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.css?ver=1.3.2' type='text/css' media='screen' />
 +
<link rel='stylesheet' id='wp-polls-css'  href='http://combocaster.com/wp-content/themes/Gamenow/polls-css.css?ver=2.50' type='text/css' media='all' />
 +
<link rel='stylesheet' id='wp-pagenavi-css'  href='http://combocaster.com/wp-content/themes/Gamenow/pagenavi-css.css?ver=2.70' type='text/css' media='all' />
 +
<script type='text/javascript' src='http://combocaster.com/wp-includes/js/l10n.js?ver=20101110'></script>
 +
<script type='text/javascript' src='http://combocaster.com/wp-content/uploads/jw-player-plugin-for-wordpress/player/jwplayer.js?ver=3.1.3'></script>
 +
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js'></script>
 +
<script type='text/javascript' src='http://combocaster.com/wp-includes/js/jquery/jquery.js?ver=1.4.4'></script>
 +
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/events-calendar/js/jquery.bgiframe.js?ver=2.1'></script>
 +
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/events-calendar/js/jquery.tooltip.min.js?ver=1.3'></script>
 +
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/gd-star-rating/js/gdsr.js?ver=1.9.9'></script>
 +
<script type='text/javascript'>
 +
/* <![CDATA[ */
 +
var shutterSettings = {
 +
msgLoading: "L O A D I N G",
 +
msgClose: "Click to Close",
 +
imageCount: "1"
 +
};
 +
/* ]]> */
 +
</script>
 +
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.js?ver=1.3.2'></script>
 +
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/nextgen-gallery/js/jquery.cycle.all.min.js?ver=2.88'></script>
 +
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js?ver=1.05'></script>
 +
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://combocaster.com/xmlrpc.php?rsd" />
 +
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://combocaster.com/wp-includes/wlwmanifest.xml" />
 +
<link rel='index' title='Combo Caster' href='http://combocaster.com/' />
 +
<meta name="generator" content="WordPress 3.1.3" />
 +
<!-- Start Of Script Generated By Events-Calendar [Luke Howell | www.lukehowell.com] and [R. MALKA | www.heirem.fr] -->
 +
 
 +
<!-- More information at http://wp-eventscalendar.com. -->
 +
 
 +
<link type="text/css" rel="stylesheet" href="http://combocaster.com/wp-includes/js/thickbox/thickbox.css" />
 +
 
 +
<link type="text/css" rel="stylesheet" href="http://combocaster.com/wp-content/plugins/events-calendar/css/events-calendar.css" />
 +
 
 +
<script type="text/javascript">
 +
// <![CDATA[
 +
var ecd = {};
 +
ecd.jq = jQuery.noConflict(false);
 +
//]]>
 +
</script>
 +
<!-- End Of Script Generated By Events-Calendar - Version: 6.7.6 -->
 +
<script type="text/javascript">
 +
 
 +
//<![CDATA[
 +
 
 +
var gdsr_cnst_nonce = "a4cd156b4a";
 +
 
 +
var gdsr_cnst_ajax = "http://combocaster.com/wp-content/plugins/gd-star-rating/ajax.php";
 +
 
 +
var gdsr_cnst_button = 1;
 +
 
 +
var gdsr_cnst_cache = 0;
 +
 
 +
// ]]>
 +
 
 +
</script>
 +
 
 +
<!--[if IE]><style type="text/css">.ratemulti .starsbar .gdcurrent { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }</style><![endif]-->
 +
 
 +
<style type="text/css">
 +
.wp-polls .pollbar {
 +
margin: 1px;
 +
font-size: 6px;
 +
line-height: 8px;
 +
height: 8px;
 +
background-image: url('http://combocaster.com/wp-content/plugins/wp-polls/images/default/pollbg.gif');
 +
border: 1px solid #c8c8c8;
 +
}
 +
</style>
 +
<link rel="stylesheet" href="http://combocaster.com/wp-content/plugins/wp-post-thumbnail/css/wppt.css" type="text/css" media="all" />
 +
 +
<meta name='NextGEN' content='1.8.1' />
 +
 +
<!-- Javascript -->
 +
<script type="text/javascript" src="http://combocaster.com/wp-content/themes/Gamenow/js/jquery-1.3.2.min.js"></script>
 +
<script type="text/javascript" src="http://combocaster.com/wp-content/themes/Gamenow/js/common.js"></script>
 +
</head>
 +
    <body class="windows chrome ch">
 +
<!-- Top -->
 +
<a name="top" id="top"></a>
 +
<div class="topbg"></div>
 +
 +
<!-- Wrapper // -->
 +
<div class="wrapper">
 +
<!-- Header // -->
 +
<div class="header">
 +
<!-- Logo -->
 +
<h1><a href="http://combocaster.com"><img src="http://combocaster.com/wp-content/themes/Gamenow/img/logo.png" alt="" /><span style="display:none;">Combo Caster</span></a></h1>
 +
<!-- Top Links // -->
 +
<!-- <ul class="toplinks">
 +
<li><img src="http://combocaster.com/wp-content/themes/Gamenow/img/icon_rss-trans.png" alt="#" /><a href="http://combocaster.com/feed/">Subscribe</a></li>
 +
<li><img src="http://combocaster.com/wp-content/themes/Gamenow/img/icon_bookmark-trans.png" alt="#" /><a href="javascript:bookmark('http://combocaster.com','Combo Caster');">Bookmark</a></li>
 +
<li><img src="http://combocaster.com/wp-content/themes/Gamenow/img/icon_twitter-trans.png" alt="#" /><a href="http://www.twitter.com/">Twitter</a></li>
 +
</ul> // -->
 +
<!-- // Top Links -->
 +
 +
<!-- Search // -->
 +
             
 +
 +
<div class="search">
 +
<form id="searchform" action="http://combocaster.com" />
 +
<input type="text" name="s" value="Site Search..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" />
 +
<input type="image" src="http://combocaster.com/wp-content/themes/Gamenow/img/spacer.gif" />
 +
</form>
 +
</div>
 +
<!-- // Search -->
 +
 +
 +
<!-- Buttons -->
 +
<a class="button button-pc styleswitch" rel="style-pc" href="#">PC </a>
 +
<a class="button button-sony styleswitch" rel="style-sony" href="#">SONY</a>
 +
                <a class="button button-xbox styleswitch" rel="style-xbox" href="#">XBOX</a>
 +
                <a class="button button-nintendo styleswitch" rel="style-nintendo" href="#">NINTENDO</a>
 +
                <a class="button button-mobile styleswitch" rel="style-mobile" href="#">MOBILE</a>
 +
                <a class="button button-all styleswitch" rel="style-all" href="#">ALL</a>
 +
 +
 +
<!-- Submenu // -->
 +
    <ul class="submenu">
 +
            <li class="cat-item cat-item-15"><a href="http://combocaster.com/category/pc/" title="Ver todos os posts arquivados em PC">PC</a>
 +
</li>
 +
<li class="cat-item cat-item-3"><a href="http://combocaster.com/category/sony/" title="Ver todos os posts arquivados em Sony">Sony</a>
 +
<ul class='children'>
 +
<li class="cat-item cat-item-4"><a href="http://combocaster.com/category/sony/ps3/" title="Ver todos os posts arquivados em PS3">PS3</a>
 +
</li>
 +
<li class="cat-item cat-item-20"><a href="http://combocaster.com/category/sony/psvita/" title="Ver todos os posts arquivados em PSVita">PSVita</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="cat-item cat-item-5"><a href="http://combocaster.com/category/microsoft/" title="Ver todos os posts arquivados em Microsoft">Microsoft</a>
 +
<ul class='children'>
 +
<li class="cat-item cat-item-6"><a href="http://combocaster.com/category/microsoft/x360/" title="Ver todos os posts arquivados em X360">X360</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="cat-item cat-item-11"><a href="http://combocaster.com/category/nintendo/" title="Ver todos os posts arquivados em Nintendo">Nintendo</a>
 +
<ul class='children'>
 +
<li class="cat-item cat-item-14"><a href="http://combocaster.com/category/nintendo/3ds/" title="Ver todos os posts arquivados em 3DS">3DS</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="cat-item cat-item-16"><a href="http://combocaster.com/category/mobile/" title="Ver todos os posts arquivados em Mobile">Mobile</a>
 +
<ul class='children'>
 +
<li class="cat-item cat-item-18"><a href="http://combocaster.com/category/mobile/android/" title="Ver todos os posts arquivados em Android">Android</a>
 +
</li>
 +
<li class="cat-item cat-item-17"><a href="http://combocaster.com/category/mobile/ios/" title="Ver todos os posts arquivados em iOS">iOS</a>
 +
</li>
 +
</ul>
 +
</li>
 +
    </ul>
 +
    <!-- // Submenu -->
 +
</div>
 +
<!-- // Header -->
 +
 +
<!-- Featured / Top Articles // -->
 +
<div class="ftop">
 +
<div class="featured">
 +
<div class="fthumbs">
 +
<a href="http://combocaster.com/2011/dead-or-alive-dimensions/" title="Dead or Alive: Dimensions"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/uKXBcj.jpg" alt="" class="active" /></a><br />
 +
<a href="http://combocaster.com/2011/shadows-of-the-damned-analise/" title="Shadows of the Damned &#8211; Análise"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/DxZzWt.jpg" alt="" /></a><br />
 +
<a href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/" title="Backstab é lançado quinta-feira"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/VdgzFt.jpg" alt="" /></a><br />
 +
<a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/" title="Novo trailer de Uncharted Golden Abyss"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/tiEfSN.jpg" alt="" /></a><br />
 +
<a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/" title="Valve a trabalhar num F2P?"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/NSoyfH.jpg" alt="" /></a><br />
 +
</div>
 +
<div class="fwrap">
 +
<ul>
 +
<li>
 +
<a href="http://combocaster.com/2011/dead-or-alive-dimensions/" title="Dead or Alive: Dimensions"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/GTIFrs.jpg" width="630" height="230" /></a>
 +
<div>
 +
<a class="title" href="http://combocaster.com/2011/dead-or-alive-dimensions/">Dead or Alive: Dimensions</a><br />
 +
A chegada de Dead or Alive Dimensions à 3DS marca o regresso ao activo  de uma série que... <a href="http://combocaster.com/2011/dead-or-alive-dimensions/">more</a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="http://combocaster.com/2011/shadows-of-the-damned-analise/" title="Shadows of the Damned &#8211; Análise"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/0hLAs.jpg" width="630" height="230" /></a>
 +
<div>
 +
<a class="title" href="http://combocaster.com/2011/shadows-of-the-damned-analise/">Shadows of the Damned &#8211; Análise</a><br />
 +
Ao longo dos anos foram vários os videojogos que tentaram recriar  aquele que deve ser um... <a href="http://combocaster.com/2011/shadows-of-the-damned-analise/">more</a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/" title="Backstab é lançado quinta-feira"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/E12pzh.jpg" width="630" height="230" /></a>
 +
<div>
 +
<a class="title" href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/">Backstab é lançado quinta-feira</a><br />
 +
Backstab é lançado quinta-feira
 +
 
 +
 
 +
 
 +
... <a href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/">more</a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/" title="Novo trailer de Uncharted Golden Abyss"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/YpoLMf.jpg" width="630" height="230" /></a>
 +
<div>
 +
<a class="title" href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/">Novo trailer de Uncharted Golden Abyss</a><br />
 +
... <a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/">more</a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/" title="Valve a trabalhar num F2P?"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/v0Kxew.jpg" width="630" height="230" /></a>
 +
<div>
 +
<a class="title" href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/">Valve a trabalhar num F2P?</a><br />
 +
Doug Lombardi, chefe de marketing da Valve respondeu "sim" quando confrontado com esta que... <a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/">more</a>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="top">
 +
<span class="heading1"><span>Top Articles</span></span>
 +
<ul>
 +
<li><a href="http://combocaster.com/2011/shadows-of-the-damned-analise/">Shadows of the Damned &#8211; Análise</a><span><a class="comments" href="http://combocaster.com/2011/shadows-of-the-damned-analise/#comments">5 Comments</a>Posted Under: <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high2/" title="Ver todos os posts em High2" rel="category tag">High2</a>, <a href="http://combocaster.com/category/microsoft/" title="Ver todos os posts em Microsoft" rel="category tag">Microsoft</a>, <a href="http://combocaster.com/category/sony/ps3/" title="Ver todos os posts em PS3" rel="category tag">PS3</a>, <a href="http://combocaster.com/category/sony/" title="Ver todos os posts em Sony" rel="category tag">Sony</a>, <a href="http://combocaster.com/category/microsoft/x360/" title="Ver todos os posts em X360" rel="category tag">X360</a></span></li>
 +
                                                        <li><a href="http://combocaster.com/2011/konami-quer-re-imaginar-mgs/">Konami quer re-imaginar MGS</a><span><a class="comments" href="http://combocaster.com/2011/konami-quer-re-imaginar-mgs/#comments">2 Comments</a>Posted Under: <a href="http://combocaster.com/category/high1/" title="Ver todos os posts em High1" rel="category tag">High1</a>, <a href="http://combocaster.com/category/microsoft/" title="Ver todos os posts em Microsoft" rel="category tag">Microsoft</a>, <a href="http://combocaster.com/category/sony/ps3/" title="Ver todos os posts em PS3" rel="category tag">PS3</a>, <a href="http://combocaster.com/category/sony/" title="Ver todos os posts em Sony" rel="category tag">Sony</a>, <a href="http://combocaster.com/category/microsoft/x360/" title="Ver todos os posts em X360" rel="category tag">X360</a></span></li>
 +
                                                        <li><a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/">Valve a trabalhar num F2P?</a><span><a class="comments" href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/#comments">2 Comments</a>Posted Under: <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high3/" title="Ver todos os posts em High3" rel="category tag">High3</a>, <a href="http://combocaster.com/category/pc/" title="Ver todos os posts em PC" rel="category tag">PC</a></span></li>
 +
                                                        <li><a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/">Novo trailer de Uncharted Golden Abyss</a><span><a class="comments" href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/#comments">2 Comments</a>Posted Under: <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high1/" title="Ver todos os posts em High1" rel="category tag">High1</a>, <a href="http://combocaster.com/category/sony/psvita/" title="Ver todos os posts em PSVita" rel="category tag">PSVita</a>, <a href="http://combocaster.com/category/sony/" title="Ver todos os posts em Sony" rel="category tag">Sony</a></span></li>
 +
                                                        <li><a href="http://combocaster.com/2011/dead-or-alive-dimensions/">Dead or Alive: Dimensions</a><span><a class="comments" href="http://combocaster.com/2011/dead-or-alive-dimensions/#comments">2 Comments</a>Posted Under: <a href="http://combocaster.com/category/nintendo/3ds/" title="Ver todos os posts em 3DS" rel="category tag">3DS</a>, <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/nintendo/" title="Ver todos os posts em Nintendo" rel="category tag">Nintendo</a></span></li>
 +
                                                        </ul>
 +
</div>
 +
<div class="clear"></div>
 +
</div>
 +
<!-- // Featured / Top Articles -->
 +
 +
<!-- Content // -->
 +
<div class="content">
 +
<!--[if lt IE 7]>
 +
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
 +
<div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
 +
<div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
 +
<div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
 +
<div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
 +
<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div>
 +
<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</div>
 +
</div>
 +
<div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
 +
<div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
 +
<div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
 +
<div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
 +
</div>
 +
</div>
 +
<![endif]-->
 +
 +
<!-- Left // -->
 +
<div class="left">
 +
 +
<!-- Highlights // -->
 +
<span class="heading2"><span>Highlights</span></span>
 +
<ul class="highlights">
 +
<li>
 +
<a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/" class="thumbnail"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/68FVlF.jpg" /></a>
 +
<span class="title"><a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/">Novo trailer de Uncharted Golden Abyss</a></span>
 +
 +
</li>
 +
 +
<li>
 +
<a href="http://combocaster.com/2011/shadows-of-the-damned-analise/" class="thumbnail"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/exJkUW.jpg" /></a>
 +
<span class="title"><a href="http://combocaster.com/2011/shadows-of-the-damned-analise/">Shadows of the Damned &#8211; Análise</a></span>
 +
 +
</li>
 +
 +
<li>
 +
<a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/" class="thumbnail"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/08t68T.jpg" /></a>
 +
<span class="title"><a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/">Valve a trabalhar num F2P?</a></span>
 +
 +
</li>
 +
 +
</ul>
 +
<div class="clear"></div>
 +
<!-- // Highlights -->
 +
 +
<!-- Latest Articles // -->
 +
<span class="heading2"><span>Latest Articles</span></span>
 +
<ul class="articles">
 +
<li id="post-74">
 +
<h2><a class="title" href="http://combocaster.com/2011/dead-or-alive-dimensions/" rel="bookmark" title="Permanent Link to Dead or Alive: Dimensions">Dead or Alive: Dimensions</a></h2>
 +
<span class="pinfo">
 +
<a class="comments" href="http://combocaster.com/2011/dead-or-alive-dimensions/#comments">2 Comments</a>Posted by <a href="http://combocaster.com/author/comboadmin/" title="Posts de comboadmin">comboadmin</a> on Junho 21, 2011 under <span><a href="http://combocaster.com/category/nintendo/3ds/" title="Ver todos os posts em 3DS" rel="category tag">3DS</a>, <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/nintendo/" title="Ver todos os posts em Nintendo" rel="category tag">Nintendo</a></span>
 +
</span>
 +
<a href="http://combocaster.com/2011/dead-or-alive-dimensions/" class="thumb"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/QmZzee.jpg" /></a>
 +
<div class="post">
 +
A chegada de Dead or Alive Dimensions à 3DS marca o regresso ao activo  de uma série que esteve largos anos – talvez demasiados – encalhada, com  meras aparições em consolas a passar por spin-offs de joguinhos focados naquilo que acaba por, curiosamente, ser o menos atractivo deste fighting espectacular - as maminhas saltitantes das salientes meninas DOA. Mas  não me entendam mal, este es... <a href="http://combocaster.com/2011/dead-or-alive-dimensions/">more</a>.
 +
</div>
 +
<div class="clear"></div>
 +
</li>
 +
<li id="post-67">
 +
<h2><a class="title" href="http://combocaster.com/2011/shadows-of-the-damned-analise/" rel="bookmark" title="Permanent Link to Shadows of the Damned &#8211; Análise">Shadows of the Damned &#8211; Análise</a></h2>
 +
<span class="pinfo">
 +
<a class="comments" href="http://combocaster.com/2011/shadows-of-the-damned-analise/#comments">5 Comments</a>Posted by <a href="http://combocaster.com/author/comboadmin/" title="Posts de comboadmin">comboadmin</a> on Junho 21, 2011 under <span><a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high2/" title="Ver todos os posts em High2" rel="category tag">High2</a>, <a href="http://combocaster.com/category/microsoft/" title="Ver todos os posts em Microsoft" rel="category tag">Microsoft</a>, <a href="http://combocaster.com/category/sony/ps3/" title="Ver todos os posts em PS3" rel="category tag">PS3</a>, <a href="http://combocaster.com/category/sony/" title="Ver todos os posts em Sony" rel="category tag">Sony</a>, <a href="http://combocaster.com/category/microsoft/x360/" title="Ver todos os posts em X360" rel="category tag">X360</a></span>
 +
</span>
 +
<a href="http://combocaster.com/2011/shadows-of-the-damned-analise/" class="thumb"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/exJkUW.jpg" /></a>
 +
<div class="post">
 +
Ao longo dos anos foram vários os videojogos que tentaram recriar  aquele que deve ser um dos locais mais temidos de sempre, o inferno. Dante's Inferno,  um título da Visceral Games baseado na Divina Comédia, mostrava uma  visão do inferno aterradora em que as pessoas eram punidas eternamente  pelos seus pecados. Embora God of War não seguisse exatamente este  caminho, mostrava corpos flameja... <a href="http://combocaster.com/2011/shadows-of-the-damned-analise/">more</a>.
 +
</div>
 +
<div class="clear"></div>
 +
</li>
 +
<li id="post-66">
 +
<h2><a class="title" href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/" rel="bookmark" title="Permanent Link to Backstab é lançado quinta-feira">Backstab é lançado quinta-feira</a></h2>
 +
<span class="pinfo">
 +
<a class="comments" href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/#comments">0 Comments</a>Posted by <a href="http://combocaster.com/author/tiago/" title="Posts de tiago">tiago</a> on Junho 21, 2011 under <span><a href="http://combocaster.com/category/mobile/android/" title="Ver todos os posts em Android" rel="category tag">Android</a>, <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/mobile/ios/" title="Ver todos os posts em iOS" rel="category tag">iOS</a>, <a href="http://combocaster.com/category/mobile/" title="Ver todos os posts em Mobile" rel="category tag">Mobile</a></span>
 +
</span>
 +
<a href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/" class="thumb"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/lZtylR.jpg" /></a>
 +
<div class="post">
 +
Backstab é lançado quinta-feira
 +
 
 +
 
 +
 
 +
... <a href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/">more</a>.
 +
</div>
 +
<div class="clear"></div>
 +
</li>
 +
<li id="post-58">
 +
<h2><a class="title" href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/" rel="bookmark" title="Permanent Link to Novo trailer de Uncharted Golden Abyss">Novo trailer de Uncharted Golden Abyss</a></h2>
 +
<span class="pinfo">
 +
<a class="comments" href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/#comments">2 Comments</a>Posted by <a href="http://combocaster.com/author/tiago/" title="Posts de tiago">tiago</a> on Junho 21, 2011 under <span><a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high1/" title="Ver todos os posts em High1" rel="category tag">High1</a>, <a href="http://combocaster.com/category/sony/psvita/" title="Ver todos os posts em PSVita" rel="category tag">PSVita</a>, <a href="http://combocaster.com/category/sony/" title="Ver todos os posts em Sony" rel="category tag">Sony</a></span>
 +
</span>
 +
<a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/" class="thumb"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/68FVlF.jpg" /></a>
 +
<div class="post">
 +
... <a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/">more</a>.
 +
</div>
 +
<div class="clear"></div>
 +
</li>
 +
<li id="post-51">
 +
<h2><a class="title" href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/" rel="bookmark" title="Permanent Link to Valve a trabalhar num F2P?">Valve a trabalhar num F2P?</a></h2>
 +
<span class="pinfo">
 +
<a class="comments" href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/#comments">2 Comments</a>Posted by <a href="http://combocaster.com/author/tiago/" title="Posts de tiago">tiago</a> on Junho 21, 2011 under <span><a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high3/" title="Ver todos os posts em High3" rel="category tag">High3</a>, <a href="http://combocaster.com/category/pc/" title="Ver todos os posts em PC" rel="category tag">PC</a></span>
 +
</span>
 +
<a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/" class="thumb"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/08t68T.jpg" /></a>
 +
<div class="post">
 +
Doug Lombardi, chefe de marketing da Valve respondeu "sim" quando confrontado com esta questão.
 +
 
 +
Depois de anunciar o suporte a titulos F2P na semana passada como Champions Online a Valve parece querer entrar no mercado das microtransações. Será DOTA 2 o primeiro F2P da Valve?
 +
 
 +
 
 +
 
 +
Qual a vossa opinião? Gostariam de um sistema ao estilo League of Legends em DOTA 2?... <a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/">more</a>.
 +
</div>
 +
<div class="clear"></div>
 +
</li>
 +
</ul>
 +
<!-- // News List -->
 +
 +
<!-- Page Navigation -->
 +
<div class='wp-pagenavi'>
 +
<span class='pages'>Page 1 of 2</span><span class='current'>1</span><a href='http://combocaster.com/page/2/' class='page larger'>2</a><a href="http://combocaster.com/page/2/" class="nextpostslink">&raquo;</a>
 +
</div>
 +
<!-- 404 Error -->
 +
<div class="wpn_clear"></div>
 +
</div>
 +
<!-- // Left -->
 +
<!-- Right // -->
 +
<div class="right">
 +
 +
 +
<!-- Widget Check // -->
 +
<!-- Latest Reviews // -->
 +
<span class="heading2"><span>Últimas Reviews</span></span>
 +
<div class="box">
 +
<ul class="latestrp">
 +
<li>
 +
<img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/uKXBcj.jpg" />
 +
<a href="http://combocaster.com/2011/dead-or-alive-dimensions/">Dead or Alive: Dimen...</a>
 +
 +
<br />
 +
<div class="score"><div style="text-align:left; padding: 0; margin: 0; background: url(http://combocaster.com/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png); height: 20px; width: 100px;"><div style="background: url(http://combocaster.com/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png) bottom left; padding: 0; margin: 0; height: 20px; width: 52px;"></div></div></div>
 +
<div style="width: 100%; height: 30px;">&nbsp;</div>
 +
</li>
 +
<li>
 +
<img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/DxZzWt.jpg" />
 +
<a href="http://combocaster.com/2011/shadows-of-the-damned-analise/">Shadows of the Damne...</a>
 +
 +
<br />
 +
<div class="score"><div style="text-align:left; padding: 0; margin: 0; background: url(http://combocaster.com/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png); height: 20px; width: 100px;"><div style="background: url(http://combocaster.com/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png) bottom left; padding: 0; margin: 0; height: 20px; width: 90px;"></div></div></div>
 +
<div style="width: 100%; height: 30px;">&nbsp;</div>
 +
</li>
 +
</ul>
 +
</div>
 +
<!-- // Latest Reviews -->
 +
<span class="heading2"><span>Lan&ccedil;amentos </span></span><div class="box">
 +
<div id="calendar_wrap">
 +
<table summary="Event Calendar" id="wp-calendar">
 +
<caption id="calendar-month" class="calendar-month">Junho&nbsp; 2011</caption>
 +
<thead><tr>
 +
<th abbr="Segunda-feira" scope="col" title="Segunda-feira">Seg</th>
 +
<th abbr="Terça-feira" scope="col" title="Terça-feira">Ter</th>
 +
<th abbr="Quarta-feira" scope="col" title="Quarta-feira">Qua</th>
 +
<th abbr="Quinta-feira" scope="col" title="Quinta-feira">Qui</th>
 +
<th abbr="Sexta-feira" scope="col" title="Sexta-feira">Sex</th>
 +
<th abbr="Sábado" scope="col" title="Sábado">Sáb</th>
 +
<th abbr="Domingo" scope="col" title="Domingo">Dom</th>
 +
</tr></thead>
 +
<tfoot><tr>
 +
<td class="pad" style="text-align:left" colspan="2">&nbsp;<span id="EC_previousMonth"></span></td>
 +
<td class="pad" colspan="3" id="EC_loadingPane" style="text-align:center;"></td>
 +
<td class="pad" style="text-align:right;" colspan="2"><span id="EC_nextMonth"></span>&nbsp;</td>
 +
</tr></tfoot>
 +
<tbody><tr>
 +
<td colspan="2" class="padday">&nbsp;</td>
 +
<td><span id="events-calendar-1">1</span></td>
 +
<td><span id="events-calendar-2">2</span></td>
 +
<td><span id="events-calendar-3">3</span></td>
 +
<td><span id="events-calendar-4">4</span></td>
 +
<td><span id="events-calendar-5">5</span></td>
 +
</tr><tr>
 +
<td><span id="events-calendar-6">6</span></td>
 +
<td><span id="events-calendar-7">7</span></td>
 +
<td><span id="events-calendar-8">8</span></td>
 +
<td><span id="events-calendar-9">9</span></td>
 +
<td><span id="events-calendar-10">10</span></td>
 +
<td><span id="events-calendar-11">11</span></td>
 +
<td><span id="events-calendar-12">12</span></td>
 +
</tr><tr>
 +
<td><span id="events-calendar-13">13</span></td>
 +
<td><span id="events-calendar-14">14</span></td>
 +
<td><span id="events-calendar-15">15</span></td>
 +
<td><span id="events-calendar-16">16</span></td>
 +
<td><span id="events-calendar-17">17</span></td>
 +
<td><span id="events-calendar-18">18</span></td>
 +
<td><span id="events-calendar-19">19</span></td>
 +
</tr><tr>
 +
<td><span id="events-calendar-20">20</span></td>
 +
<td id="todayWidget" style="border:thin solid blue;font-weight: bold;"><span id="events-calendar-21">21</span></td>
 +
<td><span id="events-calendar-22">22</span></td>
 +
<td><span id="events-calendar-23">23</span></td>
 +
<td><span id="events-calendar-24">24</span></td>
 +
<td><span id="events-calendar-25">25</span></td>
 +
<td><span id="events-calendar-26">26</span></td>
 +
</tr><tr>
 +
<td><span id="events-calendar-27">27</span></td>
 +
<td><span id="events-calendar-28">28</span></td>
 +
<td><span id="events-calendar-29">29</span></td>
 +
<td><span id="events-calendar-30">30</span></td>
 +
<td colspan="3" class="padday">&nbsp;</td>
 +
</tr></tbody></table>
 +
<!-- WPEC script starts here -->
 +
<script type="text/javascript">
 +
// <![CDATA[
 +
tb_pathToImage ="http://combocaster.com/wp-includes/js/thickbox/loadingAnimation.gif";
 +
tb_closeImage = "http://combocaster.com/wp-includes/js/thickbox/tb-close.png";
 +
(function($) {
 +
ecd.jq(document).ready(function() {
 +
ecd.jq('#events-calendar-21')
 +
.attr('title', '<ul class=\"EC-tt-widget-day-event\"><li class=\"EC-tt-widget-day-event-title\">Dungeon Siege 3 </li><dd class=\"EC-tt-widget-day-event-detail\"></dd><dd class=\"EC-tt-widget-day-event-detail\">12:00 am a 12:00 am</dd></ul><span class=\"EC-tt-widget-clickdate\">Clique na data para mais detalhes</span>')
 +
.attr('style', 'color:red;')
 +
.mouseover(function() {
 +
ecd.jq(this).css('cursor', 'pointer');
 +
})
 +
    .click(function() {
 +
      tb_show( "Junho Terça-feira 21  2011", "http://combocaster.com?EC_view=day&EC_month=06&EC_day=21&EC_year=2011&TB_iframe=true&width=320&height=350", false);
 +
})
 +
.tooltip({
 +
track: true,
 +
delay: 0,
 +
showURL: false,
 +
opacity: 1,
 +
fixPNG: true,
 +
showBody: " - ",
 +
// extraClass: "pretty fancy",
 +
top: -15,
 +
left: 10
 +
});
 +
ecd.jq('#events-calendar-26')
 +
.attr('title', '<ul class=\"EC-tt-widget-day-event\"><li class=\"EC-tt-widget-day-event-title\">Lan&ccedil;amento Wii U</li><dd class=\"EC-tt-widget-day-event-detail\"></dd><dd class=\"EC-tt-widget-day-event-detail\">12:00 am a 12:00 am</dd></ul><span class=\"EC-tt-widget-clickdate\">Clique na data para mais detalhes</span>')
 +
.attr('style', 'color:red;')
 +
.mouseover(function() {
 +
ecd.jq(this).css('cursor', 'pointer');
 +
})
 +
    .click(function() {
 +
      tb_show( "Junho Domingo 26  2011", "http://combocaster.com?EC_view=day&EC_month=06&EC_day=26&EC_year=2011&TB_iframe=true&width=220&height=250", false);
 +
})
 +
.tooltip({
 +
track: true,
 +
delay: 0,
 +
showURL: false,
 +
opacity: 1,
 +
fixPNG: true,
 +
showBody: " - ",
 +
// extraClass: "pretty fancy",
 +
top: -15,
 +
left: 10
 +
});
 +
ecd.jq('#EC_previousMonth')
 +
.append('&#171;Mai')
 +
.mouseover(function() {
 +
ecd.jq(this).css('cursor', 'pointer');
 +
      })
 +
.click(function() {
 +
ecd.jq('#EC_loadingPane').append('<img src="http://combocaster.com/wp-content/plugins/events-calendar/images/loading.gif" style="width:50px;" />');
 +
ecd.jq.get("http://combocaster.com/index.php",
 +
{EC_action: "switchMonth", EC_month: 5, EC_year:  2011},
 +
function(ecdata) {
 +
ecd.jq('#calendar_wrap').empty().append( ecdata );
 +
});
 +
});
 +
 +
ecd.jq('#EC_nextMonth')
 +
.prepend('Jul&#187;')
 +
.mouseover(function() {
 +
ecd.jq(this).css('cursor', 'pointer');
 +
      })
 +
.click(function() {
 +
ecd.jq('#EC_loadingPane').append('<img src="http://combocaster.com/wp-content/plugins/events-calendar/images/loading.gif" style="width:50px;" />');
 +
ecd.jq.get("http://combocaster.com/index.php",
 +
{EC_action: "switchMonth", EC_month: 7, EC_year:  2011},
 +
function(ecdata) {
 +
ecd.jq('#calendar_wrap').empty().append( ecdata );
 +
});
 +
});
 +
 +
ecd.jq.preloadImages = function() {
 +
for (var i = 0; i < arguments.length; i++) {
 +
jQuery("#calendar_wrap img").attr("src", arguments[i]);
 +
}
 +
}
 +
ecd.jq.preloadImages("http://combocaster.com/wp-content/plugins/events-calendar/images/loading.gif");
 +
});
 +
})(jQuery);
 +
//]]>
 +
</script>
 +
 +
<!-- WPEC script ends here. -->
 +
<span style="font-size:.75em;">WPEC is proudly sponsored by <br /><a href="http://www.truemediaconcepts.com">True Media Concepts</a></span>
 +
</div>
 +
<div class="clear"></div></div><span class="heading2"><span>Capas de revistas </span></span><div class="box"> <div class="textwidget">    <script src="http://www.google.com/jsapi?key=ABQIAAAAHNuSBIahnmPUsMc40THOGhTbHP2MwjGf9E7X9Q1c7vu-Rf61NxRKsfs0azkJlgsdue8y3sTBH2Tu_Q" type="text/javascript"></script>
 +
    <script type="text/javascript">
 +
    var map;
 +
    var ge;
 +
   
 +
    google.load("maps", "2.x");
 +
   
 +
    function init() {
 +
      map = new GMap2(document.getElementById('map3d'));
 +
      map.setCenter(new GLatLng(38, -9), 2);
 +
   
 +
      var mapui = map.getDefaultUI();
 +
      mapui.maptypes.physical = false;
 +
      map.setUI(mapui);
 +
   
 +
      // add 'Earth' as one of the map types
 +
      map.addMapType(G_SATELLITE_3D_MAP);
 +
   
 +
      // bgamer
 +
      var bgamerM = new GMarker(new GLatLng(38.66835610151506, -9.0966796875));
 +
      GEvent.addListener(bgamerM, "click", function() {
 +
        var bgamer = '<div style="width: 210px; padding-right: 10px">BGamer! <img src="http://bgamer.pt/images/revistas/140611114958000000thumb_bg156_thumb.jpg"style="width: 210px;"/></div>';
 +
        bgamerM.openInfoWindowHtml(bgamer);
 +
      });
 +
   
 +
 
 +
   
 +
      map.addOverlay(bgamerM);
 +
      google.maps.Event.trigger(bgamerM,"click");
 +
 
 +
 
 +
    var edgeM = new GMarker(new GLatLng(51.515,  -0.099028));
 +
      GEvent.addListener(edgeM, "click", function() {
 +
        var edge = '<div style="width: 210px; padding-right: 10px">EDGE! <img src="http://media.next-gen.biz/files/e229_promo.png" style="width: 210px;"/></div>';
 +
        edgeM.openInfoWindowHtml(edge);
 +
      });
 +
   
 +
 
 +
   
 +
      map.addOverlay(edgeM);
 +
      google.maps.Event.trigger(edgeM,"click");
 +
 
 +
  var progamerM = new GMarker(new GLatLng(37.46,  -122.25));
 +
      GEvent.addListener(progamerM , "click", function() {
 +
        var progamer= '<div style="width: 210px; padding-right: 10px">GamePro! <img src="http://cdn1.gamepro.com/mag-cover/gp11_july/cover.png" style="width: 210px;"/></div>';
 +
        progamerM.openInfoWindowHtml(progamer);
 +
      });
 +
   
 +
 
 +
   
 +
      map.addOverlay(progamerM );
 +
      google.maps.Event.trigger(progamerM,"click");
 +
 
 +
var nintendopowerM = new GMarker(new GLatLng(40.43,  -73.58));
 +
      GEvent.addListener(nintendopowerM , "click", function() {
 +
        var nintendopower = '<div style="width: 210px; padding-right: 10px">Nintendo Power! <img src="http://www.nintendopower.com/images/NP268_Cover.png" style="width: 210px;" /></div>';
 +
        nintendopowerM.openInfoWindowHtml(nintendopower);
 +
      });
 +
   
 +
 
 +
   
 +
      map.addOverlay(nintendopowerM );
 +
      google.maps.Event.trigger(nintendopowerM ,"click");
 +
     
 +
   
 +
    }
 +
   
 +
    </script>
 +
 +
<body onload="init()" style="font-family: arial, sans-serif; font-size: 13px; border: 0;">
 +
    <div id="map3d" style="width: 280px; height: 300px;"></div>
 +
    <br>
 +
  </body></div>
 +
<div class="clear"></div></div><span class="heading2"><span>Notas </span></span><div class="box"> <div class="textwidget"><script>var addEvent = (function () {
 +
  if (document.addEventListener) {
 +
    return function (el, type, fn) {
 +
      if (el && el.nodeName || el === window) {
 +
        el.addEventListener(type, fn, false);
 +
      } else if (el && el.length) {
 +
        for (var i = 0; i < el.length; i++) {
 +
          addEvent(el[i], type, fn);
 +
        }
 +
      }
 +
    };
 +
  } else {
 +
    return function (el, type, fn) {
 +
      if (el && el.nodeName || el === window) {
 +
        el.attachEvent('on' + type, function () { return fn.call(el, window.event); });
 +
      } else if (el && el.length) {
 +
        for (var i = 0; i < el.length; i++) {
 +
          addEvent(el[i], type, fn);
 +
        }
 +
      }
 +
    };
 +
  }
 +
})();
 +
 +
(function () {
 +
 +
var pre = document.createElement('pre');
 +
pre.id = "view-source"
 +
 +
// private scope to avoid conflicts with demos
 +
addEvent(window, 'click', function (event) {
 +
  if (event.target.hash == '#view-source') {
 +
    // event.preventDefault();
 +
    if (!document.getElementById('view-source')) {
 +
      // pre.innerHTML = ('<!DOCTYPE html>\n<html>\n' + document.documentElement.innerHTML + '\n</html>').replace(/[<>]/g, function (m) { return {'<':'&lt;','>':'&gt;'}[m]});
 +
      var xhr = new XMLHttpRequest();
 +
 +
      // original source - rather than rendered source
 +
      xhr.onreadystatechange = function () {
 +
        if (this.readyState == 4 && this.status == 200) {
 +
          pre.innerHTML = this.responseText.replace(/[<>]/g, function (m) { return {'<':'&lt;','>':'&gt;'}[m]});
 +
          prettyPrint();
 +
        }
 +
      };
 +
 +
      document.body.appendChild(pre);
 +
      // really need to be sync? - I like to think so
 +
      xhr.open("GET", window.location, true);
 +
      xhr.send();
 +
    }
 +
    document.body.className = 'view-source';
 +
   
 +
    var sourceTimer = setInterval(function () {
 +
      if (window.location.hash != '#view-source') {
 +
        clearInterval(sourceTimer);
 +
        document.body.className = '';
 +
      }
 +
    }, 200);
 +
  }
 +
});
 +
 
 +
})();</script>
 +
 +
 
 +
  <section id="editable" contenteditable="true">
 +
    <h2>Editable Zone</h2>
 +
 +
  </section>
 +
  <div>
 +
    <input type="button" id="clear" value="Clear changes" />
 +
  </div>
 +
</article>
 +
<script>
 +
var editable = document.getElementById('editable');
 +
 +
addEvent(editable, 'blur', function () {
 +
  // lame that we're hooking the blur event
 +
  localStorage.setItem('contenteditable', this.innerHTML);
 +
  document.designMode = 'off';
 +
});
 +
 +
addEvent(editable, 'focus', function () {
 +
  document.designMode = 'on';
 +
});
 +
 +
addEvent(document.getElementById('clear'), 'click', function () {
 +
  localStorage.clear();
 +
  window.location = window.location; // refresh
 +
});
 +
 +
if (localStorage.getItem('contenteditable')) {
 +
  editable.innerHTML = localStorage.getItem('contenteditable');
 +
}
 +
 +
</script></div>
 +
<div class="clear"></div></div> <!-- // Widget Check -->
 +
</div>
 +
<!-- // Right --> <!-- Clear -->
 +
<div class="clear"></div>
 +
</div>
 +
<!-- // Content -->
 +
 +
<!-- Footer // -->
 +
<div class="footer">
 +
<div class="fleft">
 +
    Copyright &copy; 2011 Combo Caster. Todos os direitos reservados. <a href="http://massmediablast.com" rel="follow">Massive Media Blast</a>.</div>
 +
<div class="fright">
 +
Proudly powered by <a href="http://www.wordpress.org/">WordPress</a>.<br />
 +
</div>
 +
</div>
 +
<!-- // Footer -->
 +
</div>
 +
<!-- // Wrapper -->
 +
<script type='text/javascript'>
 +
/* <![CDATA[ */
 +
var thickboxL10n = {
 +
next: "Seguinte &raquo;",
 +
prev: "&#171; Anterior",
 +
image: "Imagem",
 +
of: "de",
 +
close: "Fechar",
 +
noiframes: "Este funcionalidade requer frames inline. Tem os iframes desactivados ou o seu browser não os suporta."
 +
};
 +
try{convertEntities(thickboxL10n);}catch(e){};
 +
/* ]]> */
 +
</script>
 +
<script type='text/javascript' src='http://combocaster.com/wp-includes/js/thickbox/thickbox.js?ver=3.1-20100407'></script>
 +
<script type='text/javascript'>
 +
/* <![CDATA[ */
 +
var pollsL10n = {
 +
ajax_url: "http://combocaster.com/wp-content/plugins/wp-polls/wp-polls.php",
 +
text_wait: "Your last request is still being processed. Please wait a while ...",
 +
text_valid: "Please choose a valid poll answer.",
 +
text_multiple: "Maximum number of choices allowed: ",
 +
show_loading: "1",
 +
show_fading: "1"
 +
};
 +
/* ]]> */
 +
</script>
 +
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/wp-polls/polls-js.js?ver=2.50'></script>
 +
</body>
 +
</html></pre>
== Estrutura CSS ==
== Estrutura CSS ==
-
inserir aqui a estrutura CSS
+
 
 +
Os ficheiros CSS foram pensados para que quando o utilizador visualize uma determinada categoria de notícias, o tema do site mude. Ou seja, quando o utilizador visita uma secção onde só irá encontrar artigos relativos à Xbox, o site fica em tons de verde, mas quando visita a secção da PS3, o site muda para azul.
 +
<br /><br />
 +
Dividimos então em X ficheiros CSS. <br />
 +
'''style.css''' - onde tem toda a estrutura de CSS que suporta o design e layout do site, desde alinhamentos e medidas a fontes utilizadas. <br />
 +
 
 +
'''style-sony.css, style-xbox.css, style-pc.css, style-mobile.css, style-nintendo.css e style-geral.css''' <br />
 +
Nestes ficheiros, tem o código necessário para alterar as cores do site para as diferentes plataformas. Aqui muda-se as imagens e cores. Ao todo, existem 6 ficheiros CSS diferentes só para as plataformas.
 +
<br /><br />'''Fica aqui o código CSS da XBOX:'''<br /><br />
 +
 
 +
<pre>
 +
body {color:#fefefe;}
 +
a {color:#ffcc00;}
 +
 
 +
.content {background:#252525 url(img/dark/content_bg.gif) repeat-x top;}
 +
 
 +
.ftop {background:#191919;border-bottom:1px solid #252525;}
 +
.ftop .featured li div {background:#252525;border:1px solid #2d2d2d;}
 +
.ftop .featured li div a {color:#ff7800;}
 +
.ftop .featured li div a.title {color:#ffcc00;}
 +
 
 +
.ftop .top li {background:url(img/dark/ftop_top_div.gif) repeat-x bottom;}
 +
/*.ftop .top li:hover {background-color:#111;}*/
 +
.ftop .top li span a {color:#f47402;font-weight:normal;}
 +
.ftop .top li span a.comments {color:#CCC;}
 +
 
 +
 
 +
.heading1 {background:url(img/heading2_bg_xbox.gif) repeat-x top;color:#ccc;border:1px solid #4d4d4d;}
 +
.heading1 span {background-image:url(img/heading2_arrow_xbox.gif);}
 +
 
 +
.heading3 {color:#ffcc00;}
 +
 
 +
.highlights .thumbnail img {background:#000;border:3px solid #5b5b5b;}
 +
 
 +
.highlights li {background:#202020;}
 +
.highlights span.cat {background:#111;border-top:1px solid #252525;color:#999;}
 +
.highlights span.cat a {color:#999;}
 +
 
 +
.articles > li {background:url(img/dark/articles_div.gif) repeat-x bottom;}
 +
.articles .pinfo {background:#111;border-top:1px solid #2d2d2d;color:#999;}
 +
.articles .pinfo a {color:#CCC;}
 +
.articles .pinfo a.comments {background-image:url(img/dark/icon_comments.gif);}
 +
.articles .pinfo span a {color:#ff7800;}
 +
.articles .overlay a {background:url(img/dark/articles_thumb.gif);}
 +
.articles .post a {color:#ffcc00;}
 +
 
 +
.article .ainfo {background:#353535 url(img/dark/articles_ainfo_bg.gif) repeat-x top;border:1px solid #494949;}
 +
.article .ainfo .avatar a {background:#110803;border:2px solid #7c7c7c;}
 +
.article .ainfo .author a {color:#CCC;}
 +
.article .ainfo ul li {background:url(img/dark/articles_ainfo_div.gif) no-repeat left;}
 +
.article .ainfo ul li a {color:#fff;}
 +
.article .ainfo ul li a:hover {background:url(img/dark/articles_ainfo_bg_hover.gif);}
 +
.article .ainfo .advert {background:#191919;border-top:1px solid #494949;border-left:1px solid #494949;}
 +
 
 +
.article .thumbnail {background:#110803;border:2px solid #7c7c7c;}
 +
.articles .thumb img {background:#000;border:2px solid #5b5b5b;}
 +
 
 +
.article .atabs {background:url(img/dark/articles_atabs_hdiv.gif) repeat-x 0 32px;}
 +
.article .atabs .tabs li a {color:#ccc;background:url(img/dark/articles_atabs_bg.gif) repeat-x bottom;}
 +
.article .atabs .tabs li a.active {background:url(img/dark/articles_atabs_bg_active.gif) repeat-x bottom;color:#fff;}
 +
.article .atabs .atabs_content {background:#191919;}
 +
.article .atabs .tags a {color:#CCC;}
 +
.article .atabs .categories a {color:#ff7800;}
 +
 
 +
.articles .post h1, .articles .post h2, .articles .post h3, .articles .post h4, .articles .post h5, .articles .post h6 {background:url(img/dark/articles_atabs_hdiv.gif) repeat-x bottom;color:#aaa;}
 +
.articles .post blockquote {color:#ccc;background:#333;border-left:5px solid #CCC;}
 +
.articles .post blockquote blockquote {background:#252525;border-left:5px solid #3a7584;}
 +
 
 +
.articles .post ul li  {background:url(img/dark/list_bullet.gif) no-repeat 0 7px;}
 +
 
 +
.article .post-date {color:#999;}
 +
 
 +
.comments li .cwrap {background:#191919;border:1px solid #2d2d2d;}
 +
.comments li .avatar img {background:#000;border:2px solid #434343;}
 +
.comments li .author,.comments li .author a {color:#ffcc00;}
 +
.comments li .date {color:#999;}
 +
.comments li .reply a {color:#CCC;}
 +
.comments li .cnumber {color:#999;}
 +
.comments li .ctext {background:#252525;border:1px solid #2d2d2d;}
 +
.comments li .ctext .triangle {background:url(img/dark/comments_triangle.gif);}
 +
 
 +
.comments li.comment-author-admin .ctext, .comments li.bypostauthor .ctext {background:#013340;border:1px solid #005166;}
 +
.comments li.comment-author-admin .ctext .triangle, .comments li.bypostauthor .ctext .triangle {background:url(img/dark/comments_triangle_admin.gif);}
 +
 
 +
.comments input.cicon {background-color:#fff;background-image:url(img/dark/comments_icons.gif);}
 +
.comments textarea {background:#fff;}
 +
.comments input.cicon,.comments textarea {color:#666;}
 +
.comments input.cicon:focus,.comments textarea:focus {color:#333;}
 +
 
 +
.box {background:#191919;}
 +
.box li {border-top:1px solid #252525;}
 +
.box li ul li a {color:#fff;}
 +
 
 +
.list2 li strong {color:#999;}
 +
.list2 li .limg {background:#000;border:1px solid #434343;}
 +
 
 +
.wp-pagenavi a,.wp-pagenavi .pages {color:#ffcc00;background:#191919;border:1px solid #2d2d2d;}
 +
.wp-pagenavi .current {background:#ff7800;color:#191919;border:1px solid #f7a249;}
 +
 
 +
#wp-calendar caption {border-bottom:1px dotted #fff;color:#fff;}
 +
 
 +
.wp-polls p strong {color:#999;}
 +
 
 +
.latestc img {background:#000;border:1px solid #434343;}
 +
.latestrp img {background:#000;border:2px solid #434343;}
 +
.latestrp span a {color:#f47402;}
 +
 
 +
.wp-caption {background-color:#5a5a5a;color:#ccc;}
 +
.wp-caption img {border:1px solid #000 !important;}
 +
 
 +
.formcontainer fieldset {border:1px solid #414141;background:#111;}
 +
.formcontainer fieldset:hover {border:1px solid #666;}
 +
.formcontainer fieldset:hover  legend{background:#ff6600;color:#fff;}
 +
.formcontainer legend {color:#fff;background:#414141;}
 +
.formcontainer input, .formcontainer textarea {border:1px solid #ccc;background:#ccc;}
 +
.formcontainer input:focus, .formcontainer textarea:focus {border:1px solid #f88b00;background:#eee;}
 +
.formcontainer p.error {border:1px solid #ff6eae;color:#555;background:#f4e7e7;}
 +
.formcontainer input.error {border:1px solid #ff6eae;background:#f4e7e7;}
 +
.formcontainer .success {color:#555;background:#FFC;border:1px solid #FC9;}
 +
.formcontainer span.required {color:#CCC;}
 +
 
 +
/* Top BG */
 +
.topbg {position:absolute;top:0;left:0;width:100%;height:260px;background:url(img/top_bg_xbox.gif) repeat-x top;z-index:1;}
 +
 +
.heading2 span {display:block;background:url(img/heading2_arrow_xbox.gif) no-repeat 14px 14px;}
 +
.heading2 {display:block;height:36px;line-height:36px;text-indent:35px;font-size:14px;font-weight:bold;background:url(img/heading2_bg_xbox.gif) repeat-x top;color:#fff;border:1px solid #030;}
 +
.header .menu > li > a:hover ,.header .menu > li:hover > a{text-decoration:none;color:#ffcc00;background:url(img/menu_bg_hover_xbox.gif);}
 +
.header .menu > li {float:left;background:url(img/menu_div_xbox.gif) no-repeat top right;position:relative;}
 +
</pre>
 +
 
 +
<br /><br /> Os outros estilos são identicos, apenas mudam as cores e as imagens.
== JavaScript ==
== JavaScript ==
-
inserir aqui os scripts javascript
 
'''Integração do Google Earth'''
'''Integração do Google Earth'''
-
Achá-mos interessante colocar as capas das várias capas de revistas do mundo relativas a jogos utilizando o Google Maps/Earth
+
Achá-mos interessante colocar as capas das várias revistas do mundo relativas a jogos utilizando o Google Maps/Earth
<pre><script src="http://www.google.com/jsapi?key=ABQIAAAAHNuSBIahnmPUsMc40THOGhTbHP2MwjGf9E7X9Q1c7vu-Rf61NxRKsfs0azkJlgsdue8y3sTBH2Tu_Q" type="text/javascript"></script>
<pre><script src="http://www.google.com/jsapi?key=ABQIAAAAHNuSBIahnmPUsMc40THOGhTbHP2MwjGf9E7X9Q1c7vu-Rf61NxRKsfs0azkJlgsdue8y3sTBH2Tu_Q" type="text/javascript"></script>
Line 103: Line 1,016:
     <br>
     <br>
   </body></pre>
   </body></pre>
 +
 +
 +
'''Integração do painel de login'''
 +
 +
no ficheiro slide.js temos:
 +
<pre>
 +
jQuery.noConflict();
 +
 +
 +
jQuery(document).ready(function() {
 +
 +
// Expand Panel
 +
jQuery("#open").click(function(){
 +
jQuery("div#panel").slideDown("slow");
 +
 +
});
 +
 +
// Collapse Panel
 +
jQuery("#close").click(function(){
 +
jQuery("div#panel").slideUp("slow");
 +
});
 +
 +
// Switch buttons from "Log In | Register" to "Close Panel" on click
 +
jQuery("#toggle a").click(function () {
 +
jQuery("#toggle a").toggle();
 +
});
 +
 +
});
 +
</pre>
 +
 +
 +
Tivemos que utilizar uma função do jQuery que é a jQuery.noConflict(); pois, derivado a algumas funções por nós não editadas de algumas funcionalidades do WordPress, estava a dar conflito. Assim, em vez de usar a famosa "primeira linha" de funções jQuery a $(document).ready(function() {} utilizamos a jQuery(document).ready(function() {} pois assim evita conflitos com outras livrarias e funções carregadas e utilizadas pela plataforma.
 +
 +
'''PNG Fix'''
 +
Foi também utilizado e adaptado um script em jQuery para corrigir o erro das transparências em ficheiros PNG no Internet Exploder.
== Frameworks utilizadas ==
== Frameworks utilizadas ==
-
Para nos facilitar a integração do projecto num ambiente Web, e para que o nosso projecto fosse competitivo no mercado actual, decidimos utilizar a plataforma WordPress. Esta, tem já implementada toda a estrutura para gestão de artigos e utilizadores. Coisas que com o XHTML, CSS e Javascript são praticamente impossíveis de fazer.
+
Para nos facilitar a integração do projecto num ambiente Web, e para que o nosso projecto fosse competitivo no mercado actual, decidimos utilizar a plataforma WordPress. Esta, tem já implementada toda a estrutura para gestão de artigos e utilizadores. Coisas que com o XHTML, CSS e Javascript são praticamente impossíveis de fazer. <br /><br />
-
Bbasicamente precisamos de fazer um theme – que incluí XHTML, CSS e Javascript, mais as tags php que o tema precisa de ter para conseguir comunicar com o WordPress e com a base de dados MySQL.
+
Basicamente precisamos de fazer um theme – que incluí XHTML, CSS e Javascript, mais as tags php que o tema precisa de ter para conseguir comunicar com o WordPress e com a base de dados MySQL.<br /><br />
-
Depois de definir toda a estrutura de código a utilizar, a arborização, várias secções e elementos em Javascript precisamos de implementar o código na base do WordPress.
+
Depois de definir toda a estrutura de código a utilizar, a arborização, várias secções e elementos em Javascript precisamos de implementar o código na base do WordPress.<br />
-
A primeira coisa a fazer é dividir todo o código XHTML em vários ficheiros:
+
A primeira coisa a fazer é dividir todo o código XHTML em vários ficheiros:<br />
-
Header.php
+
<ul>
-
Índex.php
+
<li>Header.php</li>
-
Sidebar.php
+
<li>Índex.php</li>
-
Footer.php
+
<li>Sidebar.php</li>
-
O WordPress utiliza o código dividido para que, em cada “actualização” de uma página, não esteja sempre a carregar o mesmo código. Basicamente o header.php, sidebar.php e o footer.php ficarão sempre iguais.
+
<li>Footer.php</li>
 +
</ul><br />
 +
O WordPress utiliza o código dividido para que, em cada “actualização” de uma página, não esteja sempre a carregar o mesmo código. Basicamente o header.php, sidebar.php e o footer.php ficarão sempre iguais.<br />
Os ficheiros que cada theme deverá ter são:
Os ficheiros que cada theme deverá ter são:
-
Archive.php – é a página onde se mostram todos os artigos ordenados por diferentes factores, são eles as categorias, a data de publicação e as tags aplicadas.
+
<br />'''Archive.php''' – é a página onde se mostram todos os artigos ordenados por diferentes factores, são eles as categorias, a data de publicação e as tags aplicadas.<br />
-
Comments.php – é o código usado para todos os formulários de comentários.
+
'''Comments.php''' – é o código usado para todos os formulários de comentários.
-
Footer.php – incluí o código HTML + tags php do WordPress para o footer / rodapé do website.
+
<br />'''footer.php''' – incluí o código HTML + tags php do WordPress para o footer / rodapé do website.
-
Functions.php – tem o código necessário em php para que se consiga comunicar entre o WordPress e a base de dados, e também várias funções que poderão existir. Nota: este ficheiro não foi editado.
+
<br />'''functions.php''' – tem o código necessário em php para que se consiga comunicar entre o WordPress e a base de dados, e também várias funções que poderão existir. Nota: este ficheiro não foi editado.
-
Header.php – tem o código HTML que nunca será modificado em todas as páginas do site. Todos os elementos da tag <head> estão aqui. Por exemplo, inclusão de ficheiros externos CSS, inclusão de livrarias externas de Javascript, por exemplo o jQuery.
+
<br />'''feader.php''' – tem o código HTML que nunca será modificado em todas as páginas do site. Todos os elementos da tag <head> estão aqui. Por exemplo, inclusão de ficheiros externos CSS, inclusão de livrarias externas de Javascript, por exemplo o jQuery.
-
Índex.php – incluí o código que é necessário para a renderização do browser da primeira página – homepage.
+
<br />'''index.php''' – incluí o código que é necessário para a renderização do browser da primeira página – homepage.
-
Page.php – Este ficheiro suporta o código necessário para que a secção das páginas do WordPress seja mostrada correctamente. Estas páginas, podem ser acedidas pela navegação principal ou secundária do website.
+
<br />'''page.php''' – Este ficheiro suporta o código necessário para que a secção das páginas do WordPress seja mostrada correctamente. Estas páginas, podem ser acedidas pela navegação principal ou secundária do website.
-
Search.php – tem apenas o código que se deve utilizar para se efectuar pesquisa no site. Nota: este ficheiro não foi editado.
+
<br />'''search.php''' – tem apenas o código que se deve utilizar para se efectuar pesquisa no site. Nota: este ficheiro não foi editado.
-
Sidebar.php – Código necessário para a barra lateral presente em todo o site.
+
<br />'''sidebar.php''' – Código necessário para a barra lateral presente em todo o site.
-
Single.php – Código para mostrar um artigo completo no website.
+
<br />'''single.php''' – Código para mostrar um artigo completo no website.
-
Style.css – Toda a configuração de estilos CSS ficará neste ficheiro.
+
<br />'''style.css''' – Toda a configuração de estilos CSS ficará neste ficheiro.
-
No índex.php utilizamos uma função para chamar todas as outras páginas. Ficamos com uma estrutura assim:
+
<br /><br />No índex.php utilizamos uma função para chamar todas as outras páginas. Ficamos com uma estrutura assim:
<pre>
<pre>
Line 134: Line 1,084:
<?php get_footer() ?>
<?php get_footer() ?>
</pre> <br />
</pre> <br />
-
As funções do tipo get_XXXX() são “includes” de código que o php tem.
+
As funções do tipo get_XXXX() são “includes” de código que o php tem.<br />
Para as páginas de cada artigo, temos de utilizar o ficheiro single.php que terá os mesmos “includes”. Assim como no ficheiro archives.php e page.php.
Para as páginas de cada artigo, temos de utilizar o ficheiro single.php que terá os mesmos “includes”. Assim como no ficheiro archives.php e page.php.
-
 
+
<br /><br />
Depois de implementado, ficamos já com um theme para ser utilizado no WordPress. Faz-se o upload de todos os ficheiros para uma pasta nova em:
Depois de implementado, ficamos já com um theme para ser utilizado no WordPress. Faz-se o upload de todos os ficheiros para uma pasta nova em:
-
root/wp-content/themes/nome-do-tema
+
root/wp-content/themes/nome-do-tema <br />
em que root é a raiz do nosso website.
em que root é a raiz do nosso website.
== Melhoramentos Futuros ==
== Melhoramentos Futuros ==
-
Nos botões de escolha de plataforma que actualmente apenas mudam o aspecto do site esperamos implementar um sistema que permita a filtragem do conteúdo conforme a plataforma escolhida.
+
Nos botões de escolha de plataforma que actualmente apenas mudam o aspecto do site esperamos implementar um sistema que permita a filtragem do conteúdo conforme a plataforma escolhida. <br /><br />
 +
 
 +
Para estimular os utilizadores a participar avidamente na vida do site propôs-se a implementação de um sistema de recompensas que seriam entregues a utilizadores com os ratings mais elevados (similar ao sistema de "respeito" utilizado em diversos foruns).<br /><br />
 +
 
 +
Esperamos também conseguir que as imagens que estão a ser carregadas para o Google Maps, tenham algum controlo por backoffice para não estar sempre a editar o código Javascript cada vez que sair uma capa nova. Apenas por falta de tempo não implementámos carregamentos por XML.
 +
 
== Problemas Encontrados ==
== Problemas Encontrados ==
 +
 +
Um dos problemas encontrados, foi o carregamento de imagens automáticamente para a zona "Featured" da homepage cada vez que criavamos um novo artigo. Tivemos que automatizar o processo de criação de thumbnails, para que quando uma imagem fosse carregada, conseguissemos retirar 3 imagens distintas para a colocação em diversas zonas. Pesquisando, encontramos depois a solução para passar determinados parametros para variaveis, para depois serem utilizadas no slider da zona Featured.
 +
== Conclusões ==
== Conclusões ==
 +
 +
Após a conclusão do nosso projecto, acreditamos que o maior problema que atravessámos foi a complexidade inerente ao uso inicial do Wordpress pois era algo com que não estávamos familiarizados. O Wordpress tem algumas características de php que tornaram o nosso trabalho difícil mas ao fim de um curto período de adaptação tornou-se bastante acessível.
 +
O resultado final é do nosso agrado apesar de esperamos fazer o site evoluir ao concluir tudo aquilo que tínhamos planeado, o que, infelizmente, não foi possível. Apesar dos contratempos, estamos satisfeitos por termos um resultado positivo na criação do site, visto termo-nos proposto a um projecto ambicioso. 
== Bibliografia ==
== Bibliografia ==
 +
 +
'''Sites de inspiração:''' <br />
 +
http://www.ign.com/ <br />
 +
http://www.gamespot.com/ <br />
 +
http://www.lusogamer.com/ <br />
 +
<br /><br />
 +
'''WordPress:''' <br />
 +
http://www.wordpress.org/ <br />
 +
http://codex.wordpress.org/ <br />
 +
http://www.tudoparawordpress.com.br/dicas-wordpress/melhor-forma-incluir-script-jquery-wordpress/ <br />
 +
http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/ <br />
 +
<br /><br />
 +
'''JavaScript:''' <br />
 +
http://jquery.com/ <br /><br /><br />
 +
'''
 +
Google Earth:'''<br />
 +
http://earth-api-samples.googlecode.com/svn/trunk/examples/maps-integration.html<br />

Latest revision as of 03:55, 22 June 2011

Combo Caster

Contents

Autores

Hugo Ribeiro 47574
Tiago Roque 38803
Valério Vaz 40554
Filipe Almeida 60759
Fábio Lemos 61199

Apresentação / Contextualização

O tema do nosso projecto é um site com informações relativamente a jogos de vídeo, em que os utilizadores fornecem as suas próprias reviews dos seus jogos preferidos. O ambiente é tradicional para que o utilizador não se sinta perdido. A informação que achámos mais importante ter no site foi noticias, análises, antevisões, imagens, videos, calendário de lançamentos e banca de revistas. Acreditamos que esta ideia resultará no mundo virtual actual devido ao crescente número de prosumers; cada vez mais o público não quer apenas ler ou ouvir o que os outros têm a dizer, sentindo também ele a necessidade de expor a sua opinião, abrindo portas a sites que funcionem como fóruns de conhecimento sobre assuntos convergentes.

Fluxograma

Neste projecto optámos por uma estrutura simples, com 3 níveis básicos:

Layouts e Implicações

Numa primeira fase, este foi o estudo realizado para o nosso layout. Obs: o ficheiro está em Fireworks.
Para permitir um fácil acesso e utilização do site foi determinado que o paradigma que permitiria mais linearidade e facilidade no uso seria com paradigma índex.
A partir dai o layout foi desenvolvido com esse intuito. A ideia principal seria utilizador poderá navegar no site pelo sistema de menus que ficará sempre visível no topo da página.

Caracterização da narrativa

Decidimos utilizar um layout mais clássico de um site de reviews, género de magazine, com o objectivo de não confundir o utilizador mantendo-o num ambiente que lhe é familiar. Para inspiração, visitamos alguns sites com o mesmo tema do nosso, embora com um conceito um pouco diferente.

Estrutura XHTML

Devido á especificidade do nosso projecto, tivemos que recorrer a linguagem de programação PHP, como já foi referido anteriormente. Fica então o código da nossa estrutura XHTML/PHP.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"><head> 
    
    
      
    
<!-- Title --> 
		<title>Combo Caster</title> 
		
		<!-- Content Type --> 
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
		
		
		<!-- Link REL / CSS --> 
		<link rel="stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style.css" /> 
		<link rel="alternate" type="application/rss+xml" title="Combo Caster RSS Feed" href="http://combocaster.com/feed/" /> 
		<link rel="alternate" type="application/atom+xml" title="Combo Caster Atom Feed" href="http://combocaster.com/feed/atom/" /> 
		<link rel="pingback" href="http://combocaster.com/xmlrpc.php" /> 
		
		<!-- Default Style --> 
					<link rel="stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-all.css" />	
				
		<!-- Light / Dark CSS --> 
		<link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-pc.css" title="style-pc" media="screen" /> 
		<link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-xbox.css" title="style-xbox" media="screen" /> 
 
		<link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-sony.css" title="style-sony" media="screen" /> 
        
		<link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-nintendo.css" title="style-nintendo" media="screen" /> 
        <link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-mobile.css" title="style-mobile" media="screen" /> 
        <link rel="alternate stylesheet" type="text/css" href="http://combocaster.com/wp-content/themes/Gamenow/style-geral.css" title="style-all" media="screen" /> 
		
				<meta name='robots' content='noindex,nofollow' /> 
<link rel='stylesheet' id='gdsr_style_main-css'  href='http://combocaster.com/wp-content/plugins/gd-star-rating/css/gdsr.css.php?t=1308585116&s=a10i10m20k20c05r05%23121620243046%23121620243240%23s1pchristmas%23s1pcrystal%23s1pdarkness%23s1poxygen%23s1goxygen_gif%23s1pplain%23s1ppumpkin%23s1psoft%23s1pstarrating%23s1pstarscape%23t1pclassical%23t1pstarrating%23t1gstarrating_gif%23lsgflower&o=off&ver=1.9.9' type='text/css' media='all' /> 
<link rel='stylesheet' id='gdsr_style_xtra-css'  href='http://combocaster.com/wp-content/gd-star-rating/css/rating.css?ver=1.9.9' type='text/css' media='all' /> 
<link rel='stylesheet' id='NextGEN-css'  href='http://combocaster.com/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0' type='text/css' media='screen' /> 
<link rel='stylesheet' id='shutter-css'  href='http://combocaster.com/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.css?ver=1.3.2' type='text/css' media='screen' /> 
<link rel='stylesheet' id='wp-polls-css'  href='http://combocaster.com/wp-content/themes/Gamenow/polls-css.css?ver=2.50' type='text/css' media='all' /> 
<link rel='stylesheet' id='wp-pagenavi-css'  href='http://combocaster.com/wp-content/themes/Gamenow/pagenavi-css.css?ver=2.70' type='text/css' media='all' /> 
<script type='text/javascript' src='http://combocaster.com/wp-includes/js/l10n.js?ver=20101110'></script> 
<script type='text/javascript' src='http://combocaster.com/wp-content/uploads/jw-player-plugin-for-wordpress/player/jwplayer.js?ver=3.1.3'></script> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js'></script> 
<script type='text/javascript' src='http://combocaster.com/wp-includes/js/jquery/jquery.js?ver=1.4.4'></script> 
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/events-calendar/js/jquery.bgiframe.js?ver=2.1'></script> 
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/events-calendar/js/jquery.tooltip.min.js?ver=1.3'></script> 
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/gd-star-rating/js/gdsr.js?ver=1.9.9'></script> 
<script type='text/javascript'> 
/* <![CDATA[ */
var shutterSettings = {
	msgLoading: "L O A D I N G",
	msgClose: "Click to Close",
	imageCount: "1"
};
/* ]]> */
</script> 
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.js?ver=1.3.2'></script> 
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/nextgen-gallery/js/jquery.cycle.all.min.js?ver=2.88'></script> 
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js?ver=1.05'></script> 
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://combocaster.com/xmlrpc.php?rsd" /> 
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://combocaster.com/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='Combo Caster' href='http://combocaster.com/' /> 
<meta name="generator" content="WordPress 3.1.3" /> 
<!-- Start Of Script Generated By Events-Calendar [Luke Howell | www.lukehowell.com] and [R. MALKA | www.heirem.fr] -->

<!-- More information at http://wp-eventscalendar.com. -->

<link type="text/css" rel="stylesheet" href="http://combocaster.com/wp-includes/js/thickbox/thickbox.css" />

<link type="text/css" rel="stylesheet" href="http://combocaster.com/wp-content/plugins/events-calendar/css/events-calendar.css" />

 <script type="text/javascript"> 
	// <![CDATA[
	var ecd = {};
	ecd.jq = jQuery.noConflict(false);
	//]]>
 </script> 
<!-- End Of Script Generated By Events-Calendar - Version: 6.7.6 --> 
<script type="text/javascript">

//<![CDATA[

var gdsr_cnst_nonce = "a4cd156b4a";

var gdsr_cnst_ajax = "http://combocaster.com/wp-content/plugins/gd-star-rating/ajax.php";

var gdsr_cnst_button = 1;

var gdsr_cnst_cache = 0;

// ]]>

</script>

<!--[if IE]><style type="text/css">.ratemulti .starsbar .gdcurrent { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }</style><![endif]-->

<style type="text/css"> 
.wp-polls .pollbar {
	margin: 1px;
	font-size: 6px;
	line-height: 8px;
	height: 8px;
	background-image: url('http://combocaster.com/wp-content/plugins/wp-polls/images/default/pollbg.gif');
	border: 1px solid #c8c8c8;
}
</style> 
			<link rel="stylesheet" href="http://combocaster.com/wp-content/plugins/wp-post-thumbnail/css/wppt.css" type="text/css" media="all" /> 
		
<meta name='NextGEN' content='1.8.1' /> 
		
		<!-- Javascript --> 
		<script type="text/javascript" src="http://combocaster.com/wp-content/themes/Gamenow/js/jquery-1.3.2.min.js"></script> 
		<script type="text/javascript" src="http://combocaster.com/wp-content/themes/Gamenow/js/common.js"></script> 
	</head> 
    <body class="windows chrome ch"> 
		<!-- Top --> 
		<a name="top" id="top"></a> 
		<div class="topbg"></div> 
		
		<!-- Wrapper // --> 
		<div class="wrapper"> 
			<!-- Header // --> 
			<div class="header"> 
				<!-- Logo --> 
				<h1><a href="http://combocaster.com"><img src="http://combocaster.com/wp-content/themes/Gamenow/img/logo.png" alt="" /><span style="display:none;">Combo Caster</span></a></h1> 
				<!-- Top Links // --> 
				<!-- <ul class="toplinks">
					<li><img src="http://combocaster.com/wp-content/themes/Gamenow/img/icon_rss-trans.png" alt="#" /><a href="http://combocaster.com/feed/">Subscribe</a></li>
					<li><img src="http://combocaster.com/wp-content/themes/Gamenow/img/icon_bookmark-trans.png" alt="#" /><a href="javascript:bookmark('http://combocaster.com','Combo Caster');">Bookmark</a></li>
					<li><img src="http://combocaster.com/wp-content/themes/Gamenow/img/icon_twitter-trans.png" alt="#" /><a href="http://www.twitter.com/">Twitter</a></li>
				</ul> // --> 
				<!-- // Top Links --> 
				
				<!-- Search // --> 
               
 
				<div class="search"> 
					<form id="searchform" action="http://combocaster.com" /> 
						<input type="text" name="s" value="Site Search..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 
						<input type="image" src="http://combocaster.com/wp-content/themes/Gamenow/img/spacer.gif" /> 
					</form> 
				</div> 
				<!-- // Search --> 
				
				
								<!-- Buttons --> 
				<a class="button button-pc styleswitch" rel="style-pc" href="#">PC </a> 
				<a class="button button-sony styleswitch" rel="style-sony" href="#">SONY</a> 
                <a class="button button-xbox styleswitch" rel="style-xbox" href="#">XBOX</a> 
                <a class="button button-nintendo styleswitch" rel="style-nintendo" href="#">NINTENDO</a> 
                <a class="button button-mobile styleswitch" rel="style-mobile" href="#">MOBILE</a> 
                <a class="button button-all styleswitch" rel="style-all" href="#">ALL</a> 
							
				
				<!-- Submenu // --> 
				    <ul class="submenu"> 
            	<li class="cat-item cat-item-15"><a href="http://combocaster.com/category/pc/" title="Ver todos os posts arquivados em PC">PC</a> 
</li> 
	<li class="cat-item cat-item-3"><a href="http://combocaster.com/category/sony/" title="Ver todos os posts arquivados em Sony">Sony</a> 
<ul class='children'> 
	<li class="cat-item cat-item-4"><a href="http://combocaster.com/category/sony/ps3/" title="Ver todos os posts arquivados em PS3">PS3</a> 
</li> 
	<li class="cat-item cat-item-20"><a href="http://combocaster.com/category/sony/psvita/" title="Ver todos os posts arquivados em PSVita">PSVita</a> 
</li> 
</ul> 
</li> 
	<li class="cat-item cat-item-5"><a href="http://combocaster.com/category/microsoft/" title="Ver todos os posts arquivados em Microsoft">Microsoft</a> 
<ul class='children'> 
	<li class="cat-item cat-item-6"><a href="http://combocaster.com/category/microsoft/x360/" title="Ver todos os posts arquivados em X360">X360</a> 
</li> 
</ul> 
</li> 
	<li class="cat-item cat-item-11"><a href="http://combocaster.com/category/nintendo/" title="Ver todos os posts arquivados em Nintendo">Nintendo</a> 
<ul class='children'> 
	<li class="cat-item cat-item-14"><a href="http://combocaster.com/category/nintendo/3ds/" title="Ver todos os posts arquivados em 3DS">3DS</a> 
</li> 
</ul> 
</li> 
	<li class="cat-item cat-item-16"><a href="http://combocaster.com/category/mobile/" title="Ver todos os posts arquivados em Mobile">Mobile</a> 
<ul class='children'> 
	<li class="cat-item cat-item-18"><a href="http://combocaster.com/category/mobile/android/" title="Ver todos os posts arquivados em Android">Android</a> 
</li> 
	<li class="cat-item cat-item-17"><a href="http://combocaster.com/category/mobile/ios/" title="Ver todos os posts arquivados em iOS">iOS</a> 
</li> 
</ul> 
</li> 
    </ul> 
    				<!-- // Submenu --> 
			</div> 
			<!-- // Header --> 
			
						<!-- Featured / Top Articles // --> 
			<div class="ftop"> 
									<div class="featured"> 
						<div class="fthumbs"> 
														<a href="http://combocaster.com/2011/dead-or-alive-dimensions/" title="Dead or Alive: Dimensions"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/uKXBcj.jpg" alt="" class="active" /></a><br /> 
														<a href="http://combocaster.com/2011/shadows-of-the-damned-analise/" title="Shadows of the Damned – Análise"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/DxZzWt.jpg" alt="" /></a><br /> 
														<a href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/" title="Backstab é lançado quinta-feira"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/VdgzFt.jpg" alt="" /></a><br /> 
														<a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/" title="Novo trailer de Uncharted Golden Abyss"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/tiEfSN.jpg" alt="" /></a><br /> 
														<a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/" title="Valve a trabalhar num F2P?"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/NSoyfH.jpg" alt="" /></a><br /> 
													</div> 
						<div class="fwrap"> 
							<ul> 
																<li> 
									<a href="http://combocaster.com/2011/dead-or-alive-dimensions/" title="Dead or Alive: Dimensions"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/GTIFrs.jpg" width="630" height="230" /></a> 
									<div> 
										<a class="title" href="http://combocaster.com/2011/dead-or-alive-dimensions/">Dead or Alive: Dimensions</a><br /> 
										A chegada de Dead or Alive Dimensions à 3DS marca o regresso ao activo  de uma série que...										<a href="http://combocaster.com/2011/dead-or-alive-dimensions/">more</a> 
									</div> 
								</li> 
																<li> 
									<a href="http://combocaster.com/2011/shadows-of-the-damned-analise/" title="Shadows of the Damned – Análise"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/0hLAs.jpg" width="630" height="230" /></a> 
									<div> 
										<a class="title" href="http://combocaster.com/2011/shadows-of-the-damned-analise/">Shadows of the Damned – Análise</a><br /> 
										Ao longo dos anos foram vários os videojogos que tentaram recriar  aquele que deve ser um...										<a href="http://combocaster.com/2011/shadows-of-the-damned-analise/">more</a> 
									</div> 
								</li> 
																<li> 
									<a href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/" title="Backstab é lançado quinta-feira"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/E12pzh.jpg" width="630" height="230" /></a> 
									<div> 
										<a class="title" href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/">Backstab é lançado quinta-feira</a><br /> 
										Backstab é lançado quinta-feira



...										<a href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/">more</a> 
									</div> 
								</li> 
																<li> 
									<a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/" title="Novo trailer de Uncharted Golden Abyss"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/YpoLMf.jpg" width="630" height="230" /></a> 
									<div> 
										<a class="title" href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/">Novo trailer de Uncharted Golden Abyss</a><br /> 
										...										<a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/">more</a> 
									</div> 
								</li> 
																<li> 
									<a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/" title="Valve a trabalhar num F2P?"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/v0Kxew.jpg" width="630" height="230" /></a> 
									<div> 
										<a class="title" href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/">Valve a trabalhar num F2P?</a><br /> 
										Doug Lombardi, chefe de marketing da Valve respondeu "sim" quando confrontado com esta que...										<a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/">more</a> 
									</div> 
								</li> 
															</ul> 
						</div> 
					</div> 
								<div class="top"> 
					<span class="heading1"><span>Top Articles</span></span> 
					<ul> 
												<li><a href="http://combocaster.com/2011/shadows-of-the-damned-analise/">Shadows of the Damned – Análise</a><span><a class="comments" href="http://combocaster.com/2011/shadows-of-the-damned-analise/#comments">5 Comments</a>Posted Under: <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high2/" title="Ver todos os posts em High2" rel="category tag">High2</a>, <a href="http://combocaster.com/category/microsoft/" title="Ver todos os posts em Microsoft" rel="category tag">Microsoft</a>, <a href="http://combocaster.com/category/sony/ps3/" title="Ver todos os posts em PS3" rel="category tag">PS3</a>, <a href="http://combocaster.com/category/sony/" title="Ver todos os posts em Sony" rel="category tag">Sony</a>, <a href="http://combocaster.com/category/microsoft/x360/" title="Ver todos os posts em X360" rel="category tag">X360</a></span></li> 
                                                        							<li><a href="http://combocaster.com/2011/konami-quer-re-imaginar-mgs/">Konami quer re-imaginar MGS</a><span><a class="comments" href="http://combocaster.com/2011/konami-quer-re-imaginar-mgs/#comments">2 Comments</a>Posted Under: <a href="http://combocaster.com/category/high1/" title="Ver todos os posts em High1" rel="category tag">High1</a>, <a href="http://combocaster.com/category/microsoft/" title="Ver todos os posts em Microsoft" rel="category tag">Microsoft</a>, <a href="http://combocaster.com/category/sony/ps3/" title="Ver todos os posts em PS3" rel="category tag">PS3</a>, <a href="http://combocaster.com/category/sony/" title="Ver todos os posts em Sony" rel="category tag">Sony</a>, <a href="http://combocaster.com/category/microsoft/x360/" title="Ver todos os posts em X360" rel="category tag">X360</a></span></li> 
                                                        							<li><a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/">Valve a trabalhar num F2P?</a><span><a class="comments" href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/#comments">2 Comments</a>Posted Under: <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high3/" title="Ver todos os posts em High3" rel="category tag">High3</a>, <a href="http://combocaster.com/category/pc/" title="Ver todos os posts em PC" rel="category tag">PC</a></span></li> 
                                                        							<li><a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/">Novo trailer de Uncharted Golden Abyss</a><span><a class="comments" href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/#comments">2 Comments</a>Posted Under: <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high1/" title="Ver todos os posts em High1" rel="category tag">High1</a>, <a href="http://combocaster.com/category/sony/psvita/" title="Ver todos os posts em PSVita" rel="category tag">PSVita</a>, <a href="http://combocaster.com/category/sony/" title="Ver todos os posts em Sony" rel="category tag">Sony</a></span></li> 
                                                        							<li><a href="http://combocaster.com/2011/dead-or-alive-dimensions/">Dead or Alive: Dimensions</a><span><a class="comments" href="http://combocaster.com/2011/dead-or-alive-dimensions/#comments">2 Comments</a>Posted Under: <a href="http://combocaster.com/category/nintendo/3ds/" title="Ver todos os posts em 3DS" rel="category tag">3DS</a>, <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/nintendo/" title="Ver todos os posts em Nintendo" rel="category tag">Nintendo</a></span></li> 
                                                        					</ul> 
				</div> 
				<div class="clear"></div> 
			</div> 
			<!-- // Featured / Top Articles --> 
						
			<!-- Content // --> 
			<div class="content"> 
				<!--[if lt IE 7]>
				<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
					<div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
					<div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
					<div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
					<div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
					<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div>
					<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</div>
					</div>
					<div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
					<div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
					<div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
					<div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
					</div>
				</div>
				<![endif]--> 
 
<!-- Left // --> 
<div class="left"> 
			
				<!-- Highlights // --> 
		<span class="heading2"><span>Highlights</span></span> 
		<ul class="highlights"> 
					<li> 
							<a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/" class="thumbnail"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/68FVlF.jpg" /></a> 
							<span class="title"><a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/">Novo trailer de Uncharted Golden Abyss</a></span> 
				 
			</li> 
		
					<li> 
							<a href="http://combocaster.com/2011/shadows-of-the-damned-analise/" class="thumbnail"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/exJkUW.jpg" /></a> 
							<span class="title"><a href="http://combocaster.com/2011/shadows-of-the-damned-analise/">Shadows of the Damned – Análise</a></span> 
				 
			</li> 
		
					<li> 
							<a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/" class="thumbnail"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/08t68T.jpg" /></a> 
							<span class="title"><a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/">Valve a trabalhar num F2P?</a></span> 
				 
			</li> 
		
		</ul> 
		<div class="clear"></div> 
		<!-- // Highlights --> 
			
		<!-- Latest Articles // --> 
		<span class="heading2"><span>Latest Articles</span></span> 
		<ul class="articles"> 
					<li id="post-74">	
				<h2><a class="title" href="http://combocaster.com/2011/dead-or-alive-dimensions/" rel="bookmark" title="Permanent Link to Dead or Alive: Dimensions">Dead or Alive: Dimensions</a></h2> 
				<span class="pinfo"> 
					<a class="comments" href="http://combocaster.com/2011/dead-or-alive-dimensions/#comments">2 Comments</a>Posted by <a href="http://combocaster.com/author/comboadmin/" title="Posts de comboadmin">comboadmin</a> on Junho 21, 2011 under <span><a href="http://combocaster.com/category/nintendo/3ds/" title="Ver todos os posts em 3DS" rel="category tag">3DS</a>, <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/nintendo/" title="Ver todos os posts em Nintendo" rel="category tag">Nintendo</a></span> 
				</span> 
									<a href="http://combocaster.com/2011/dead-or-alive-dimensions/" class="thumb"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/QmZzee.jpg" /></a> 
								<div class="post"> 
					A chegada de Dead or Alive Dimensions à 3DS marca o regresso ao activo  de uma série que esteve largos anos – talvez demasiados – encalhada, com  meras aparições em consolas a passar por spin-offs de joguinhos focados naquilo que acaba por, curiosamente, ser o menos atractivo deste fighting espectacular - as maminhas saltitantes das salientes meninas DOA. Mas  não me entendam mal, este es... <a href="http://combocaster.com/2011/dead-or-alive-dimensions/">more</a>.
				</div> 
				<div class="clear"></div> 
			</li> 
					<li id="post-67">	
				<h2><a class="title" href="http://combocaster.com/2011/shadows-of-the-damned-analise/" rel="bookmark" title="Permanent Link to Shadows of the Damned – Análise">Shadows of the Damned – Análise</a></h2> 
				<span class="pinfo"> 
					<a class="comments" href="http://combocaster.com/2011/shadows-of-the-damned-analise/#comments">5 Comments</a>Posted by <a href="http://combocaster.com/author/comboadmin/" title="Posts de comboadmin">comboadmin</a> on Junho 21, 2011 under <span><a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high2/" title="Ver todos os posts em High2" rel="category tag">High2</a>, <a href="http://combocaster.com/category/microsoft/" title="Ver todos os posts em Microsoft" rel="category tag">Microsoft</a>, <a href="http://combocaster.com/category/sony/ps3/" title="Ver todos os posts em PS3" rel="category tag">PS3</a>, <a href="http://combocaster.com/category/sony/" title="Ver todos os posts em Sony" rel="category tag">Sony</a>, <a href="http://combocaster.com/category/microsoft/x360/" title="Ver todos os posts em X360" rel="category tag">X360</a></span> 
				</span> 
									<a href="http://combocaster.com/2011/shadows-of-the-damned-analise/" class="thumb"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/exJkUW.jpg" /></a> 
								<div class="post"> 
					Ao longo dos anos foram vários os videojogos que tentaram recriar  aquele que deve ser um dos locais mais temidos de sempre, o inferno. Dante's Inferno,  um título da Visceral Games baseado na Divina Comédia, mostrava uma  visão do inferno aterradora em que as pessoas eram punidas eternamente  pelos seus pecados. Embora God of War não seguisse exatamente este  caminho, mostrava corpos flameja... <a href="http://combocaster.com/2011/shadows-of-the-damned-analise/">more</a>.
				</div> 
				<div class="clear"></div> 
			</li> 
					<li id="post-66">	
				<h2><a class="title" href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/" rel="bookmark" title="Permanent Link to Backstab é lançado quinta-feira">Backstab é lançado quinta-feira</a></h2> 
				<span class="pinfo"> 
					<a class="comments" href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/#comments">0 Comments</a>Posted by <a href="http://combocaster.com/author/tiago/" title="Posts de tiago">tiago</a> on Junho 21, 2011 under <span><a href="http://combocaster.com/category/mobile/android/" title="Ver todos os posts em Android" rel="category tag">Android</a>, <a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/mobile/ios/" title="Ver todos os posts em iOS" rel="category tag">iOS</a>, <a href="http://combocaster.com/category/mobile/" title="Ver todos os posts em Mobile" rel="category tag">Mobile</a></span> 
				</span> 
									<a href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/" class="thumb"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/lZtylR.jpg" /></a> 
								<div class="post"> 
					Backstab é lançado quinta-feira



... <a href="http://combocaster.com/2011/backstab-e-lancado-quinta-feira/">more</a>.
				</div> 
				<div class="clear"></div> 
			</li> 
					<li id="post-58">	
				<h2><a class="title" href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/" rel="bookmark" title="Permanent Link to Novo trailer de Uncharted Golden Abyss">Novo trailer de Uncharted Golden Abyss</a></h2> 
				<span class="pinfo"> 
					<a class="comments" href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/#comments">2 Comments</a>Posted by <a href="http://combocaster.com/author/tiago/" title="Posts de tiago">tiago</a> on Junho 21, 2011 under <span><a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high1/" title="Ver todos os posts em High1" rel="category tag">High1</a>, <a href="http://combocaster.com/category/sony/psvita/" title="Ver todos os posts em PSVita" rel="category tag">PSVita</a>, <a href="http://combocaster.com/category/sony/" title="Ver todos os posts em Sony" rel="category tag">Sony</a></span> 
				</span> 
									<a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/" class="thumb"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/68FVlF.jpg" /></a> 
								<div class="post"> 
					... <a href="http://combocaster.com/2011/novo-trailer-de-uncharted-golden-abyss/">more</a>.
				</div> 
				<div class="clear"></div> 
			</li> 
					<li id="post-51">	
				<h2><a class="title" href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/" rel="bookmark" title="Permanent Link to Valve a trabalhar num F2P?">Valve a trabalhar num F2P?</a></h2> 
				<span class="pinfo"> 
					<a class="comments" href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/#comments">2 Comments</a>Posted by <a href="http://combocaster.com/author/tiago/" title="Posts de tiago">tiago</a> on Junho 21, 2011 under <span><a href="http://combocaster.com/category/featured/" title="Ver todos os posts em Featured" rel="category tag">Featured</a>, <a href="http://combocaster.com/category/high3/" title="Ver todos os posts em High3" rel="category tag">High3</a>, <a href="http://combocaster.com/category/pc/" title="Ver todos os posts em PC" rel="category tag">PC</a></span> 
				</span> 
									<a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/" class="thumb"><img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/08t68T.jpg" /></a> 
								<div class="post"> 
					Doug Lombardi, chefe de marketing da Valve respondeu "sim" quando confrontado com esta questão.

Depois de anunciar o suporte a titulos F2P na semana passada como Champions Online a Valve parece querer entrar no mercado das microtransações. Será DOTA 2 o primeiro F2P da Valve? 



Qual a vossa opinião? Gostariam de um sistema ao estilo League of Legends em DOTA 2?... <a href="http://combocaster.com/2011/valve-a-trabalhar-num-f2p/">more</a>.
				</div> 
				<div class="clear"></div> 
			</li> 
				</ul> 
		<!-- // News List --> 
		
		<!-- Page Navigation --> 
		<div class='wp-pagenavi'> 
<span class='pages'>Page 1 of 2</span><span class='current'>1</span><a href='http://combocaster.com/page/2/' class='page larger'>2</a><a href="http://combocaster.com/page/2/" class="nextpostslink">»</a> 
</div>		
	<!-- 404 Error --> 
		<div class="wpn_clear"></div> 
</div> 
<!-- // Left --> 
<!-- Right // --> 
<div class="right"> 
 
		
	<!-- Widget Check // --> 
					<!-- Latest Reviews // --> 
				<span class="heading2"><span>Últimas Reviews</span></span> 
				<div class="box"> 
					<ul class="latestrp"> 
																	<li> 
															<img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/uKXBcj.jpg" /> 
														<a href="http://combocaster.com/2011/dead-or-alive-dimensions/">Dead or Alive: Dimen...</a> 
							
							<br /> 
							<div class="score"><div style="text-align:left; padding: 0; margin: 0; background: url(http://combocaster.com/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png); height: 20px; width: 100px;"><div style="background: url(http://combocaster.com/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png) bottom left; padding: 0; margin: 0; height: 20px; width: 52px;"></div></div></div> 
							<div style="width: 100%; height: 30px;"> </div> 
													</li> 
												<li> 
															<img src="http://combocaster.com/wp-content/uploads/wp-post-thumbnail/DxZzWt.jpg" /> 
														<a href="http://combocaster.com/2011/shadows-of-the-damned-analise/">Shadows of the Damne...</a> 
							
							<br /> 
							<div class="score"><div style="text-align:left; padding: 0; margin: 0; background: url(http://combocaster.com/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png); height: 20px; width: 100px;"><div style="background: url(http://combocaster.com/wp-content/plugins/gd-star-rating/stars/oxygen/stars20.png) bottom left; padding: 0; margin: 0; height: 20px; width: 90px;"></div></div></div> 
							<div style="width: 100%; height: 30px;"> </div> 
													</li> 
																</ul> 
				</div> 
				<!-- // Latest Reviews --> 
			<span class="heading2"><span>Lançamentos </span></span><div class="box"> 
<div id="calendar_wrap"> 
<table summary="Event Calendar" id="wp-calendar"> 
<caption id="calendar-month" class="calendar-month">Junho  2011</caption> 
<thead><tr> 
<th abbr="Segunda-feira" scope="col" title="Segunda-feira">Seg</th> 
<th abbr="Terça-feira" scope="col" title="Terça-feira">Ter</th> 
<th abbr="Quarta-feira" scope="col" title="Quarta-feira">Qua</th> 
<th abbr="Quinta-feira" scope="col" title="Quinta-feira">Qui</th> 
<th abbr="Sexta-feira" scope="col" title="Sexta-feira">Sex</th> 
<th abbr="Sábado" scope="col" title="Sábado">Sáb</th> 
<th abbr="Domingo" scope="col" title="Domingo">Dom</th> 
</tr></thead> 
<tfoot><tr> 
 <td class="pad" style="text-align:left" colspan="2"> <span id="EC_previousMonth"></span></td> 
<td class="pad" colspan="3" id="EC_loadingPane" style="text-align:center;"></td> 
<td class="pad" style="text-align:right;" colspan="2"><span id="EC_nextMonth"></span> </td> 
</tr></tfoot> 
<tbody><tr> 
<td colspan="2" class="padday"> </td> 
<td><span id="events-calendar-1">1</span></td> 
<td><span id="events-calendar-2">2</span></td> 
<td><span id="events-calendar-3">3</span></td> 
<td><span id="events-calendar-4">4</span></td> 
<td><span id="events-calendar-5">5</span></td> 
</tr><tr> 
<td><span id="events-calendar-6">6</span></td> 
<td><span id="events-calendar-7">7</span></td> 
<td><span id="events-calendar-8">8</span></td> 
<td><span id="events-calendar-9">9</span></td> 
<td><span id="events-calendar-10">10</span></td> 
<td><span id="events-calendar-11">11</span></td> 
<td><span id="events-calendar-12">12</span></td> 
</tr><tr> 
<td><span id="events-calendar-13">13</span></td> 
<td><span id="events-calendar-14">14</span></td> 
<td><span id="events-calendar-15">15</span></td> 
<td><span id="events-calendar-16">16</span></td> 
<td><span id="events-calendar-17">17</span></td> 
<td><span id="events-calendar-18">18</span></td> 
<td><span id="events-calendar-19">19</span></td> 
</tr><tr> 
<td><span id="events-calendar-20">20</span></td> 
<td id="todayWidget" style="border:thin solid blue;font-weight: bold;"><span id="events-calendar-21">21</span></td> 
<td><span id="events-calendar-22">22</span></td> 
<td><span id="events-calendar-23">23</span></td> 
<td><span id="events-calendar-24">24</span></td> 
<td><span id="events-calendar-25">25</span></td> 
<td><span id="events-calendar-26">26</span></td> 
</tr><tr> 
<td><span id="events-calendar-27">27</span></td> 
<td><span id="events-calendar-28">28</span></td> 
<td><span id="events-calendar-29">29</span></td> 
<td><span id="events-calendar-30">30</span></td> 
<td colspan="3" class="padday"> </td> 
</tr></tbody></table> 
<!-- WPEC script starts here --> 
<script type="text/javascript"> 
// <![CDATA[
tb_pathToImage ="http://combocaster.com/wp-includes/js/thickbox/loadingAnimation.gif";
tb_closeImage = "http://combocaster.com/wp-includes/js/thickbox/tb-close.png";
(function($) {
	ecd.jq(document).ready(function() {
		ecd.jq('#events-calendar-21')
			.attr('title', '<ul class=\"EC-tt-widget-day-event\"><li class=\"EC-tt-widget-day-event-title\">Dungeon Siege 3 </li><dd class=\"EC-tt-widget-day-event-detail\"></dd><dd class=\"EC-tt-widget-day-event-detail\">12:00 am a 12:00 am</dd></ul><span class=\"EC-tt-widget-clickdate\">Clique na data para mais detalhes</span>')
			.attr('style', 'color:red;')
			.mouseover(function() {
				ecd.jq(this).css('cursor', 'pointer');
			})
	    .click(function() {
       	tb_show(	"Junho Terça-feira 21  2011", "http://combocaster.com?EC_view=day&EC_month=06&EC_day=21&EC_year=2011&TB_iframe=true&width=320&height=350", false);
			})
			.tooltip({
				track: true,
				delay: 0,
				showURL: false,
				opacity: 1,
				fixPNG: true,
				showBody: " - ",
				// extraClass: "pretty fancy",
				top: -15,
				left: 10
			});
		ecd.jq('#events-calendar-26')
			.attr('title', '<ul class=\"EC-tt-widget-day-event\"><li class=\"EC-tt-widget-day-event-title\">Lançamento Wii U</li><dd class=\"EC-tt-widget-day-event-detail\"></dd><dd class=\"EC-tt-widget-day-event-detail\">12:00 am a 12:00 am</dd></ul><span class=\"EC-tt-widget-clickdate\">Clique na data para mais detalhes</span>')
			.attr('style', 'color:red;')
			.mouseover(function() {
				ecd.jq(this).css('cursor', 'pointer');
			})
	    .click(function() {
       	tb_show(	"Junho Domingo 26  2011", "http://combocaster.com?EC_view=day&EC_month=06&EC_day=26&EC_year=2011&TB_iframe=true&width=220&height=250", false);
			})
			.tooltip({
				track: true,
				delay: 0,
				showURL: false,
				opacity: 1,
				fixPNG: true,
				showBody: " - ",
				// extraClass: "pretty fancy",
				top: -15,
				left: 10
			});
		ecd.jq('#EC_previousMonth')
			.append('«Mai')
			.mouseover(function() {
				ecd.jq(this).css('cursor', 'pointer');
      		})
			.click(function() {
				ecd.jq('#EC_loadingPane').append('<img src="http://combocaster.com/wp-content/plugins/events-calendar/images/loading.gif" style="width:50px;" />');
				ecd.jq.get("http://combocaster.com/index.php",
					{EC_action: "switchMonth", EC_month: 5, EC_year:  2011},
					function(ecdata) {
						ecd.jq('#calendar_wrap').empty().append( ecdata );
					});
				});
 
		ecd.jq('#EC_nextMonth')
			.prepend('Jul»')
			.mouseover(function() {
				ecd.jq(this).css('cursor', 'pointer');
      		})
			.click(function() {
				ecd.jq('#EC_loadingPane').append('<img src="http://combocaster.com/wp-content/plugins/events-calendar/images/loading.gif" style="width:50px;" />');
				ecd.jq.get("http://combocaster.com/index.php",
					{EC_action: "switchMonth", EC_month: 7, EC_year:  2011},
					function(ecdata) {
						ecd.jq('#calendar_wrap').empty().append( ecdata );
					});
				});
 
		ecd.jq.preloadImages = function() {
			for (var i = 0; i < arguments.length; i++) {
				jQuery("#calendar_wrap img").attr("src", arguments[i]);
			}
		}
		ecd.jq.preloadImages("http://combocaster.com/wp-content/plugins/events-calendar/images/loading.gif");
	});
})(jQuery);
//]]>
</script> 
 
<!-- WPEC script ends here. --> 
<span style="font-size:.75em;">WPEC is proudly sponsored by <br /><a href="http://www.truemediaconcepts.com">True Media Concepts</a></span> 
</div> 
<div class="clear"></div></div><span class="heading2"><span>Capas de revistas </span></span><div class="box">			<div class="textwidget">    <script src="http://www.google.com/jsapi?key=ABQIAAAAHNuSBIahnmPUsMc40THOGhTbHP2MwjGf9E7X9Q1c7vu-Rf61NxRKsfs0azkJlgsdue8y3sTBH2Tu_Q" type="text/javascript"></script> 
    <script type="text/javascript"> 
    var map;
    var ge;
    
    google.load("maps", "2.x");
    
    function init() {
      map = new GMap2(document.getElementById('map3d'));
      map.setCenter(new GLatLng(38, -9), 2);
    
      var mapui = map.getDefaultUI();
      mapui.maptypes.physical = false;
      map.setUI(mapui);
    
      // add 'Earth' as one of the map types
      map.addMapType(G_SATELLITE_3D_MAP);
    
      // bgamer
      var bgamerM = new GMarker(new GLatLng(38.66835610151506, -9.0966796875));
      GEvent.addListener(bgamerM, "click", function() {
        var bgamer = '<div style="width: 210px; padding-right: 10px">BGamer! <img src="http://bgamer.pt/images/revistas/140611114958000000thumb_bg156_thumb.jpg"style="width: 210px;"/></div>';
        bgamerM.openInfoWindowHtml(bgamer);
      });
    
  
    
      map.addOverlay(bgamerM);
      google.maps.Event.trigger(bgamerM,"click");
	  
	  
	    var edgeM = new GMarker(new GLatLng(51.515,  -0.099028));
      GEvent.addListener(edgeM, "click", function() {
        var edge = '<div style="width: 210px; padding-right: 10px">EDGE! <img src="http://media.next-gen.biz/files/e229_promo.png" style="width: 210px;"/></div>';
        edgeM.openInfoWindowHtml(edge);
      });
    
  
    
      map.addOverlay(edgeM);
      google.maps.Event.trigger(edgeM,"click");
	  
   var progamerM = new GMarker(new GLatLng(37.46,  -122.25));
      GEvent.addListener(progamerM , "click", function() {
        var progamer= '<div style="width: 210px; padding-right: 10px">GamePro! <img src="http://cdn1.gamepro.com/mag-cover/gp11_july/cover.png" style="width: 210px;"/></div>';
        progamerM.openInfoWindowHtml(progamer);
      });
    
  
    
      map.addOverlay(progamerM );
      google.maps.Event.trigger(progamerM,"click");
	  
var nintendopowerM = new GMarker(new GLatLng(40.43,  -73.58));
      GEvent.addListener(nintendopowerM , "click", function() {
        var nintendopower = '<div style="width: 210px; padding-right: 10px">Nintendo Power! <img src="http://www.nintendopower.com/images/NP268_Cover.png" style="width: 210px;" /></div>';
        nintendopowerM.openInfoWindowHtml(nintendopower);
      });
    
  
    
      map.addOverlay(nintendopowerM );
      google.maps.Event.trigger(nintendopowerM ,"click");
	      
    
    }
    
    </script> 
 
 <body onload="init()" style="font-family: arial, sans-serif; font-size: 13px; border: 0;"> 
    <div id="map3d" style="width: 280px; height: 300px;"></div> 
    <br> 
  </body></div> 
		<div class="clear"></div></div><span class="heading2"><span>Notas </span></span><div class="box">			<div class="textwidget"><script>var addEvent = (function () {
  if (document.addEventListener) {
    return function (el, type, fn) {
      if (el && el.nodeName || el === window) {
        el.addEventListener(type, fn, false);
      } else if (el && el.length) {
        for (var i = 0; i < el.length; i++) {
          addEvent(el[i], type, fn);
        }
      }
    };
  } else {
    return function (el, type, fn) {
      if (el && el.nodeName || el === window) {
        el.attachEvent('on' + type, function () { return fn.call(el, window.event); });
      } else if (el && el.length) {
        for (var i = 0; i < el.length; i++) {
          addEvent(el[i], type, fn);
        }
      }
    };
  }
})();
 
(function () {
 
var pre = document.createElement('pre');
pre.id = "view-source"
 
// private scope to avoid conflicts with demos
addEvent(window, 'click', function (event) {
  if (event.target.hash == '#view-source') {
    // event.preventDefault();
    if (!document.getElementById('view-source')) {
      // pre.innerHTML = ('<!DOCTYPE html>\n<html>\n' + document.documentElement.innerHTML + '\n</html>').replace(/[<>]/g, function (m) { return {'<':'<','>':'>'}[m]});
      var xhr = new XMLHttpRequest();
 
      // original source - rather than rendered source
      xhr.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
          pre.innerHTML = this.responseText.replace(/[<>]/g, function (m) { return {'<':'<','>':'>'}[m]});
          prettyPrint();
        }
      };
 
      document.body.appendChild(pre);
      // really need to be sync? - I like to think so
      xhr.open("GET", window.location, true);
      xhr.send();
    }
    document.body.className = 'view-source';
    
    var sourceTimer = setInterval(function () {
      if (window.location.hash != '#view-source') {
        clearInterval(sourceTimer);
        document.body.className = '';
      }
    }, 200);
  }
});
  
})();</script> 
 
  
  <section id="editable" contenteditable="true"> 
    <h2>Editable Zone</h2> 
 
  </section> 
  <div> 
    <input type="button" id="clear" value="Clear changes" /> 
  </div> 
</article> 
<script> 
var editable = document.getElementById('editable');
 
addEvent(editable, 'blur', function () {
  // lame that we're hooking the blur event
  localStorage.setItem('contenteditable', this.innerHTML);
  document.designMode = 'off';
});
 
addEvent(editable, 'focus', function () {
  document.designMode = 'on';
});
 
addEvent(document.getElementById('clear'), 'click', function () {
  localStorage.clear();
  window.location = window.location; // refresh
});
 
if (localStorage.getItem('contenteditable')) {
  editable.innerHTML = localStorage.getItem('contenteditable');
}
 
</script></div> 
		<div class="clear"></div></div>	<!-- // Widget Check --> 
</div> 
<!-- // Right -->				<!-- Clear --> 
				<div class="clear"></div>	
			</div> 
			<!-- // Content --> 
			
			<!-- Footer // --> 
			<div class="footer"> 
				<div class="fleft"> 
			    Copyright © 2011 Combo Caster. Todos os direitos reservados. <a href="http://massmediablast.com" rel="follow">Massive Media Blast</a>.</div> 
				<div class="fright"> 
					Proudly powered by <a href="http://www.wordpress.org/">WordPress</a>.<br /> 
				</div> 
			</div> 
			<!-- // Footer --> 
		</div> 
		<!-- // Wrapper --> 
		<script type='text/javascript'> 
/* <![CDATA[ */
var thickboxL10n = {
	next: "Seguinte »",
	prev: "« Anterior",
	image: "Imagem",
	of: "de",
	close: "Fechar",
	noiframes: "Este funcionalidade requer frames inline. Tem os iframes desactivados ou o seu browser não os suporta."
};
try{convertEntities(thickboxL10n);}catch(e){};
/* ]]> */
</script> 
<script type='text/javascript' src='http://combocaster.com/wp-includes/js/thickbox/thickbox.js?ver=3.1-20100407'></script> 
<script type='text/javascript'> 
/* <![CDATA[ */
var pollsL10n = {
	ajax_url: "http://combocaster.com/wp-content/plugins/wp-polls/wp-polls.php",
	text_wait: "Your last request is still being processed. Please wait a while ...",
	text_valid: "Please choose a valid poll answer.",
	text_multiple: "Maximum number of choices allowed: ",
	show_loading: "1",
	show_fading: "1"
};
/* ]]> */
</script> 
<script type='text/javascript' src='http://combocaster.com/wp-content/plugins/wp-polls/polls-js.js?ver=2.50'></script> 
	</body> 
</html>

Estrutura CSS

Os ficheiros CSS foram pensados para que quando o utilizador visualize uma determinada categoria de notícias, o tema do site mude. Ou seja, quando o utilizador visita uma secção onde só irá encontrar artigos relativos à Xbox, o site fica em tons de verde, mas quando visita a secção da PS3, o site muda para azul.

Dividimos então em X ficheiros CSS.
style.css - onde tem toda a estrutura de CSS que suporta o design e layout do site, desde alinhamentos e medidas a fontes utilizadas.

style-sony.css, style-xbox.css, style-pc.css, style-mobile.css, style-nintendo.css e style-geral.css
Nestes ficheiros, tem o código necessário para alterar as cores do site para as diferentes plataformas. Aqui muda-se as imagens e cores. Ao todo, existem 6 ficheiros CSS diferentes só para as plataformas.

Fica aqui o código CSS da XBOX:

body {color:#fefefe;}
a {color:#ffcc00;}

.content {background:#252525 url(img/dark/content_bg.gif) repeat-x top;}

.ftop {background:#191919;border-bottom:1px solid #252525;}
.ftop .featured li div {background:#252525;border:1px solid #2d2d2d;}
.ftop .featured li div a {color:#ff7800;}
.ftop .featured li div a.title {color:#ffcc00;}

.ftop .top li {background:url(img/dark/ftop_top_div.gif) repeat-x bottom;}
/*.ftop .top li:hover {background-color:#111;}*/
.ftop .top li span a {color:#f47402;font-weight:normal;}
.ftop .top li span a.comments {color:#CCC;}


.heading1 {background:url(img/heading2_bg_xbox.gif) repeat-x top;color:#ccc;border:1px solid #4d4d4d;}
.heading1 span {background-image:url(img/heading2_arrow_xbox.gif);}

.heading3 {color:#ffcc00;}

.highlights .thumbnail img {background:#000;border:3px solid #5b5b5b;}

.highlights li {background:#202020;}
.highlights span.cat {background:#111;border-top:1px solid #252525;color:#999;}
.highlights span.cat a {color:#999;}

.articles > li {background:url(img/dark/articles_div.gif) repeat-x bottom;}
.articles .pinfo {background:#111;border-top:1px solid #2d2d2d;color:#999;}
.articles .pinfo a {color:#CCC;}
.articles .pinfo a.comments {background-image:url(img/dark/icon_comments.gif);}
.articles .pinfo span a {color:#ff7800;}
.articles .overlay a {background:url(img/dark/articles_thumb.gif);}
.articles .post a {color:#ffcc00;}

.article .ainfo {background:#353535 url(img/dark/articles_ainfo_bg.gif) repeat-x top;border:1px solid #494949;}
.article .ainfo .avatar a {background:#110803;border:2px solid #7c7c7c;}
.article .ainfo .author a {color:#CCC;}
.article .ainfo ul li {background:url(img/dark/articles_ainfo_div.gif) no-repeat left;}
.article .ainfo ul li a {color:#fff;}
.article .ainfo ul li a:hover {background:url(img/dark/articles_ainfo_bg_hover.gif);}
.article .ainfo .advert {background:#191919;border-top:1px solid #494949;border-left:1px solid #494949;}

.article .thumbnail {background:#110803;border:2px solid #7c7c7c;}
.articles .thumb img {background:#000;border:2px solid #5b5b5b;}

.article .atabs {background:url(img/dark/articles_atabs_hdiv.gif) repeat-x 0 32px;}
.article .atabs .tabs li a {color:#ccc;background:url(img/dark/articles_atabs_bg.gif) repeat-x bottom;}
.article .atabs .tabs li a.active {background:url(img/dark/articles_atabs_bg_active.gif) repeat-x bottom;color:#fff;}
.article .atabs .atabs_content {background:#191919;}
.article .atabs .tags a {color:#CCC;}
.article .atabs .categories a {color:#ff7800;}

.articles .post h1, .articles .post h2, .articles .post h3, .articles .post h4, .articles .post h5, .articles .post h6 {background:url(img/dark/articles_atabs_hdiv.gif) repeat-x bottom;color:#aaa;}
.articles .post blockquote {color:#ccc;background:#333;border-left:5px solid #CCC;}
.articles .post blockquote blockquote {background:#252525;border-left:5px solid #3a7584;}

.articles .post ul li  {background:url(img/dark/list_bullet.gif) no-repeat 0 7px;}

.article .post-date {color:#999;}

.comments li .cwrap {background:#191919;border:1px solid #2d2d2d;}
.comments li .avatar img {background:#000;border:2px solid #434343;}
.comments li .author,.comments li .author a {color:#ffcc00;}
.comments li .date {color:#999;}
.comments li .reply a {color:#CCC;}
.comments li .cnumber {color:#999;}
.comments li .ctext {background:#252525;border:1px solid #2d2d2d;}
.comments li .ctext .triangle {background:url(img/dark/comments_triangle.gif);}

.comments li.comment-author-admin .ctext, .comments li.bypostauthor .ctext {background:#013340;border:1px solid #005166;}
.comments li.comment-author-admin .ctext .triangle, .comments li.bypostauthor .ctext .triangle {background:url(img/dark/comments_triangle_admin.gif);}

.comments input.cicon {background-color:#fff;background-image:url(img/dark/comments_icons.gif);}
.comments textarea {background:#fff;}
.comments input.cicon,.comments textarea {color:#666;}
.comments input.cicon:focus,.comments textarea:focus {color:#333;}

.box {background:#191919;}
.box li {border-top:1px solid #252525;}
.box li ul li a {color:#fff;}

.list2 li strong {color:#999;}
.list2 li .limg {background:#000;border:1px solid #434343;}

.wp-pagenavi a,.wp-pagenavi .pages {color:#ffcc00;background:#191919;border:1px solid #2d2d2d;}
.wp-pagenavi .current {background:#ff7800;color:#191919;border:1px solid #f7a249;}

#wp-calendar caption {border-bottom:1px dotted #fff;color:#fff;}

.wp-polls p strong {color:#999;}

.latestc img {background:#000;border:1px solid #434343;}
.latestrp img {background:#000;border:2px solid #434343;}
.latestrp span a {color:#f47402;}

.wp-caption {background-color:#5a5a5a;color:#ccc;}
.wp-caption img {border:1px solid #000 !important;}

.formcontainer fieldset {border:1px solid #414141;background:#111;}
.formcontainer fieldset:hover {border:1px solid #666;}
.formcontainer fieldset:hover  legend{background:#ff6600;color:#fff;}
.formcontainer legend {color:#fff;background:#414141;}
.formcontainer input, .formcontainer textarea {border:1px solid #ccc;background:#ccc;}
.formcontainer input:focus, .formcontainer textarea:focus {border:1px solid #f88b00;background:#eee;}
.formcontainer p.error {border:1px solid #ff6eae;color:#555;background:#f4e7e7;}
.formcontainer input.error {border:1px solid #ff6eae;background:#f4e7e7;}
.formcontainer .success {color:#555;background:#FFC;border:1px solid #FC9;}
.formcontainer span.required {color:#CCC;}

	/* Top BG */
	.topbg {position:absolute;top:0;left:0;width:100%;height:260px;background:url(img/top_bg_xbox.gif) repeat-x top;z-index:1;}
	
	.heading2 span {display:block;background:url(img/heading2_arrow_xbox.gif) no-repeat 14px 14px;}
	.heading2 {display:block;height:36px;line-height:36px;text-indent:35px;font-size:14px;font-weight:bold;background:url(img/heading2_bg_xbox.gif) repeat-x top;color:#fff;border:1px solid #030;}
	.header .menu > li > a:hover ,.header .menu > li:hover > a{text-decoration:none;color:#ffcc00;background:url(img/menu_bg_hover_xbox.gif);}
	.header .menu > li {float:left;background:url(img/menu_div_xbox.gif) no-repeat top right;position:relative;}



Os outros estilos são identicos, apenas mudam as cores e as imagens.

JavaScript

Integração do Google Earth

Achá-mos interessante colocar as capas das várias revistas do mundo relativas a jogos utilizando o Google Maps/Earth

<script src="http://www.google.com/jsapi?key=ABQIAAAAHNuSBIahnmPUsMc40THOGhTbHP2MwjGf9E7X9Q1c7vu-Rf61NxRKsfs0azkJlgsdue8y3sTBH2Tu_Q" type="text/javascript"></script>
    <script type="text/javascript">
    var map;
    var ge;
    
    google.load("maps", "2.x");
    
    function init() {
      map = new GMap2(document.getElementById('map3d'));
      map.setCenter(new GLatLng(38, -9), 3);
    
      var mapui = map.getDefaultUI();
      mapui.maptypes.physical = false;
      map.setUI(mapui);
    
      // add 'Earth' as one of the map types
      map.addMapType(G_SATELLITE_3D_MAP);
    
      // bgamer
      var bgamerM = new GMarker(new GLatLng(38.66835610151506, -9.0966796875));
      GEvent.addListener(bgamerM, "click", function() {
        var bgamer = '<div style="width: 210px; padding-right: 10px">BGamer! <img src="http://bgamer.pt/images/revistas/140611114958000000thumb_bg156_thumb.jpg"/></div>';
        bgamerM.openInfoWindowHtml(bgamer);
      });
    
  
    
      map.addOverlay(bgamerM);
      google.maps.Event.trigger(bgamerM,"click");
	  
	  
	    var edgeM = new GMarker(new GLatLng(51.515,  -0.099028));
      GEvent.addListener(edgeM, "click", function() {
        var edge = '<div style="width: 210px; padding-right: 10px">EDGE! <img src="http://media.next-gen.biz/files/e229_promo.png"/></div>';
        edgeM.openInfoWindowHtml(edge);
      });
    
  
    
      map.addOverlay(edgeM);
      google.maps.Event.trigger(edgeM,"click");
	  
    
    
    }
    
    </script>

 <body onload="init()" style="font-family: arial, sans-serif; font-size: 13px; border: 0;">
    <div id="map3d" style="width: 280px; height: 280px;"></div>
    <br>
  </body>


Integração do painel de login

no ficheiro slide.js temos:

jQuery.noConflict();


jQuery(document).ready(function() {
	
	// Expand Panel
	jQuery("#open").click(function(){
		jQuery("div#panel").slideDown("slow");
	
	});	
	
	// Collapse Panel
	jQuery("#close").click(function(){
		jQuery("div#panel").slideUp("slow");	
	});		
	
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	jQuery("#toggle a").click(function () {
		jQuery("#toggle a").toggle();
	});		
		
});


Tivemos que utilizar uma função do jQuery que é a jQuery.noConflict(); pois, derivado a algumas funções por nós não editadas de algumas funcionalidades do WordPress, estava a dar conflito. Assim, em vez de usar a famosa "primeira linha" de funções jQuery a $(document).ready(function() {} utilizamos a jQuery(document).ready(function() {} pois assim evita conflitos com outras livrarias e funções carregadas e utilizadas pela plataforma.

PNG Fix Foi também utilizado e adaptado um script em jQuery para corrigir o erro das transparências em ficheiros PNG no Internet Exploder.

Frameworks utilizadas

Para nos facilitar a integração do projecto num ambiente Web, e para que o nosso projecto fosse competitivo no mercado actual, decidimos utilizar a plataforma WordPress. Esta, tem já implementada toda a estrutura para gestão de artigos e utilizadores. Coisas que com o XHTML, CSS e Javascript são praticamente impossíveis de fazer.

Basicamente precisamos de fazer um theme – que incluí XHTML, CSS e Javascript, mais as tags php que o tema precisa de ter para conseguir comunicar com o WordPress e com a base de dados MySQL.

Depois de definir toda a estrutura de código a utilizar, a arborização, várias secções e elementos em Javascript precisamos de implementar o código na base do WordPress.
A primeira coisa a fazer é dividir todo o código XHTML em vários ficheiros:


O WordPress utiliza o código dividido para que, em cada “actualização” de uma página, não esteja sempre a carregar o mesmo código. Basicamente o header.php, sidebar.php e o footer.php ficarão sempre iguais.
Os ficheiros que cada theme deverá ter são:
Archive.php – é a página onde se mostram todos os artigos ordenados por diferentes factores, são eles as categorias, a data de publicação e as tags aplicadas.
Comments.php – é o código usado para todos os formulários de comentários.
footer.php – incluí o código HTML + tags php do WordPress para o footer / rodapé do website.
functions.php – tem o código necessário em php para que se consiga comunicar entre o WordPress e a base de dados, e também várias funções que poderão existir. Nota: este ficheiro não foi editado.
feader.php – tem o código HTML que nunca será modificado em todas as páginas do site. Todos os elementos da tag <head> estão aqui. Por exemplo, inclusão de ficheiros externos CSS, inclusão de livrarias externas de Javascript, por exemplo o jQuery.
index.php – incluí o código que é necessário para a renderização do browser da primeira página – homepage.
page.php – Este ficheiro suporta o código necessário para que a secção das páginas do WordPress seja mostrada correctamente. Estas páginas, podem ser acedidas pela navegação principal ou secundária do website.
search.php – tem apenas o código que se deve utilizar para se efectuar pesquisa no site. Nota: este ficheiro não foi editado.
sidebar.php – Código necessário para a barra lateral presente em todo o site.
single.php – Código para mostrar um artigo completo no website.
style.css – Toda a configuração de estilos CSS ficará neste ficheiro.

No índex.php utilizamos uma função para chamar todas as outras páginas. Ficamos com uma estrutura assim:

<?php get_header() ?>
<!--- código do conteúdo da página →
<?php get_sidebar() ?>
<?php get_footer() ?>

As funções do tipo get_XXXX() são “includes” de código que o php tem.
Para as páginas de cada artigo, temos de utilizar o ficheiro single.php que terá os mesmos “includes”. Assim como no ficheiro archives.php e page.php.

Depois de implementado, ficamos já com um theme para ser utilizado no WordPress. Faz-se o upload de todos os ficheiros para uma pasta nova em: root/wp-content/themes/nome-do-tema
em que root é a raiz do nosso website.

Melhoramentos Futuros

Nos botões de escolha de plataforma que actualmente apenas mudam o aspecto do site esperamos implementar um sistema que permita a filtragem do conteúdo conforme a plataforma escolhida.

Para estimular os utilizadores a participar avidamente na vida do site propôs-se a implementação de um sistema de recompensas que seriam entregues a utilizadores com os ratings mais elevados (similar ao sistema de "respeito" utilizado em diversos foruns).

Esperamos também conseguir que as imagens que estão a ser carregadas para o Google Maps, tenham algum controlo por backoffice para não estar sempre a editar o código Javascript cada vez que sair uma capa nova. Apenas por falta de tempo não implementámos carregamentos por XML.

Problemas Encontrados

Um dos problemas encontrados, foi o carregamento de imagens automáticamente para a zona "Featured" da homepage cada vez que criavamos um novo artigo. Tivemos que automatizar o processo de criação de thumbnails, para que quando uma imagem fosse carregada, conseguissemos retirar 3 imagens distintas para a colocação em diversas zonas. Pesquisando, encontramos depois a solução para passar determinados parametros para variaveis, para depois serem utilizadas no slider da zona Featured.

Conclusões

Após a conclusão do nosso projecto, acreditamos que o maior problema que atravessámos foi a complexidade inerente ao uso inicial do Wordpress pois era algo com que não estávamos familiarizados. O Wordpress tem algumas características de php que tornaram o nosso trabalho difícil mas ao fim de um curto período de adaptação tornou-se bastante acessível. O resultado final é do nosso agrado apesar de esperamos fazer o site evoluir ao concluir tudo aquilo que tínhamos planeado, o que, infelizmente, não foi possível. Apesar dos contratempos, estamos satisfeitos por termos um resultado positivo na criação do site, visto termo-nos proposto a um projecto ambicioso.

Bibliografia

Sites de inspiração:
http://www.ign.com/
http://www.gamespot.com/
http://www.lusogamer.com/


WordPress:
http://www.wordpress.org/
http://codex.wordpress.org/
http://www.tudoparawordpress.com.br/dicas-wordpress/melhor-forma-incluir-script-jquery-wordpress/
http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/


JavaScript:
http://jquery.com/


Google Earth:
http://earth-api-samples.googlecode.com/svn/trunk/examples/maps-integration.html

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox