Noticias
Nuevos mensajes
Buscar
Usuarios
Fisgona
Comunidades
Hosting
Otros servicios
Webmasters
Avatar Image
Usuario Novato
Usuario Novato
#1•

Vamos a ver como podria ponerle esta imagen de fondo a todo el blog:



Teniendo en cuenta que el codigo que tiene actualmente es este:

Codigo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<@CodIdioma@>" lang="<@CodIdioma@>">
<head><@MetaDatosBlog@>
<style type="text/css">
body
{
background:#000033;
margin:0px;
font-family:helvetica,verdana,serif;
font-size:10px;
}

a
{
color:#C06E3D;
text-decoration:none;
border:0px;
}

a:hover
{
/* color:#D5713F; */
color:#0000FF;
}

/*Todos el blog va aqui dentro*/
#hipercontenedor
{
position:absolute;
width:780px;
left:0px;

padding:0px;
border:1px solid #CCCCCC;
}

/*Imagen de la cabecera y titulo*/
#cabecera
{
width:780px;
height:250px;
border:0px none;
left: 100px;
font-weight: bold;
color: #FFFFFF;
}

#cabecera h1
{
margin:0px;
padding:0px;
padding-left:20px;
padding-top:210px;
font-weight:bolder;
font-size:26px;
}

/*En este div van los contenidos y el menu*/
#contenedor
{
border-left:0px none; border-right:0px none; border-bottom:0px none; width:780px;
margin:0px;
padding:0px;
border-top:1px solid #613725
}

/*Contenidos y Comentarios*/
#contenidos
{
width:600px;
margin:0px;
margin-bottom:10px;
padding:0px;
border:0px;
float:left;
}

/*Este div tiene el borde externo y el fondo comun*/
#contenidos div.borde
{
width:560px;
margin:auto;
margin-top:10px;
padding:0px;
background:#000066;
color:#CCCCCC;
border-top: 1px solid #FFFFFF;
border-right: 1px solid;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid;
}

/*Fecha del topic*/
#contenidos div.borde div.fecha
{
width:560px;
background:#000000 url('date.jpg') no-repeat left center;
margin:0px;
padding:0px;
color:#FFFFFF;
font-weight: bold;
}
#contenidos div.borde div.fecha p
{
margin:0px;
padding:3px;
padding-left:85px;
font-size:12px;
}

/*titulo del topic*/
#contenidos div.borde div.titulo
{
width:560px;
margin:0px;
padding:0px
}

#contenidos div.borde div.titulo p
{
margin:0px;
padding-left:85px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
font-size:12px;
font-weight:bold;
}
/*Fin del titulo del topic*/

/*Autor del topic y hora de posteo*/
#contenidos div.borde div.publicado
{
width:560px;
margin:0px;
padding:0px;
border-top:1px solid #000000;
}

#contenidos div.borde div.publicado p
{
margin:0px;
width:283px;
padding-left:32px;
font-size:11px;
background:#000000 url(%27detalle.gif%27) no-repeat left top;
float:right; padding-right:1px; padding-top:1px; padding-bottom:1px
}

#contenidos div.borde div.publicado p br
{
clear:both;
}
/*Fin Autor del topic y hora de posteo*/

/*Texto del topic*/
#contenidos div.borde div.texto
{
width:540px;
margin:auto;
margin-top:14px;
margin-bottom:20px;
}

#contenidos div.borde div.texto img
{
border:1px solid #613725;
margin:6px;
background:#000000;
padding:4px;
}
/*Fin Texto del topic*/

/*pie del topic*/
#contenidos div.borde div.pie
{
width:560px;
margin:0px;
padding:0px
}

#contenidos div.borde div.pie p
{
margin:0px;
padding:3px;
padding-left:85px;
font-size:12px;
color: #CCCCCC;
}
/*fin pie del topic*/

/*comentarios*/

/*hacer comentario*/
#contenidos div.borde div.makecom
{
width:560px;
margin:0px;
padding:0px
}
#contenidos div.borde div.makecom p
{
margin:0px;
padding-left:85px;
padding-right:10px;
font-size:12px;
font-weight:bold;
color: #999999;
}

