Ayuda: Colocar banner a mi blog

Jue Ago 06, 2009 8:45 pm

He estado intentando modificar mi blog en estos últimos días y se me ocurrió colocarle un banner en la parte superior al mismo.

Intento e intento y no logro dar con el valor que debo modificar. Aquí les dejo un ejemplo de lo que quiero hacer:

Imagen

El banner quiero que vaya dentro de la parte roja y, obviamente, por encima del texto.

El código del layout es el siguiente:
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" xml:lang="en" lang="en">
<head>

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <title>{Title}{block:PostTitle} &mdash; {PostTitle}{/block:PostTitle}</title>
        <link rel="shortcut icon" href="{Favicon}"/>
        <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
        {block:Description}
        <meta name="description" content="{MetaDescription}" />
        {/block:Description}


                                              <!-- DEFAULT COLORS -->

        <meta name="color:Background" content="#4DB8EB"/>
        <meta name="color:Link" content="#FAF330"/>
        <meta name="color:Link Hover" content="#F02D64"/>
        <meta name="color:Quote" content="#F02D64"/>
        <meta name="color:Caption" content="#FFFFFF"/>
        <meta name="color:Post Link" content="#FFFFFF"/>


   <style type="text/css">


                                              /* MAIN */

html {
  font-size: 100%;
}

a, a:active, a:visited {
  color: {color:Link};
  outline: none;
  text-decoration: none;
}

a:hover {
  color: {color:Link Hover};
}

a img {
  border: 0;
}

pre {
  background-color: #000000;
}

                                              /* BACKGROUND BY Poe Tatum */

/* IF YOU DON'T LIKE THE BACKGROUND AND PREFER THE ORIGINAL SOLID COLOR, SIMPLY REMOVE THE URL BETWEEN THE PARENTHESES AND SAVE. IT START WITH HTTP://... */

body {
  background: {color:Background} url('http://static.tumblr.com/4cradrm/nMhkmyzyu/body.jpg') center top repeat fixed;
  color: #fff;
  font: normal 1em/1.5 "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
  text-align: center;
}

                                              /* HEADERS & BLOCKQUOTES */

h1 {
  font: 30px Arial;
  color: #FFF;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}


#description {
  font: 11px Tahoma;
  line-height: 18px;
  margin-bottom: 10px;
  text-indent: 15px;
}

#description:first-letter {
  font: 20px Arial;
  padding-right: 2px;
}

blockquote {
  margin: 5px 20px 0px 10px;
  padding-left: 10px;
  border-left: solid 1px {color:Caption}
}

p {
  margin: 0px 0px 10px 0px;
  line-height: 18px;
}


                                              /* LAYOUT */

#contain {
  margin: 0 auto;
  padding-top: 0;
  text-align: left;
  width: 900px;
}

.title {
  color: {color:Link};
  margin: 30px 0px -40px 80px;
  max-width: 800px;
  font: 50px Arial;
}

#header {
  margin: 0px 0px -6px 52px;
  padding: 0px 0px 0px 0px;
}

#content {
  float: left;
  width: 598px;
  padding: 5px 30px 5px 30px;
  margin: 0px 0px 20px 5px;
  background: rgba(0, 0, 0, .30);
  background: url('http://static.tumblr.com/l6bra0l/IdYkm9q5x/trantheme_30_percent.png');
  border-radius: 15px 0px 15px 15px;
  -moz-border-radius: 15px 0px 15px 15px;
  -webkit-border-top-left-radius: 15px;
}


                                              /* DATE */


.newdate, .samedate {
  position: relative;
  font: 13px arial;
  float: left;
  margin: 0 0 0 -130px;
  background: rgba(0, 0, 0, .30);
  background: url('http://static.tumblr.com/l6bra0l/IdYkm9q5x/trantheme_30_percent.png');
  padding: 6px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
}

.newdate:hover, .samedate:hover {
  background: rgba(0, 0, 0, .50);
  background: url('http://static.tumblr.com/l6bra0l/PxIkm9qaj/trantheme_50_percent.png');
}


                                              /* POST LOOPS */


.post {
  margin: 20px 0 30px 0;
  padding-top:10px;
}

.postcont {
  margin: 0px 0px 0px 0px;   
  width:480px;
  padding: 0px 0px 0px 0px;
}

.post h3 {
  margin: 0px 0px 10px 0px;
  color: {color:Caption};
  font: 25px Arial;
}

.post .caption {
  margin-bottom: 1.5em;
}

                                              /* TEXT POST */

.text_body {
  color: {color:Caption};
  font: 13px Tahoma, "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
  line-height: 18px;
}

.text_body:first-letter {
  font-size: 30px;
}

.text_body p img {
  padding-top: 5px;
}

.text_body a {
  color: {color:Link};
  text-decoration: none;
}

.text_body a:hover {
  color: {color:Link Hover};
}


                                              /* LINK POST */

.link_header {
  text-align: center;
  background: rgba(0, 0, 0, .30);
  background: url('http://static.tumblr.com/l6bra0l/IdYkm9q5x/trantheme_30_percent.png');
  margin: 0px 0px 10px 0px;
  padding: 2px;
  font: 25px Arial;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.link_header a {
  color:{color:Post Link};
}

.link_header a:hover {
 color: {color:Link Hover};
}


                                              /* QUOTE POST */

.thequote {
  font-size: 20px;
  font-style: italic;
  color: {color:Quote};
  font-family: Arial;
}

.quote_source {
 color: {color:Caption};
 font-size: 13px;
 text-align: right;
 font-family: tahoma;
}

.quote_source a {
 color: {color:Link};
}

.quote_source a:hover {
 color: {color:Link Hover};
}


                                              /* AUDIO POST */

.audio {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.audiobox {
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 0px 130px;
  width: 360px;
  height: 83px;
  background: transparent url('http://static.tumblr.com/l6bra0l/js4km9qf6/trantheme_audio_player.png');
  background-repeat: no-repeat;
}

.audio_caption {
  margin: -20px 0px 0px 0px;
  font: 13px Tahoma;
  color: {color:Caption};
  text-align: left;
}

.audio_caption a {
  color: {color:Link};
  text-decoration: none;
}

.audio_caption a:hover{
  color: {color:Link Hover};
}

.play_count {
  font: 10px Tahoma;
  color: {color:Caption};
  text-align: right;
}

                                              /* PHOTO POST */

.photograph {
  padding: 13px 10px 10px 10px;
  background: rgba(0, 0, 0, .30);
  background: url('http://static.tumblr.com/l6bra0l/IdYkm9q5x/trantheme_30_percent.png');
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
}

.caption_photo {
  margin: 5px 0px 10px 0px;
  font: 13px Tahoma;
  color: {color:Caption};
  line-height: 18px;
}

.caption_photo a{
  color: {color:Link};
  text-decoration: none;
 
}

.caption_photo a:hover {
  color: {color:Link Hover};
}



                                              /* VIDEO POST */

.television_top {
  margin: 0px 0px 0px -12px;
  padding: 0px 0px 0px 0px;
  width: 550px;
  height: 41px;
  background: transparent url('http://static.tumblr.com/l6bra0l/7Ybkm9qgd/trantheme_tv_box_top.png');
  background-repeat: no-repeat;
}

.television_bottom {
  margin: 0px 0px 0px -12px;
  padding: 0px 0px 0px 0px;
  width: 550px;
  height: 69px;
  background: transparent url('http://static.tumblr.com/l6bra0l/6hnkm9qfs/trantheme_tv_box_bottom.png');
  background-repeat: no-repeat;
}

.television {
  margin: 0px 0px 0px -10px;
  padding: 0px 0px 0px 0px;
  width: 547px;
  background: rgba(0, 0, 0, .50);
  background: url('http://static.tumblr.com/l6bra0l/PxIkm9qaj/trantheme_50_percent.png');
}

.video_caption {
  margin: 10px 0px 0px 0px;
  font: 13px Tahoma;
  text-align: left;
  color: {color:Caption};
}




                                              /* CONVERSATION POST */


.chat .conversation {
  list-style: none;
  padding: 0;
  font: 13px Tahoma;
}

.chat .conversation .line {
  border-bottom: 1px solid {color:Caption};
  padding: 0.4em;
  width: 500px;
}

.chat .conversation .person {
  font-weight: normal;
  color: {color:Caption};
}

.chat .conversation li.odd {
  background: none;
}

.chat .conversation li.even {
  background: rgba(0, 0, 0, .30);
  background: url('http://static.tumblr.com/l6bra0l/IdYkm9q5x/trantheme_30_percent.png');
}
 
 
                                              /* PAGE & POST NAVIGATION */

.previous-next {
  margin-bottom: 30px;
  padding: 20px 0px 15px 0px;
  font: 18px Arial;
  line-height: 10px;
}

.previous-next .previous {
  margin-left: 430px;
}

.previous-next .next {
  margin-right: 0px;
}

                                              /* SIDEBAR */

#sidebar {
  font-size: 14px;
  float: right;
  width: 260px;
  margin: 0px -43px 0px 0px;
  padding: 15px 10px 10px 10px;
  background: rgba(0, 0, 0, .30);
  border-radius: 0px 0px 15px 0px;
  -moz-border-radius: 0px 0px 15px 0px;
  -webkit-border-bottom-right-radius: 15px;
  background: url('http://static.tumblr.com/l6bra0l/IdYkm9q5x/trantheme_30_percent.png');
}

#sidebar h4 {
  font: 18px Arial;
  margin: 0 0 15px 0;
  text-transform: capitalize;
  letter-spacing: 0px;
  border-bottom: 2px solid #FFFFFF;     
}

