Foro de los Blogs
¡Hola! Bienvenido al foro de ayuda de blogs. ¿Buscas ayuda sobre tu blog de HazBlog? ¡Registrate o concectate!
Soporte Gratuito !
¡Crear Blog Gratuito!
Búsqueda

Búsqueda en los tutoriales...
No olvides hacer una búsqueda en los tutoriales antes de abrir un tema en el servicio de ayuda general.



Ver en forma de :



Últimos temas
ÚLTIMOS ANUNCIOS

Mas !
Los posteadores más activos de la semana

¿Quién está en línea?
En total hay 14 usuarios en línea: 0 Registrados, 0 Ocultos y 14 Invitados :: 2 Motores de búsqueda

Ninguno

[ Ver toda la lista ]


La mayor cantidad de usuarios en línea fue 494 el 18/12/2009, 3:47 am.

utilizar plantilla hecha para fondo

Ver el tema anterior Ver el tema siguiente Ir abajo

En curso utilizar plantilla hecha para fondo

Mensaje por SiGR el 6/4/2011, 8:51 pm

Hola a Tod@s:

Dar las gracias de antemano por la ayuda.
Soy nabata en esto de script, css, creacion de blogs, ect. He empezado hoy con mi blog, pero tengo graves problemas con el diseño. El caso es que me gustaría diseñarlo entero a mi gusto, pero no es que lo vea dificil, es que estoy totalmente perdida!!!! Llorar He encontrado un fondo que me gusta, y bueno hasta hay bien, he conseguido ponerlo gracias al foro.

Pero el gran problema es que me gustaría añadir una imagen que quedara por encima del fondo. Me explico. He encontrado una plantilla que me encanta, pero no puedo ponerla porque todo desaparece, ya que es una plantilla completa. tengo el codigo de la plantilla, pero soy incapaz de compaginarlo con la plantilla ya hecha.

Codigo de plantilla:
Código:
 <?xml version="1.0" encoding="UTF-8" ?>
<!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' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[
/* Variable definitions
  ====================
  <Variable name="textcolor" description="Text Color"
            type="color" default="#eddeb5" value="#666666">
           
  <Variable name="PageBgColor" description="Page Background Color"
            type="color" default="#000" value="#ffffff">

  <Variable name="pagetitlecolor" description="Page Header Color"
            type="color" default="#ffc" value="#cf9f81">

  <Variable name="datecolor" description="Date Header Color"
            type="color" default="#999" value="#660000">

  <Variable name="titlecolor" description="Post Title Color"
            type="color" default="#c30" value="#660000">
           
    <Variable name="titlehovercolor" description="Post Title Hover Color"
            type="color" default="#fff" value="#000000">

  <Variable name="footercolor" description="Post Footer Color"
            type="color" default="#ffffff" value="#000000">

  <Variable name="sidebartextcolor" description="Sidebar Text Color"
            type="color" default="#333" value="#000000">

  <Variable name="sidebarcolor" description="Sidebar Title Color"
            type="color" default="#DE9622" value="#660000">
           
  <Variable name="sidebarlink" description="Sidebar Link Color"
            type="color" default="#333" value="#000000">
           
  <Variable name="sidebarhover" description="Sidebar Hover Color"
            type="color" default="#fff" value="#000000">         

  <Variable name="linkcolor" description="Link Color"
            type="color" default="#DDEAF5" value="#000000">

  <Variable name="linkhover" description="Link Hover Color"
            type="color" default="#c30" value="#660000">
           
  <Variable name="visitedlinkcolor" description="Visited Link Color"
            type="color" default="#DDEAF5" value="#660000">
           
  <Variable name="descriptioncolor" description="Description Color"
            type="color" default="#8c952e" value="#660000">

  <Variable name="Commentscolor" description="Comments Text Color"
            type="color" default="#ccc" value="#000000"> 
           
  <Variable name="bodyfont" description="Text Font"
            type="font" default="normal normal 85% Verdana, sans-serif" value="normal bold 93% Georgia, Times, serif">

  <Variable name="pagetitlefont" description="Page Header Font"
            type="font" default="normal normal 240% 'Georgia','Times New Roman'" value="normal bold 238% Georgia, Times, serif">

  <Variable name="titlefont" description="Post Title Font"
            type="font" default="normal bold 100% 'Georgia','Times New Roman'" value="normal bold 121% Georgia, Times, serif">

  <Variable name="sidebarheaderfont" description="Sidebar Title Font"
            type="font" default="normal bold 100% 'Georgia','Times New Roman'" value="normal bold 110% Georgia, Times, serif">
               
  <Variable name="sidefont" description="Sidebar Text Font"
            type="font" default="normal normal 90% 'Verdana','Arial'" value="normal normal 89% Georgia, Times, serif">     

  <Variable name="descriptionfont" description="Description Font"
            type="font" default="normal normal 80% 'Verdana','Arial'" value="normal bold 143% Georgia, Times, serif">     
*/

/*
Distributed by: http://BTemplates.com
*/


/* ---( page defaults )--- */
body {  margin: 0px;  padding: 0px;  text-align: left; font:$bodyfont; color:$textcolor; background:#ffffff url('http://bp1.blogger.com/_xO_Vy6En5QM/SJVuVvSkXTI/AAAAAAAAAGI/xq4vfmTU-IY/s1600/libro01-.jpg') fixed no-repeat top left; scrollbar-face-color: $PageBgColor; scrollbar-highlight-color: #000000;scrollbar-shadow-color: $PageBgColor; scrollbar-3dlight-color: #cccccc;scrollbar-arrow-color: #000000; scrollbar-track-color: #808080;scrollbar-darkshadow-color: #000000; }
blockquote {  margin: 0 0 0 30px;  padding: 10px 0 0 20px;  line-height: 1.5em; }
blockquote p {  margin-top: 0;  }
abbr, acronym {  cursor: help;  font-style: normal;  }
code {  color: #f63;  }
hr {  display: none;  }
img {  border: none;  }

/* unordered list style */
ul {  list-style: none;  margin-left: 7px;  padding: 0;  }
li {  list-style: none;  padding-left: 9px;  margin-bottom: 3px;  }

/* links */
a:link {  color: $linkcolor;  text-decoration: none; }
a:visited {  color: $visitedlinkcolor;  }
a:hover {  color: $linkhover;  }
a:active { color: $visitedlinkcolor;  }

/* ---( layout structure )---*/
#outer-wrapper {  margin: 0px;  text-align: justify; }
#content-wrapper {  margin-left: 0px; /* to avoid the border image */  width: 1000px;  }
#main {  float: right;  width: 500px;  margin: 0px; padding: 10px 75px 10px 10px;  line-height: 1.5em;  word-wrap: break-word; overflow: hidden;
    }
#sidebar {  float: left;  width: 280px; padding:65px; font: $sidefont; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden;
}
#center { overflow: scroll; width: 1002px; height: 665px; margin: 0px 0px 0px 0px; }


/* ---( header and site name )--- */
#header-wrapper {  margin: 0; }
#header {  margin: 0;  color: $pagetitlecolor; }
#header h1 { width: 500px; font: $pagetitlefont; padding: 35px 0px 10px 420px;  filter: glow(color=#000000,Strength=4); text-align: center;}
#header h1 a {  text-decoration: none;  color: $pagetitlecolor; }
#header h1 a:hover { color: #ffffff;  }
#header .description { margin:0 0px 0px 420px; text-align:left; padding:0px; width:500px;  font: $descriptionfont;  color: $descriptioncolor; }

