• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

alexandreperei

varias paginas

3 mensagens neste tópico

Meus amigos é o seguinte, ando a tenatar construir um site nas homepages do sapo, até andava pelo wordpress e blogger, agora decidi ir mais longe, e tenho uma duvida tenho o template mas quero colocar varias paginas, ja as coloquei no template, mas quando faço o preview do site se clicar nas outras paginas dá-me erro, porque?

Se quiserem coloco aqui o codigo do template.

<!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" lang="en" xml:lang="en">
<head>
<title>BlogTuga</title>

<style type="text/css" media="screen">
/*  
Theme Name:  Green Lush
Theme URI:   http://www.bloggertemplates.org/review/green-lush
Description: Green Lush is a modification of the layout originally created by Yamazaki,
             which can be found at Open Source Web Design website;
             http://www.oswd.org/design/preview/id/2898
Version:     0.1
Author:      Ali Kuru
Author URI:  http://www.acemiblogcu.com
Licence:     (cc) Creative Commons Attribution-ShareAlike 2.5
Licence URI: http://creativecommons.org/licenses/by-sa/2.5/
*/

body
{
font-size:       62.5%; /* reset 1EM to 10px */
margin:          0;
padding:         0;
font-family:     'lucida grande', arial, tahoma, sans-serif;
}

body p
{
font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
color:           #767676;
font-size:       1.2em;
line-height:     170%;
}

body a
{
color: 					 #94c258;
text-decoration: none;
}

body a:hover
{
color: 					 #767676;
background-color:#d8f7af;
text-decoration: none;
}

#gcontainer
{
margin:          0 auto;
width:           683px;
position:        relative;
}

#gheader
{
margin:          0 auto;
width:           640px;
height:          96px;
}

.headtitle
{
position:        relative;
font-family:     'lucida grande', arial, tahoma, sans-serif;
font-size:       30px;
color:           #FFF;
top:             8px;
left:            12px;
}

#menu
{
margin:          0 20px;
height:          29px;
background:      #bbd75a !important;
background:      #b3d24e;
padding:         5px 0;
}

#menu ul
{
margin:          0;
padding:         7px;
height:          29px;
}

#menu ul li
{
list-style:      none;
display:         inline;
}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{
color:           #767676;	
padding:         13px 7px 15px 7px;
font-size:       1em;
font-family:     'lucida grande', arial, sans-serif;
font-weight:     bold;
text-decoration: none;
}

#menu ul li a:hover
{
color:           #FDFDFD;
}

#roundedheader
{
width:           640px;
height:          18px;
margin:          0 auto;
_margin-top:     -14px !important; /* IE Hack */
}

#content
{
min-height:      390px;
width:           640px;
margin:          0 auto;
}

#insidecontent
{
float:           left;
padding-left:    25px;
width:           355px;
}

#insidecontent p
{
margin:          0;
color:           #767676;
font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
font-size:       1.2em;
line-height:     170%;
}

#insidecontent ul
{
margin-left:     8px;
_margin-left:    45px; /* IE Hack */
color:           #767676;
font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
font-size:       1.2em;
line-height:     125%;
}

#insidecontent ul li
{
list-style-type: disc !important;
}

#comments ol li
{
margin-top:      10px;
margin-bottom:   10px;
}

blockquote
{
margin:          10px 0px 10px 20px;
padding:         5px 10px;
border-top:      1px solid #eee;
border-bottom:   1px solid #eee;
font:            1.2em 'lucida grande', 'franklin gothic medium', sans-serif;
line-height:     125%;
color:           #767676;
}