#sidebar p.credit {
  margin: 10px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  font-size: 9px;
  line-height: 12px;
}

                                              /* FOLLOWING */


.following{
  margin-top: 15px;
  margin-bottom: 5px;

}
.following a img{
  border: 1px solid {color:Caption};
  padding: 2px;
  margin: 1px;
}

.following a img:hover{
  border: 1px solid {color:link hover};
  padding: 2px;
  margin: 1px;
}


                                              /* REBLOGGING & TAGS */



.post-footer p.reblogged {
  font: 12px Tahoma;
  color: {color:Caption};
  padding:5px 0;
}

.post-footer p.reblogged a {
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center left;
  padding: 2px 0 2px 18px;
}

#tags {
  text-transform: capitalize;
  text-align: right;
  color: {color:Caption};
  font: 12px Tahoma;
  margin: -20px 0px 30px 0px
}



                                              /* COMMENTS */

#comment {
  font-size: 10px;
  text-align: left;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
}

#comment a {
  text-decoration: none;
  color: {color:Caption};
}

#comment a:hover {
  text-decoration: none;
  color: {color:Link Hover};
}

#dsq-content {
  background: rgba(0, 0, 0, .30);
  background: url('http://static.tumblr.com/l6bra0l/IdYkm9q5x/trantheme_30_percent.png');
  padding: 5px 20px 20px 20px;
  margin-top: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


                                              /* NOTES */

.notes {
  font: 10px tahoma;
}

ol.notes {
  padding: 0px;
  margin: 25px 0px;
  list-style-type: none;
  border-bottom: solid 1px #ccc;
}

ol.notes li.note {
  border-top: solid 1px #ccc;
  padding: 5px;
}

ol.notes li.note img.avatar {
  vertical-align: -4px;
  margin-right: 10px;
  width: 16px;
  height: 16px;
}

ol.notes li.note span.action {
  font-weight: normal;
  font-size: 11px;
}

ol.notes li.note .answer_content {
  font-weight: normal;
}

ol.notes li.note blockquote {
  border-color: #eee;
  padding: 4px 10px;
  margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
  text-decoration: none;
}

  </style>

{CustomCSS}

                                           <!-- PASTE STREAMPAD SCRIPT BELOW (OPTIONAL) -->









</head>
<body>


                                           <!-- TWITTER -->

{block:Twitter}
  <div id="twitter_background">
    <div id="twitter">
      <div class="tweet">
        <ul id="twitter_update_list"></ul>
      </div>
    </div>
  </div>
{/block:Twitter}


                                           <!-- CONTAIN -->

  <div id="contain">


                                           <!-- TITLE -->

   <div class="title">{Title}</div>
 

                                           <!-- META TABS -->

                       <div id="header">



<map name="meta">
               <area shape="rect" coords="607, 0, 677, 40" href="/" title="Home">
               <area shape="rect" coords="680, 0, 748, 40" href="/archive" title="Archive">
               <area shape="rect" coords="754, 0, 818, 40" href="{RSS}" title="RSS">
               <area shape="rect" coords="822, 0, 888, 40" href="/random" title="Random">
</map>

<img src="http://static.tumblr.com/l6bra0l/T53km9qdi/trantheme_tabs.png" usemap="#meta" border="0">

                        </div>


    <div id="content">


                                           <!-- POST LOOPS & DATE -->


    {block:Posts}

      <div class="post {TagsAsClasses}">
        <div class="post-header">
          {block:NewDayDate}
          <h4 class="newdate">
<span class="date"><a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a></span>



             <!-- BY PASTING IN THE FOLLOWING CODE, A COMMENT LINK WILL APPEAR UNDER THE DATE: <div id="comment"><a href="{Permalink}#disqus_thread">Comments</a></div> THERE'S A HUGE SPACE UNDERNEATH FOR YOU TO PASTE  -->






<div>{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
          </h4>
          {/block:NewDayDate}

{block:SameDayDate}
  <h4 class="newdate">
<span class="date"><a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a></span>



             <!-- BY PASTING IN THE FOLLOWING CODE, A COMMENT LINK WILL APPEAR UNDER THE DATE: <div id="comment"><a href="{Permalink}#disqus_thread">Comments</a></div> THERE'S A HUGE SPACE UNDERNEATH FOR YOU TO PASTE  -->







<div>{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  </h4>
{/block:SameDayDate}




       
                                           <!-- TEXT POST -->

        {block:Text}       
        </div>

     

        <div class="text">
          {block:Title}<h3>{Title}</h3>{/block:Title}

            <div class="text_body">
                 {Body}
            </div>
        </div>
        {/block:Text}
   

                                           <!-- QUOTE POST -->

        {block:Quote}
         
        </div>
       
        <div class="thequote">
            &#8220;{Quote}&#8221;
        </div>
                   {block:Source}
                        <div class="quote_source">&mdash; {Source}</div>
                   {/block:Source}
       
        {/block:Quote}


                                           <!-- LINK POST -->

 
        {block:Link}

        </div>
 
               
<div class="link_header">
      <a href="{URL}"{Target}>{Name}</a>
</div>

          {block:Description}
 <div class="caption_photo">             
       {Description}
</div>
{/block:Description}
       
        {/block:Link}
 
 

                                           <!-- VIDEO POST -->

        {block:Video}
 
        </div>
 
        <div class="video">
          <div class="television_top"></div>
             <div class="television"><center>{Video-500}</center></div>
               <div class="television_bottom"></div>
          {block:Caption}<div class="video_caption">{Caption}</div>{/block:Caption}

        </div>
        {/block:Video}
 

                                           <!-- AUDIO POST -->

{block:Audio}

</div>
 
        <div class="audio">
          <div class="audiobox">{AudioPlayerWhite}</div>
          {block:Caption}<div class="audio_caption">{Caption}</div>{/block:Caption}
             <div class="play_count">
                    Play count: {FormattedPlayCount} {block:ExternalAudio}| <a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}
                 </div>
       

 </div>
        {/block:Audio}
 


                                           <!-- PHOTO POST -->


{block:Photo}
         
        </div>
     <div class="photo">
           {LinkOpenTag}
<div class="photograph"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
           {LinkCloseTag}
          {block:Caption}<div class="caption_photo">{Caption}</div>{/block:Caption}
     </div>
{/block:Photo}
 
 


                                           <!-- CONVERSATION POST -->

        {block:Chat}
         
        </div>
 
        <div class="chat">
          {block:Title}<h3>{Title}</h3>{/block:Title}
          <ul class="conversation">
            {block:Lines}
            <li class="line {Alt}">
              {block:Label}<span class="person">{Label}</span>{/block:Label}
              <span class="person-said">{Line}</span>
            </li>
            {/block:Lines}
          </ul>
        </div>
        {/block:Chat}
 
      </div>



                                           <!-- REBLOGGING -->

<div class="post-footer">
         
                {block:RebloggedFrom}

<p class="reblogged">
Reblogged: <a href="{ReblogParentURL}" style="background-image: url({ReblogParentPortraitURL-16});">{ReblogParentName}</a></p>

                  {/block:RebloggedFrom}

                                           <!-- TAGS -->

{block:HasTags}
  <div id="tags">
             Tags:
       {block:Tags} <a href="{TagURL}">{Tag}</a>. {/block:Tags}     
  </div>
{/block:HasTags}
 
<div style="font-size: 10px; text-align: left;"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments (View)</a></div>

</div>

    {/block:Posts}
   
                                            <!-- DISQUS COMMENTS -->

<!-- To add comments, register at Disqus.com or if you have an existing account go to: http://disqus.com/integrate/YOUR_USER_NAME/tumblr/  and copy the "Disqus Code for Tumblr" -->

                                            <!-- PASTE DISQUS CODE UNDER HERE -->


{block:Permalink}
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>
<div id="disqus_thread"></div><script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/luxoontrack/embed.js"></script>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
{/block:Permalink}
<script type="text/javascript">
//<![CDATA[
(function() {
      var links = document.getElementsByTagName('a');
      var query = '?';
      for(var i = 0; i < links.length; i++) {
         if(links[i].href.indexOf('#disqus_thread') >= 0) {
            query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
         }
      }
      document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/luxoontrack/get_num_replies.js' + query + '"></' + 'script>');
   })();
//]]>
</script>















                                            <!-- NOTES -->



{block:PostNotes}
{PostNotes}
{/block:PostNotes}



                                            <!-- POST NAVIGATION -->

     {block:PermalinkPagination}
   
      <p class="previous-next">
 
        {block:NextPost}
<a href="{NextPost}" class="next">&#8592; Dale pa' acá</a>
        {/block:NextPost}

        {block:PreviousPost}
<a href="{PreviousPost}" class="previous">Dale pa' allá</a>
        {/block:PreviousPost}

       
      </p>

      {/block:PermalinkPagination}
     
     
                                            <!-- PAGE NAVIGATION -->



      {block:Pagination}
     
      <p class="previous-next">

        {block:PreviousPage}
<a href="{PreviousPage}" class="next">< Atrás</a>
        {/block:PreviousPage}

        {block:NextPage}
<a href="{NextPage}" class="previous">Siguiente ></a>
        {/block:NextPage}
       
      </p>
      {/block:Pagination}
     



    </div>



                                            <!-- END POSTS -->


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

                                            <!-- DESCRIPTION -->


{block:Description}
   <h4>LuXo es:</h4>


                                           <!-- IF YOU DON'T WANT THE AVATAR DISPLAYED, REMOVE THE CONTENT BETWEEN THE TWO "<CENTER>" TAGS BELOW -->


       

<center>
           <img src="{PortraitURL-96}" style="margin-right: 8px; padding: 5px; border: 3px solid #FFFFFF">
         </center>


             <div id="description">
                {Description}
                    </div>
{/block:Description}


                                            <!-- SEARCH -->

<h4>¿Estás buscando algo?</h4>

<form method="get" action="/search">
    <input type="text" value="" name="q"/>
    <input type="submit" value="¡Moplo!" style="color:#ffffff; background:transparent; border: 2px solid #ffffff;"/>
</form>


                                            <!-- FOLLOWING -->


 {block:Following}
     <div class="following">
        <h4 id="following-header">Following</h4>
<center>    {block:Followed}
         <a href="{FollowedURL}"><img src="{FollowedPortraitURL-24}" alt="{FollowedName}" title="{FollowedTitle}"/></a>
   {/block:Followed} 
      </div>  </center>
{/block:Following}

                                            <!-- CREDITS -->
     
<p class="credit">
Themed by <a href="http://hunsonisgroovy.tumblr.com">Hunson</a> |
Background: <a href="http://www.flickr.com/photos/poetatum/3335900523/">Poe Tatum</a>
</p>
    </div>


                                            <!-- END SIDEBAR -->


  </div>

                                            <!-- END CONTAIN -->

</body>
</html>


Gracias por su ayuda. :D

Re: Ayuda: Colocar banner a mi blog

Vie Ago 07, 2009 1:11 pm

Ya nos pondrás la pagina para echarle un ojo. Es un blog propio o es de esos de blogspot o de wordpress?

En principio si lo quieres poner arriba, prueba a ponerlo dentro de las etiquetas <head>. Sabes algo de HTML o XHTML?

Re: Ayuda: Colocar banner a mi blog

Vie Ago 07, 2009 6:50 pm

Es una plataforma llama Tumblr, esta combina elementos del blogging con el microblogging. Me encanta por el hecho que lo puede utilizar como blog y como diario, además de compartir cosas que me gustan. :D

No sale una etiqueta <head>, supongo que esto no es HTML sino CSS.

Lo que me sale es esto:

Código:
.title {
  background: url('http://static.tumblr.com/l6bra0l/IdYkm9q5x/trantheme_30_percent.png'); repeat-x center top;
  margin: 0px 0px 20px 0px;
  max-width: 800px;
  width: 668px;
  height: 192px;
  align: center;
}

#header {
  margin: -110px 0px -6px 52px;
  padding: 0px 0px 0px 0px;
}

Re: Ayuda: Colocar banner a mi blog

Sab Ago 08, 2009 2:03 pm

En CSS poner un encabezado :? Pues no se muy bien, pero pq no prueba a bajar el Dreamweaver, la versión de prueba, metes el css y en el header miras las opciones que hay, así sabrás si existe algún comando para poner un banner en un CSS

Re: Ayuda: Colocar banner a mi blog

Sab Ago 08, 2009 8:14 pm

w00t!

Probé con lo que me dijiste, empecé a mover valores y voilà. Ya tengo el banner en mi blog.

Cuando quieras, puedes verlo: http://luxomania.tumblr.com/

Gracias, Bettini. :wink:

Re: Ayuda: Colocar banner a mi blog

Sab Ago 08, 2009 9:12 pm

De nada!
Si para esto.. lo mejor es toquiñear :D :D

Re: Ayuda: Colocar banner a mi blog

Vie Ago 28, 2009 11:09 am

hostias tienes buena musica en tu blog! tienes linkin park! q buena makina...but in the end it doesn't even mather!!

Full Version