/* ---( main column )--- */
h2.date-header {  margin: 0px;  padding: 0px;  font-size: 70%;  color: $datecolor;}
.post h3 { margin: 0;  font: $titlefont;  color: $titlecolor; }
.post {  margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding:0px; url('http://bp2.blogger.com/_xO_Vy6En5QM/SJVuhJDfmUI/AAAAAAAAAGQ/5tOy8n8ZHCk/s1600/divider03-glitter.gif')}
.post h3 a {color: $titlecolor; text-decoration: none;}
.post h3 a:hover { color: $titlehovercolor;  text-decoration: none; }
.post-footer {  margin:0;  padding: 0px;  font-size: 85%;  color:$footercolor; text-align:right;}
.post img {  padding: 6px;  border-top: 0px solid #ddd;  border-left: 0px solid #cccccc;  border-bottom: 0px solid #c0c0c0;  border-right: 0px solid #c0c0c0;  }
.feed-links {  clear: both;  line-height: 2.5em; color:$datecolor;}
.blog-feeds { text-align: right; color:$datecolor;}
#blog-pager-newer-link {  float: right; }
#blog-pager-older-link {  float: left; }
#blog-pager {    text-align: center;  }

/* comment styles */
#comments {  padding-top: 10px;  font-size: 85%;  line-height: 1.5em;  color: $Commentscolor;  }
#comments h4 {  margin: 20px 0 15px 0;  padding: 8px 0 0 40px;  font-family: "Lucida Grande", "Trebuchet MS";  font-size: 100%;  color: $Commentscolor;  height: 30px !important; /* for most browsers */  height /**/:37px; /* for IE5/Win */  }
#comments ul {  margin-left: 0;  }
#comments li {  background: none;  padding-left: 0;  }
.comment-body {  padding: 0 10px 0 25px;  }
.comment-body p {  margin-bottom: 0;  }
.comment-author {  margin: 4px 0 0 0;  padding: 0 10px 0 60px;  }
.comment-footer {  border-bottom: 1px solid #ddd;  padding-bottom: 1em;}
.deleted-comment {  font-style:italic;  color:gray;  }

/* ---( sidebar )--- */
.sidebar h2 {  margin: 0 0 0 0;  padding: 10px 0 0 0px; font: $sidebarheaderfont;  color: $sidebarcolor;  height: 32px !important; /* for most browsers */  height /**/:57px; /* for IE5/Win */  }
.sidebar .widget {  margin: 0;  padding: 0 0 5px 10px;border-bottom:0px solid #ffffff; }
.sidebar a {color: $sidebarlink; text-decoration: none;}
.sidebar a:hover {color: $sidebarhover;}
.sidebar li { padding-left: 5px; }
.profile-textblock {  margin:.5em 0 .5em; border-bottom:0px solid #ffffff;}
.profile-img {  float: left;  margin: 0 5px 5px 0;  border: 0px solid #ddd;  padding: 4px;}

/* ---( footer )--- */
.clear { /* to fix IE6 padding-top issue */  clear: both;  }
#footer-wrapper {float: left;  width: 500px;  margin: 0px; padding: 0px 0px 0px 220px; font-size: 70%;  clear: both; }
#footer { height:23px; text-align:center; color: #ffc; }
#footer-wrapper a { color: #ffc; text-decoration: none;}
#footer-wrapper a:hover{  color: #f63;  text-decoration: none;}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {  padding-top: 0;  margin-top: 0;}
body#layout #outer-wrapper,body#layout #content-wrapper {  width: 100%;}
body#layout #sidebar {  margin-right: 0;  margin-bottom: 1em; }
body#layout #header,body#layout #footer,
body#layout #main {  padding: 0; }
body#layout #content-wrapper {  margin: 0px; }
#navbar-iframe {  height:0px;  visibility:hidden;  display:none  } 

]]></b:skin>
  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
 <div id='center'>
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Libro Antiguo (Header)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "REPLACE"'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width. This results in a margin-width's worth of pixels being cropped,
      which is probably better than having them overflow out of the div. 
      -->
      <b:if cond='data:blog.languageDirection == "rtl"'>
        <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: right; "                        + "min-height: " + data:height + "px;"                        + "_height: " + data:height + "px;"                        + "background-repeat: no-repeat; "' id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      <b:else/>
        <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: left; "                        + "min-height: " + data:height + "px;"                        + "_height: " + data:height + "px;"                        + "background-repeat: no-repeat; "' id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      </b:if>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
    </div>

    <div id='content-wrapper'>

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
    </b:if>
      </h3>
    </b:if>

    <div class='post-header-line-1'/>

    <div class='post-body entry-content'>
      <p><data:post.body/></p>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    <div class='post-footer'>
    <p class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span> <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span> <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>

          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span> <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> </p>

      <p class='post-footer-line post-footer-line-2'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span> </p>

      <p class='post-footer-line post-footer-line-3'/>
    </div>
  </div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <span class='delete-comment-icon'> </span>
    </a>
  </span>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h3><data:postCommentMsg/></h3>
    <p><data:blogCommentMessage/></p>
    <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <span class='delete-comment-icon'> </span>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

      <p class='comment-footer'>
        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
      </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
      <b:if cond='data:post.showBacklinks'>
        <b:include data='post' name='backlinks'/>
      </b:if>
    </div>
    </div>
  </div>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

    <b:include data='top' name='status-message'/>

    <data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
      </div>

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == "true"'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

      <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != ""'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'><data:displayname/></dt>

        <b:if cond='data:showlocation == "true"'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
    </b:if>

    <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Text1' locked='false' title='INTRODUCCIÓN' type='Text'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
    <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +      "&amp;dir=close&amp;toggle=" + data:interval.toggleId +      "&amp;toggleopen=" + data:toggleopen'>
        <span class='zippy toggle-open'>▼ </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + "&amp;action=toggle" +        "&amp;dir=open&amp;toggle=" + data:interval.toggleId +        "&amp;toggleopen=" + data:toggleopen'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == "rtl"'>
              ◄
            <b:else/>
              ►
            </b:if>
          </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>
</b:section>
      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'> </div>

    </div> <!-- end content-wrapper -->

<div class='footer section' id='footer'><div id='footer-wrapper'>
  <a href='http://www.blogsmadeinspain.blogspot.com' shape='rect' title='Blogs madeinspain'/>
  </div>
</div>
    </div> <!--end center-->
  </div></div> <!-- end outer-wrapper -->
</body>
</html>


*espero haberlo puesto correctamente

El caso es que me gustaría utilizar esta plantilla, donde va el texto y los widgets y otra imagen como fondo. pero no se!!!
Espero que me puedan ayudar Confuso

Gracias


Última edición por SiGR el 9/4/2011, 10:29 am, editado 1 vez

SiGR
Sed simpáticos soy un nuevo miembro ;)

España Femenino
Edad: 23
Mensajes: 4
Inscripción: 06/04/2011

Chrome
Ninguna

http://Juegosconlaluna@espanolblog.net

Volver arriba Ir abajo

En curso Re: utilizar plantilla hecha para fondo

Mensaje por SiGR el 7/4/2011, 4:09 am

ufff....creo que me lié demasiado Silbar ....

si alguien me puede ayudar genial, si no no se preocupen....
Tranquilidad

SiGR
Sed simpáticos soy un nuevo miembro ;)

España Femenino
Edad: 23
Mensajes: 4
Inscripción: 06/04/2011

Chrome
Ninguna

http://Juegosconlaluna@espanolblog.net

Volver arriba Ir abajo

En curso Re: utilizar plantilla hecha para fondo

Mensaje por Cody! el 9/4/2011, 12:11 am

Hola ,

Con el fin de facilitar las búsquedas a los usuarios, Por favor lee las normas, debes poner un título claro a tu duda. El título debe ser :

    - Explícito (que explique brevemente el problema),
    - No usando MAYÚSCULAS,
    - No usando frases o palabras generalizadas como : "ayuda" ; "problema" ; "necesito ayuda" ; "tengo un problema"...

Titulo Actual: Problema con diseño de blog

Nos vemos en HazBlog Bueno

Cody!
+ Híperactivo +

México Masculino
Edad: 16
Mensajes: 870
Inscripción: 30/01/2010

Chrome

Volver arriba Ir abajo

En curso Re: utilizar plantilla hecha para fondo

Mensaje por Chrisple el 6/5/2011, 2:38 pm

Hola,

Sin respuestas después de 7 días, consideramos el tema resuelto o abandonado. La proxima vez gracias por contestarnos o hacer un UP despues de 24h00.

Este tema está Tópicos Cerrados, gracias por abrir otro nuevo al seguir las normas del foro

Nos vemos en HazBlog Bueno





¡Bienvenido Invitado!
Antes de abrir un tema, lee los siguientes puntos:
<Normas Generales del Foro.>
<Staff de Foro de los Blogs.>
<Acuerdo de Legalidad>
<Pérdida de Contraseña>
NO se da soporte por MP.

Chrisple
Adminblog
Adminblog

México Masculino
Mensajes: 223
Inscripción: 02/02/2009

Safari

http://manzanapodrida.co.cc

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

Permiso de este foro:
No puedes responder a temas en este foro.