code
{
font:            0.8em 'Courier New', Courier, Fixed;
background-color:#d8f7af;
line-height:     125% !important;
display:         block;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

#sidebar
{
padding:         0 20px 10px 20px;
float:           right;
width:           210px;
background:      #f6f6f6;
}

#sidebar p
{
margin:          0;
color:           #565656;
font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
font-size:       1em;
line-height:     170%;
}

#sidebar a:link, #sidebar a:active, #sidebar a:visited
{
text-decoration: underline;
color:           #e36767;
}

#sidebar a:hover
{
background-color:#C0C0C0;
text-decoration: none;
}

#sidebar ul
{
margin-top:     10px;
margin-bottom:  10px;
}

#sidebar ul li
{
margin-left:     -10px;
line-height:     150%;
list-style-type: none;
padding:         0 0 0 15px;
}

#sidebar h3
{
margin:          5px 0px 5px 0px;
font-size:       1.5em;
font-weight:     normal;
color:           #94C258;
}

#roundedfooter
{
width:           640px;
height:          17px;
margin:          0 auto;
}

h1
{
margin:          0;
font-weight:     normal;
color:           #d8f7af;
font-size:       3.2em;
}

h2
{
margin:          0;
display:         inline;
position:        relative;
top:             -1.5em;
left:            2em;
font-size:       1.8em;
font-weight:     normal;
color:           #94c258;
}

h3
{
margin:          0px 0px 10px 0px;
font-size:       1.5em;
font-weight:     normal;
color:           #94C258;
}

#footer
{
margin:          0px auto 10px auto;
_margin:         0px auto 0px auto; /* IE Hack */
width:           641px;
height:          39px;
}

#footer span
{
display:         block;
position:        relative;
font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
font-size:       1.2em;
padding:         10px;
color:           #565656;
}

#footer span a
{
color:           #767676;
}

#footer span a:hover
{
background-color:transparent !important;
text-decoration: underline;
}

/* Theme Images */

/* 
You have to find and upload template images to free host, then replace the image names
listed here with the given links from your free image hosts. For example;
Replace this;

#page {
	background: url("middle.jpg") repeat-y top white;
	}

to;

#page {	
	background: url("http://img54.imageshack.us/img54/3761/middle3js.jpg") repeat-y top white;
	}
*/

body
{
background:      transparent url(http://img527.imageshack.us/img527/9740/bgcw3.png) top left repeat;
}

#gcontainer
{
background:      transparent url(http://img186.imageshack.us/img186/2880/containerbglz5.png) top left repeat-y;
}

#gheader
{
background:      transparent url(http://img245.imageshack.us/img245/7604/headerbg1.jpg) top left no-repeat;
}

#menu ul
{
background:      transparent url(http://img527.imageshack.us/img527/9089/menuoffng7.png) top left repeat-x;
}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{
background:      transparent url(http://img527.imageshack.us/img527/9089/menuoffng7.png) center left repeat-x;
}

#menu ul li a:hover
{
background:      transparent url(http://img186.imageshack.us/img186/787/menuonoq8.png) center left repeat-x;
}

#roundedheader
{
background:      transparent url(http://img123.imageshack.us/img123/9284/belowheaderra8.png) top left no-repeat;
}

#content
{
background:      transparent url('contentbg.png') top left repeat-y;
}

#sidebar ul li
{
background:      url(http://img444.imageshack.us/img444/4783/iconarrowga9.png) left top no-repeat;
}

#roundedfooter
{
background:      transparent url(http://img123.imageshack.us/img123/8545/abovefooterks7.png) top left no-repeat;
}

#footer
{
background:      transparent url(http://img444.imageshack.us/img444/8249/footerfs1.png) top left repeat-x;
}

/* End Theme Images */
</style>
</head>

<noembed><body></noembed>
<!-- YOU SHOULD TRY TO MAKE EVERY ELEMENTS INSIDE THE CONTAINER! NOT OUTSIDE THE CONTAINER -->
<div id="gcontainer">

<!-- HEADER -->
<div id="gheader"><div class="headtitle"><BlogTuga></div></div>
<!-- END HEADER -->

<!-- MENU -->
<div id="menu">
	<div style="display:none;">
		<!--

		Preloading image

		-->
		<img src="menuon.png" alt="preload" />
	</div>
	<ul>
		<li><a href="/" title="">Homepage</a></li>
		<li><a href="http://blogtuga.com.sapo.pt/geral" title="">Geral</a></li>
		<li><a href="http://blogtuga.com.sapo.pt/Informatica" title="">Informatica</a></li>
		<li><a href="http://blogtuga.com.sapo.pt/linux" title="">Linux</a></li>
                        <li><a href="http://blogtuga.com.sapo.pt/tutorials" title="">Tutorials</a></li>
		<li><a href="http://blogtuga.com.sapo.pt/downlaods" title="">Downloads</a></li>
	</ul>
</div>
<!-- END MENU -->

<!-- ROUNDED SHAPE BELOW HEADER -->
<div id="roundedheader"> </div>

<!-- START CONTENT -->
<div id="content">

<MainOrArchivePage>

	<!-- SIDEBAR -->
	<div id="sidebar">


		<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/><input id="search-btn" value="Go!" type="submit"/></form>
		<h3>Autor</h3>
		<p>Olá a todos, ora bem, chamo-me Alexandre Pereira, tenho  27 anos, não tenho experiência nenhuma em Web Design, a única experiência que tenho foi ganha em aalguns blogs que fiz e o gosto foi aumentando.</p>
<			<p>Quanto a este blog, surgiu apenas porque tenho outros bogs e a ideia e colocar um pouco dos blogs que tenho só neste.</p>
<			<p>Quanto ao template usado no blog, não foi feito por mim, apenas editado, os créditos pertencem a <a href="http://www.blogger.com" title="Blogger">Blogger</a> and <a href="http://www.bloggertemplates.org" title="Nice and cool templates for your Blogger blog">Blogger Templates</a>. Template desenhado por Yamazaki.</span>
		<p><a href="<$BlogOwnerProfileUrl$>">profile</a> may show up here.</p>

		<ul class="feed-list">
			<li><a href="<$BlogURL$>/atom.xml" />Site Feed</a></li>
		</ul>

		<MainPage>
		<h3>Comentarios</h3>
		<ul class="bubble-list">
    	<Blogger>
    		<BlogItemCommentsEnabled>
    			<BlogItemComments>
              <li><$BlogCommentAuthor$> @ 
              <a href="<$BlogCommentPermalinkURL$>">
              <$BlogCommentDateTime$></a></li>
          </BlogItemComments>
        </BlogItemCommentsEnabled>
      </Blogger>
      </ul>
		</MainPage>

		<h3>Posts</h3>
			<ul>
				<BloggerPreviousItems>
					<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
				</BloggerPreviousItems>
			</ul>

		<h3>Arquivos</h3>
			<ul>
				<BloggerArchives>
					<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
				</BloggerArchives>
			</ul>

		<h3>Links</h3>
		   <!--
          	
         Links below are just examples, feel free to delete them and replace with your own
          	
         -->
			<ul>
				<li><a href="http://www.blogtuga.pt.vu/" title="Nice and cool templates for your Blogger blog">Blogtuga</a></li>
				<li><a href="http://pluginstofirefox.blogspot.com/">Firefox Stuff</a></li>
				<li><a href="http://www.softwaregratis.pt.vu/" title="Software Gratis">Software Gratis</a></li>
			</ul>

	</div>
	<!-- END SIDEBAR -->

</MainOrArchivePage>

<MainOrArchivePage>

	<!-- LEFT DIV -->
	<div id="insidecontent">

<Blogger>

		<div class="entry">
		<h3 id="post-<$BlogItemNumber$>"><a href="<$BlogItemPermalinkUrl$>" rel="bookmark" title="Permanent Link to <Abetura do>"><BlogTuga></a></h3>
		<p class="entry">
			<$BlogItemBody$>
		</p>
		<p style="margin-top:10px;text-align:center;">By: <$BlogItemAuthor$> | <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$> |<a href="<$BlogItemPermalinkURL$>#comments"><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('no comment');} else if(a == 1) {document.write('1 comment');}else{document.write(a+' comments');}</script></a> | <$BlogItemControl$></p>
		</div>

		<div style="height:20px;"></div>

</Blogger>

	</div>
	<!-- END LEFT DIV -->

</MainOrArchivePage>

<ItemPage>

	<!-- SIDEBAR -->
	<div id="sidebar">

		<h3>Post Info</h3>

<Blogger>

		<p class="postmetadata">
			This entry was posted
			on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$>.

			<BlogItemCommentsEnabled>
			There <script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('are');} else if(a == 1) {document.write('is');}else{document.write('are');}</script> <a href="<$BlogItemPermalinkUrl$>#comments"><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('no comments');} else if(a == 1) {document.write('1 comment');}else{document.write(a+' comments');}</script></a><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write(' yet');} else if(a == 1) {document.write(' so far');}else{document.write(' so far');}</script>. If you want, you can leave your own response by <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>clicking here</a>.
			You may also send this post to a friend of yours via email, or bookmark it for yourself by using icons below;
			</BlogItemCommentsEnabled>					
		</p>
		<div style="text-align:center;">
		<!--

		Bookmarklet images

		Search for <img src="example.png" through the lines below

		-->
			<a href="http://del.icio.us/post?url=<$BlogItemPermalinkUrl$>&title=<$BlogItemTitle$>" title="Bookmark this post to del.icio.us"><img src="delicious.png" style="margin-bottom:-4px;padding:1px;border:none;" alt="Bookmark this post to del.icio.us" /></a>
			<a href="http://digg.com/submit?phase=2&url=<$BlogItemPermalinkUrl$>&title=<$BlogItemTitle$>" title="Digg this post!"><img src="digg.png" style="margin-bottom:-4px;padding:1px;border:none;" alt="Digg this post!" /></a>
			<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t=<$BlogItemTitle$>&u=<$BlogItemPermalinkUrl$>&ei=UTF-8" title="Bookmark this post to Yahoo! My Web"><img src="yahoomyweb.png" style="margin-bottom:-5px;padding:1px;border:none;" alt="Bookmark this post to Yahoo! My Web" /></a>
			<a href="http://www.furl.net/storeIt.jsp?t=<$BlogItemTitle$>&u=<$BlogItemPermalinkUrl$>" title="Bookmark this post to Furl"><img src="furl.png" style="margin-bottom:-4px;padding:1px;border:none;" alt="Bookmark this post to Furl" /></a>
			<$BlogItemControl$>
		</div>

</Blogger>

	</div>
	<!-- END SIDEBAR -->

	<!-- LEFT DIV -->
	<div id="insidecontent">

<Blogger>

		<div class="entry">
		<h3 id="post-<$BlogItemNumber$>"><a href="<$BlogItemPermalinkUrl$>" rel="bookmark" title="Permanent Link to <$BlogItemTitle$>"><$BlogItemTitle$></a></h3>
		<p class="entry">
			<$BlogItemBody$>
		</p>
		</div>

		<div style="height:20px;"></div>

<BlogItemCommentsEnabled>

		<div id="comments">

		<h3 id="comments">There <script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('are');} else if(a == 1) {document.write('is');}else{document.write('are');}</script> <script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('no comments');} else if(a == 1) {document.write('1 comment');}else{document.write(a+' comments');}</script><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write(' yet');} else if(a == 1) {document.write(' so far');}else{document.write(' so far');}</script></h3>

			<ol>

<BlogItemComments>

				<li id="comment-<$BlogCommentNumber$>">
					<span><$BlogCommentAuthor$> <span style="color:#767676;">|</span> <a href="#comment-<$BlogCommentNumber$>" title=""><$BlogCommentDateTime$></a> <span style="color:#767676;">|</span> <$BlogCommentDeleteIcon$></span>
					<p style="margin-top:5px;line-height:125%;"><$BlogCommentBody$></p>
				</li>

</BlogItemComments>

			</ol>

		</div>	

</BlogItemCommentsEnabled>
</Blogger>

	</div>
	<!-- END LEFT DIV -->

</ItemPage>

	<!-- 
	CLEAR BOTH FLOAT. THIS IS IMPORTANT! IF YOU
	REMOVE THIS LINE, YOU'LL END UP SCREWING THE 
	CONTENT AND THE SIDEBAR COLUMN
	-->
	<div style="clear: both;"></div>
	<!-- END FLOAT CLEANER -->

</div>
<!-- END CONTENT -->

<!-- ROUNDED SHAPE ABOVE FOOTER -->
<div id="roundedfooter"> </div>

<!-- FOOTER -->
<div id="footer">
<!--

Please do not remove the credit links below, thank you.

-->
	<span><a href="<$BlogURL$>" title="<$BlogTitle$>"><$BlogTitle$></a> is powered by <a href="http://www.blogger.com" title="Blogger">Blogger</a> and <a href="http://www.bloggertemplates.org" title="Nice and cool templates for your Blogger blog">Blogger Templates</a>. Theme is designed by Yamazaki</span>
</div>
<!--END FOOTER -->

</div>
</body>
</html>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Basta dares os links das páginas que dão erro, depois podemos ver o código. ;)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Meus amigos já consegui resolver o problema. Para já está tudo, mas tenho quase a certeza que vou precisar de ajuda mais tarde.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora