Foros del Web » Creando para Internet » HTML »

codigo html de mi blog

Estas en el tema de codigo html de mi blog en el foro de HTML en Foros del Web. hola, acabo de malograr el codigo html de mi blog porfa quisiera que me ayuden como puedo arreglarlo http://detodountodo-parati.blogspot.com/ mi intencion era que el blog ...
  #1 (permalink)  
Antiguo 12/12/2010, 13:15
Avatar de The_Best_666  
Fecha de Ingreso: diciembre-2008
Ubicación: Peru
Mensajes: 6
Antigüedad: 9 años
Puntos: 0
Pregunta codigo html de mi blog

hola, acabo de malograr el codigo html de mi blog
porfa quisiera que me ayuden como puedo arreglarlo
http://detodountodo-parati.blogspot.com/
mi intencion era que el blog no tenga esos espacios predeterminados en los costados, eso ya lo amplie, pero se me malogro el resto, es decir el texto se distorsionó y ahora no se como repararlo .. la cabecera es muy grande, como lo reduzco? ..
porfa ayudaaaaaaaaa

aqui esta el codigo html:

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
background: #1000 url(http://www.blogblog.com/moto_son/outerwrap.gif) top center repeat-y;
font-size: small;
}

img {
border: 0;
display: block;
}

.clear {
clear: both;
}
/* Wrapper */

#outer-wrapper {
margin: 0 auto;
border: 0;
width: 1024px;
text-align: $startSide;
background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top $endSide repeat-y;
font: $bodyFont;
}

/* Header */

#header-wrapper {
background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom $startSide repeat-x;
margin: 0 auto;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: 15px;
padding-$startSide: 0;
border: 0;
}

#header h1 {
text-align: $startSide;
font-size: 200%;
color: $pageHeaderColor;
margin: 0;
padding-top: 15px;
padding-$endSide: 20px;
padding-bottom: 0;
padding-$startSide: 20px;
background-image: url(http://www.blogblog.com/moto_son/topper.gif);
background-repeat: repeat-x;
background-position: top $startSide;
}

h1 a, h1 a:link, h1 a:visited {
color: $pageHeaderColor;
}

#header .description {
font-size: 110%;
text-align: $startSide;
padding-top: 3px;
padding-$endSide: 20px;
padding-bottom: 10px;
padding-$startSide: 23px;
margin: 0;
line-height:140%;
color: $blogDescriptionColor;
}


/* Inner layout */

#content-wrapper {
padding: 0 16px;
}

#main {
width: 800px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar {
width: 224px;
float: $endSide;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* Bottom layout */

#footer {
clear: $startSide;
margin: 0;
padding: 0 20px;
border: 0;
text-align: $startSide;
border-top: 1px solid #f9f9f9;
}

#footer .widget {
text-align: $startSide;
margin: 0;
padding: 10px 0;
background-color: transparent;
}

/* Default links */

a:link, a:visited {
font-weight: bold;
text-decoration: none;
color: $linkColor;
background: transparent;
}

a:hover {
font-weight: bold;
text-decoration: underline;
color: $hoverLinkColor;
background: transparent;
}

a:active {
font-weight : bold;
text-decoration : none;
color: $hoverLinkColor;
background: transparent;
}

/* Typography */

.main p, .sidebar p, .post-body {
line-height: 100%;
margin-top: 5px;
margin-bottom: 1em;
}

.post-body blockquote {
line-height:1.3em;
}

h2, h3, h4, h5 {
margin: 0;
padding: 0;
}

h2 {
font-size: 130%;
}

h2.date-header {
color: $dateHeaderColor;
}

.post h3 {
margin-top: 5px;
font-size: 120%;
}

.post-footer {
font-style: italic;
}

.sidebar h2 {
color: $sidebarHeaderColor;
}

.sidebar .widget {
margin-top: 12px;
margin-$endSide: 0;
margin-bottom: 13px;
margin-$startSide: 0;
padding: 0;
}

.main .widget {
margin-top: 12px;
margin-$endSide: 0;
margin-bottom: 0;
margin-$startSide: 0;
}

li {
line-height: 160%;
}

.sidebar ul {
margin-$startSide: 0;
margin-top: 0;
padding-$startSide: 0;
}

.sidebar ul li {
list-style: disc url(http://www.blogblog.com/moto_son/diamond.gif) inside;
vertical-align: top;
padding: 0;
margin: 0;
}

.widget-content {
margin-top: 0.5em;
}


/* Profile
----------------------------------------------- */

.profile-datablock {
margin-top: 3px;
margin-$endSide: 0;
margin-bottom: 5px;
margin-$startSide: 0;
line-height: 140%;
}
.profile-textblock {
margin-$startSide: 0;
}

.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border:4px solid #8b2;

}



#comments {
border: 0;
border-top: 1px dashed #eed;
margin-top: 10px;
margin-$endSide: 0;
margin-bottom: 0;
margin-$startSide: 0;
padding: 0;
}

#comments h4 {
margin-top: 10px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
letter-spacing: 1px;
}

#comments dl dt {
font-weight: bold;
font-style: italic;
margin-top: 35px;
padding-top: 1px;
padding-$endSide: 0;
padding-bottom: 0;
padding-$startSide: 18px;
background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top $startSide no-repeat;
}

#comments dl dd {
padding: 0;
margin: 0;
}

.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

/** Page structure tweaks for layout editor wireframe */

body#layout #outer-wrapper {
padding-top: 0;
}
body#layout #header,
body#layout #content-wrapper,
body#layout #footer {
padding: 0;
}
]]></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='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='De Todo un Todo para ti (cabecera)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
<b:widget id='HTML1' locked='false' title='¿Que hora es?' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='VideoBar1' locked='false' title='Zona Music ... Éxitos del Momento' type='VideoBar'/>
<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
</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 id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='HTML2' locked='false' title='Total Visitantes:' type='HTML'/>
</b:section>
</div>

</div></div> <!-- end outer-wrapper -->
</body>
</html>
  #2 (permalink)  
Antiguo 12/12/2010, 13:21
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: codigo html de mi blog

pasanos el link de tu sitio.

que ver este codigo, hace que duela la cabeza
  #3 (permalink)  
Antiguo 12/12/2010, 13:29
Avatar de The_Best_666  
Fecha de Ingreso: diciembre-2008
Ubicación: Peru
Mensajes: 6
Antigüedad: 9 años
Puntos: 0
Respuesta: codigo html de mi blog

ahi está:
http://detodountodo-parati.blogspot.com/
tenia una cabecera de imagen .. pero no se como hacerla para cumpla los margenes, pues cuando la pongo se expande demasiado y no queda bien ...
ademas no se como cambiar el color de la barra blanca de la derecha
en fin ...
  #4 (permalink)  
Antiguo 12/12/2010, 14:21
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: codigo html de mi blog

Yo no veo ningun desajuste.
Será por que no se como era tu blog antes de que le modificaras el codigo.??
Creo que eso es.


Ahora, lo unico que veo medio desacomodado es una imagenue dice DEL TODO EL TODO UN blog PARA TI.

Esa esta alineada a la izquierda.

Pero ahora te pregunto, ¿quieres que abarque todo el ancho del contenedor?, o ¿con el tamaño que ahora tiene, solamente quede en el centro?.

Saludos

P.D: existe algo que se llama Back Up, o Respaldo.
Para cuando haras una modificacion, guarda una copia del archivo original por si algo sale mal, volverle a meter el mismo.

pero ya demasiado, tarde, para la otra será

Etiquetas: blog
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:31.