/*Título*/
#contenidos div.borde div.comentarios
{
width:560px;
margin:0px;
padding:0px;
color:#999999}
#contenidos div.borde div.comentarios p
{
margin:0px;
padding:3px;
padding-left:85px;
font-size:11px;
}

#contenidos div.borde div.publicado p.fecha
{
margin:0px;
width:210px;
padding:1px;
padding-left:12px;
font-size:11px;
float:left;
background:none;
}

/*Menu del blog*/
#menu
{
width:180px;
margin:0px;
margin-bottom:10px;
padding:0px;
border:0px;
float:right;
}

#menu div.bloquemenu
{
width:180px;
margin:0px;
margin-top:10px;
padding:0px;
padding-top:4px;
padding-bottom:4px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #CCCCCC;
background:#000000;
border-right: 0px;
border-left: 0px;
}

#menu div.bloquemenu div.titulo
{
width:170px;
margin:auto;
margin-top:0px;
color:#FFFFFF;
font-size:12px;
}

#menu div.bloquemenu div.titulo p
{
margin:0px;
padding:0px;
border:0px;
}

#menu div.bloquemenu div.dentro
{
width:170px;
margin:auto;
border:1px solid #FFFFFF;
background:#000066;
}

#menu div.bloquemenu div.dentro ul.listados
{
margin:0px;
margin-top:4px;
margin-bottom:4px;
padding:0px;
list-style:none;
}

#menu div.bloquemenu div.dentro ul.listados li
{
width:148px;
margin-bottom:2px;
font-size:11px;
padding-left:14px; list-style-type:none; margin-left:auto; margin-right:auto; margin-top:auto; padding-right:0px; padding-top:0px; padding-bottom:0px
}

/*Pie del blog*/
#pie
{
border-left:0px none; border-right:0px none; border-bottom:0px none; clear:both;
height:20px;
padding:0px;
margin:0px;
border-top:1px solid #613725
}

/* Imagenes de los estandares */
#standares
{
margin:6px;
}

#standares p
{
margin:0px;margin-bottom:6px;text-align:center
}

#standares .imagenes
{
border:0px
}
/* Texto e imagen para el acerca de */
div.acercade
{
position:relative;
width:92%;
margin:auto;
margin-top:6px;
text-align:center;
color:#CCCCCC;
}

div.acercade p
{
text-align:left;
}

div.acercade img
{
border:3px #905437 solid;
width:100px;
height:100px;
}

/* Buscador */

ul.buscador
{
list-style:none;
padding:0px;
margin:6px;
}

form.buscador
{
margin:0px;
padding:0px;
}

ul.buscador li
{
display:inline;
}

ul.buscador li.texto
{
padding:0px;
margin:0px;
}

ul.buscador li.submit
{
padding:0px;
margin:0px;
}

ul.buscador li.texto input
{
padding:0px;
padding-top:2px;
padding-bottom:1px;
margin:0px;
border:1px #905437 solid;
width:130px;
color:#CCCCCC;
font-size:11px;
background:#000000;
}

ul.buscador li.submit input
{
padding:0px;
margin:0px;
width:22px;
color:#905437;
font-size:11px;
font-weight:bolder;
border:1px #905437 solid;
background:#000000;
cursor:pointer;
}

div.contador
{
margin:0px;
border:0px;
margin-bottom:4px;
}

div.contador p
{
text-align:center;
margin:0px;
border:0px;
}

div.contador p img
{
margin:0px;
border:0px;
padding:0px;
}

div.online
{
margin:0px;
border:0px;
margin-bottom:4px;
}

div.online p
{
text-align:center;
margin:0px;
border:0px;
color:#ffffff;
}

div.online p img
{
margin:0px;
border:0px;
padding:0px;
}

div.online a
{
color:#0033FF;
text-decoration:none;
}
div.online a:hover
{
text-decoration:underline;
}
</style>
</head>
<body>

<div id="hipercontenedor">
<div id="cabecera" style="width: 600; height: 1298">
<h5 align="center">
<a href="<@UrlBlog@>" title="Página principal de <@TituloBlog@>">
<img border="0" src="https://nocturnalillusions.blogcindario.com/ficheros/nocturnal.JPG" width="512" height="187"><br>
<@TituloBlog@> </a></h5>
<ContenidoBlog>
<div id="contenidos">
<BloqueArticulos>
<BloqueArticuloFecha>
<div class="borde">
<div class="fecha">
<p><@ArticuloFecha@></p>
</div>
</div>
</BloqueArticuloFecha>

<!--articulo-->
<div class="borde">
<!--titulo de cada topic-->
<div class="titulo">
<p>
<a href="<@ArticuloEnlace@>"><@ArticuloTitulo@></a>
</p>
</div>
<!--autor del topic y hora-->
<div class="publicado">
<p align="left">Publicado por <@ArticuloAutor@> @ <a href="<@ArticuloEnlace@>"><@ArticuloHora@></a></p>
<br />
</div>
<!--texto del topic-->
<div class="texto"><@ArticuloTexto@></div>
<!--pie del post-->
<div class="pie">

<p class="pie"> <BloqueNumComentarios> <a href="<@ArticuloEnlaceComentarios@>"><@ArticuloNumComentarios@>
Comentarios</a> </BloqueNumComentarios> <BloqueArticuloEnviar> | <a href="<@ArticuloEnviar@>">Enviar</a>
</BloqueArticuloEnviar> </p>
</div>
</div>
</BloqueArticulos>
<!--fin articulo-->

<!--comentario-->
<!--titulo comentarios-->
<BloqueComentarios>
<div class="borde">
<div class="makecom">
<p>
<@ComentariosAncla@><a href="<@ComentariosEnlaceNuevo@>" class="comentario">Añadir comentario</a>
</p>
</div>
</div>
<!--articulo-->
<div class="borde">
<!--titulo de cada topic-->
<div class="comentarios">
<p>COMENTARIOS</p>
</div>
<Comentarios>
<!--autor del comentario y hora-->
<div class="publicado">
<p class="fecha"><@ComentarioFecha@></p>
<p>Publicado por <@ComentarioAutor@> @ <@ComentarioHora@></p>
<br />
</div>
<!--texto del topic-->
<div class="texto"><@ComentarioTexto@></div>
</Comentarios>
</div>
<!--fin comentarios-->
</BloqueComentarios>
</div>
</ContenidoBlog>
<!--Fin Articulos - Comentarios-->
<!--Menu-->
<MenuBlog>
<div id="menu">

<!-- ACERCA DE -->
<BloqueAcercade>
<div class="bloquemenu">
<div class="titulo">
<p class="1">Acerca de...</p>
</div>
<div class="dentro">

<div class="acercade"> <a href="<@AcercadeUrlAdmin@>"><img src="<@AcercadeImagenAdmin@>" alt="Ver perfil público del propietario del blog" title="Ver perfil público del propietario del blog" /></a>
<p><@AcercadeTexto@></p>
</div>
</div>
</div>
</BloqueAcercade>
<!-- FIN ACERCA DE -->

<!-- PARTICIPANTES -->
<BloqueParticipantes>
<div class="bloquemenu">
<div class="titulo">
<p class="2">Participantes</p>
</div>
<div class="dentro">
<ul class="listados">
<Participantes>
<li><a href="<@ParticipanteUrl@>"><@ParticipanteNombre@></a></li>
</Participantes>
</ul>
</div>
</div>
</BloqueParticipantes>
<!-- FIN PARTICIPANTES -->

<!-- BUSCADOR -->
<BloqueBuscador>
<div class="bloquemenu">
<div class="titulo">
<p class="3">Buscador</p>
</div>
<div class="dentro">
<form action="<@UrlBuscadorBlog@>" class="buscador" method="post">
<ul class="buscador">
<li class="texto">
<input type="text" name="texto" maxlength="50" size="20" /></li>
<li class="submit"><input type="submit" name="buscar" value=">>" /></li>
</ul>
</form>
</div>
</div>
</BloqueBuscador>
<!-- FIN BUSCADOR -->

<!-- ARTICULOS ANTERIORES -->
<BloqueArticulosAnt>
<div class="bloquemenu">
<div class="titulo">
<p class="4">Articulos Anteriores</p>
</div>
<div class="dentro">
<ul class="listados">
<ArticulosAnt>
<li><a href="<@ArticuloAntUrl@>"><@ArticuloAntTitulo@></a></li>
</ArticulosAnt>
</ul>
</div>
</div>
</BloqueArticulosAnt>
<!-- FIN ARTICULOS ANTERIORES -->

<!-- ARCHIVO -->
<BloqueArchivos>
<div class="bloquemenu">
<div class="titulo">
<p class="5">Archivo</p>
</div>
<div class="dentro">
<ul class="listados">
<Archivos>
<li><a href="<@ArchivoUrl@>"><@ArchivoTitulo@></a></li>
</Archivos>
</ul>
</div>
</div>
</BloqueArchivos>
<!-- FIN ARCHIVO -->

<!-- FIN ENLACES -->
<BloqueEnlaces>
<div class="bloquemenu">
<div class="titulo">
<p class="6">Enlaces</p>
</div>
<div class="dentro">
<ul class="listados">
<Enlaces>
<li><a href="<@EnlaceUrl@>"><@EnlaceDescripcion@></a></li>
</Enlaces>
</ul>
</div>
</div>
</BloqueEnlaces>
<!-- FIN ENLACES -->

<!-- SINDICACION -->
<BloqueSindicacion>
<div class="bloquemenu">
<div class="titulo">
<p class="7">Sindicación</p>
</div>
<div class="dentro">
<ul class="listados">
<Sindicacion>
<li><a href="<@SindicacionUrl@>"><@SindicacionTitulo@></a></li>
</Sindicacion>
</ul>
</div>
</div>
</BloqueSindicacion>
<!--FIN SINDICACION -->

<!-- TAGBOARD -->
<BloqueTagboard>
<div class="bloquemenu">
<div class="titulo">
<p class="8">Tagboard</p>
</div>
<div class="dentro"><@CodigoTagboard@></div>
</div>
</BloqueTagboard>
<!-- FIN TAGBOARD -->

<!--Iconos de los standares-->
<div class="bloquemenu">
<div class="dentro">
<div id="standares">
<p>
<a href="http://blogs.miarroba.com"><img src="https://miarroba.st/blogs/miarrobablogs.gif" title="Servicio cortesia de miarroba.com" alt="Servicio cortesia de miarroba.com" height="15" width="80" class="imagenes"/></a>
</p>

<p>
<a href="http://validator.w3.org/check?uri=referer" class="imagen"><img src="https://miarroba.st/blogs/xhtml10valid.gif" alt="Valid XHTML 1.0!" height="15" width="80" class="imagenes" /></a>
</p>

<p>
<a href="http://jigsaw.w3.org/css-validator/" class="imagen">
<img style="border:0px none;width:80px;height:15px" src="https://miarroba.st/blogs/cssvalid.gif" alt="Valid CSS!" class="imagenes" /></a>
</p>

<p>
<img src="https://miarroba.st/blogs/csstableless.gif" alt="CSS - Tableless" height="15" width="80" />
</p>

</div>
<!--fin Iconos de los standares-->

<BloqueContador>
<div class="contador"><p><@CodigoContador@></p></div>
</BloqueContador>

<BloqueOnline>
<div class="online"><p><@CodigoOnline@></p></div>
</BloqueOnline>
</div>
</div>
<!--Fin Iconos de los standares-->

</div>
<!--Fin Menu-->
</MenuBlog>
<!--Pie del blog-->
<div id="pie"></div>
</div>
<!--Fin Contenidos del Blog-->
</div>
</body>
</html>
Avatar Image
Machacateclados
Machacateclados
#2•

Edita Ese Post!!!


Este Seria El Codio COn Esa Imagen De Fondo :::

Codigo:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<@CodIdioma@>" lang="<@CodIdioma@>">

<head><@MetaDatosBlog@>

<style type="text/css">

body

{

background:url("https://nocturnalillusions.blogcindario.com/ficheros/Dibujore.JPG&quotGiño;

margin:0px;

font-family:helvetica,verdana,serif;

font-size:10px;

}
...............

El resto Es Igual...
_____________________________________

PD: Gracias Por utilizar Mi Plantilla Para Tu Blog... Aunque La Modifices,
Me Siento Mejor Al Saber Que Si La usan y Que nO Perdi El Tiempo Haciendola.

Saluos
Avatar Image
Usuario Novato
Usuario Novato
#3•

Bueno ciertamente no dije en ningun momento que fuese mia aunque tampoco dije que la he cogido de la seccion plantillas publicas

Aun asi reconozco mi error por no haber dicho que era tuya y te pido disculpas

Avatar Image
Machacateclados
Machacateclados
#4•

Yo No te Estaba Reprochando nada....

Solo te Agradecia....

Y Despues De Todo El Tiempo Que Gaste En Esa Plantilla....
Es Imposible Que No la ReconozcaGiño

AnteriorSiguienteArriba
Responder
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares