1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Varias paginas

Discussão em 'Web Development' iniciada por alexandrepereir, 10 de Julho de 2007. (Respostas: 3; Visualizações: 816)

  1. alexandrepereir

    alexandrepereir Power Member

    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.

    So uma pequena observação, eu só tenho uma página gravada(index.html), será esse o problema?

    Código:
    <!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">&nbsp;</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">&nbsp;</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>
     
    Última edição: 10 de Julho de 2007
  2. khaluh

    khaluh Power Member

    Talvez seja melhor
     
  3. alexandrepereir

    alexandrepereir Power Member

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

    alexandrepereir Power Member

    Alguém me sabe dizer qual o código em HTML para colocar resumo nos posts?
     

Partilhar esta Página