Para el blog https://rockenweb.blogcindario.com/ necesito el siguiente "tuneo":

1) Donde está escrito "METAL VIDEOS ROCK'NWEB" (que corresponde a la Página principal del blog), necesito: a) Agrandar al 100% las letras dentro del cuadrado; b) Que queden centradas; c) Que se permita también la escritura de minúsculas y d) Cambiar el estilo de la letra.

2) Cuando creé el blog, tenía un monitor más pequeño (15"). Ahora que tengo uno más grande, se aprecian dos espacios de 9cm. c/u a ambos lados del cuerpo del blog. Necesito: a) Cambiar a color negro ese espacio y b) Cómo lo tendría que hacer, a modo de alternativa,  para poner una imagen grande de fondo y que sobre ella vaya lo del blog.

Amigos, muchas gracias a quien me pueda dar una mano.

Saludos.

has de editar la plantilla, y trabajar sobre la hoja de estilos....... ¿sabes manejarte en html?

sobre lo segundo existen preguntas respondidas con el tema de poner un fondo imagen a un blog, pero ya te advierto que tambien es editando la plantilla

Si, la he editado solo para poner la foto del encabezado y poner el "Live Traffic Feed" (Feedjit) y el "FlagCounter", pero nada más. Trabajar con HTML no tengo idea. Tendría que copiar lo que me digan y ponerlo en la plantilla. Cuidadósamente podría hacerlo. Ya sabes, quien no se arriesga no cruza el río.

ok..... eres pruedente.

Tu hoja de estilos esta en esta direccion

https://plantillas.blogcindario.com/jeansnegro/style.css

copia el codigo fuente al bloque donde pone hoja de estilos.

Luego en la plantilla, has de modificar esta linea:

debes cambiar lo negrita, por la direccion de tu blog, es decir   https://rockenweb.blogcindario.com/

De ese modo, la hoja de estilos la tomara de donde la has pegado, y no del alojamiento en donde esta la plantilla de la hoja de estilos (CSS) que hasta ahora ha estado utilizando.

Una vez hecho esto, aparentemente no ha cambiado nada, pero ahora modificando la hoja de estilos, cambiaras la configuracion de las letras, tipo, etc, etc..... habras de ir probando y ajustando.

Si te atrancas, .... comentanos

Bienvenido al club de los atrevidos con el mundo de los codigos...

¡Gracias amigo mío,  y a tunear se ha dicho! 

lo dicho si te atrancas, comentalo donde y como.....

no, nadie puede hacerlo por ti, pues es tu cuenta.

El codigo fuente es el lenguaje html o el que sea (hay varios) con el que estan hechas las paginas web, plantillas, etc.

El codigo fuente de la hoja de estilos si has entrado en el enlace que puse arriba veras que es esto mismo que reproduzco aqui bajo:

/* =-=-=-=-=-=-=-=-=-[Theme Name: Human Condition]-=-=-=-=-=-=-=-=-= */
/* =-=-=-=-=-=-=-=-=-[Designed for Alexking Wordpress Competition - 30/01/04 - Ian Main - www.e-lusion.com]-=-=-=-=-=-=-=-=-= */

/* =-=-=-=-=-=-=-=-=-[Licensing]-=-=-=-=-=-=-=-=-=

1. GPL - Ian Main */ 

/* =-=-=-=-=-=-=-=-=-[Hacks Used]-=-=-=-=-=-=-=-=-= 

1. BMH - #content */

body, html {
 margin: 0px;
 padding:0px;
 font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
 text-align: center;
 background: #4D5252;
 }

div.hipercontainer
{
width: 767px;
background: #4D5252 url(bg.gif) repeat-y center;
margin:auto;
}

img{
 border:0px;
}

a {
 color: #F5E103;
 text-decoration: none;
 page-break-after: always;
 }

a:hover, a:active {
 color: #F5E103;
 page-break-after: always;
 text-decoration: underline;
 }

#rap { 
 margin-left: auto;
 margin-right: auto;
 width: 749px;
 background:url(bg.gif) repeat-y center;
 } 

#header {
 background: url(header.gif) no-repeat;
 height: 154px;
 width: 747px;
 margin: 0 auto;
 text-align: left;
 }

#header a {
 text-decoration: none;
 font-size: .8em;
 position: relative;
 top: 95px;
 left: 10px;
 font-family: verdana, arial, helvetica, geneva, sans-serif;
 text-transform: uppercase;
 color: #ffffff;
 }


#header a:hover {
 color: #ffffff;
 }


#content {
 text-align: left; 
 padding: 10px;
 float: left;

 width: 540px;
 }

.post {
 width: 540px;
 }

h2 {
 width: 540px;
 font-size: .7em;
 background: url(date.gif) no-repeat;
 height: 23px;
 margin: 0;
 padding-top: 4px;
 padding-left: 5px;
 color: #ffffff;
 }

h3 {
 width: 540px;
 font-size: .9em;
 margin: 5px 0 0 0;
 }

h3 a {
 color: #000;
 }

h3 a:hover, a:active {
 color: #093860;
 }

#commentlist { 
 margin: 0;
 padding: 0;
 }

#commentlist li {
 background: #F3F3F3;
 border: 1px solid #ddd;
 font-size: 1em;
 width: 530px;
 margin-bottom: 20px;
 padding: 0 5px 3px 5px;
 }

ol#commentlist {
 font-size: 1em;
 list-style: none;
 }

#commentlist code {
 font-family: Courier New, Courier, mono, Sans-serif;
 border: 1px dashed #F3A0A0;
 background: #F9E4E4;
 padding: 0 5px 0 5px;
 text-align: left;
 }

#commentlist cite {
 margin: 0;
 padding: 5px;
 font-size: .9em;
 font-style: normal;
 background: #fff;
 }

#commentlist li p {
 width: 530px;
 }


#content p {

 width: 535px;
 }

.storycontent ul { 
 list-style-type: none;
 margin-left: 10px;
 margin-right: 20px;
 padding: 0; 

 }

.storycontent ul li {
 list-style-image: url(https://miarroba.st/blogs/plantillas/jeansazul/bullet.gif);
 margin-left: 20px;
 }

.storycontent ol { 

 margin-left: 10px;
 margin-right: 20px;
 padding: 0; 

 }

.storycontent ol li {

 margin-left: 20px;
 }

.meta {
 font-size: .7em;
 background:#313131;
 margin: 5px 0 0 0;
 padding: 3px;
 width: 535px;
 color: #FFF;
 }

.post-categories {
 display: inline;
 margin: 0;
 padding: 0;

 }

.post-categories li {
 display: inline;
 list-style-type: none;
 padding: 0;
 margin: 0;
 }

.storycontent {
 font-size: 1em;
 border-left: 1px solid #000;
 padding-left: 5px;
 text-align: justify;
 width: 535px;
 margin: 10px 0 0 0;
 font-size: .7em;
 }
.storycontent img{
 border:1px solid #000000;
 padding:3px;
 margin:5px;
 background:#313131;
}

.storycontent a:hover {
 background: transparent;
 } 

.feedback {
 font-size: .7em;
 background: #eee;
 margin: 10px 0 20px 0;
 padding: 3px;
 width: 535px;
 color: #3A3A3A;
 background:#313131
 }

#menu {

 width: 180px;
 margin:0px;
 float: right;
 text-align: left;
 }

#menu ul {
 color: #030;
 font-weight: bold;
 list-style-type: none;
 margin: 0 0 0 0px;
 padding-left: 7px;

 width: 93%;
 }

#menu ul li {
 color: #ffffff;
 font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
 font-weight: bold;
 font-size: .7em;
 margin-top: 15px;
 padding: 5px;
 border: 1px solid #000000; 
 background: #313131;
 }

#menu ul ul {
 font-weight: normal;
 line-height: 100%;
 list-style-type: none;
 margin: 0;
 padding: 0;
 text-align: left;
 }

#menu ul ul li {
 background: none;
 font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
 font-size: 1em;
 font-weight: normal;
 margin-top: 5px;
 padding: 0;
 padding-bottom: 1px;
 border: 0;
 }

#menu input {
 font-family: verdana, arial, helvetica, geneva, sans-serif;
 font-size: .9em;
 font-weight: normal;
 }

.credit {
 clear: both;
 background: url(footer.gif) no-repeat;
 width: 747px;
 height: 26px;
 margin: 0 auto;
 font-size: .6em;
 line-height: 2.4em;
 text-align: center;
 }
.bordebajo{
 width:535px;
 font-size:0px;
 border:0px;
 border-top:solid #313131 1px;
 height:11px;
 margin-top:10px;
}

.center{
 text-align:center
 }


.anadir{
 font-size:.7em;
 font-weight:bolder;
 }

/* =-=-=-=-=-=-=-=-=-[Formatting]-=-=-=-=-=-=-=-=-= */

cite {
 margin: 0;
 padding: 0;
 font-size: .9em;
 font-style: normal;
 }

blockquote {
 border: 1px dashed #7EACD1;
 background: #F2F9FF;
 padding: 5px;
 font-style: italic;
 text-align: left;
 font-size: .7em;
 }

code {
 font-size: 1.2em;
 color: #4C4C4C;
 }

abbr, acronym {
 border-bottom: 3px double #7DAAD0;
 }



textarea {
 border: 3px double #7DAAD0;
 background: #EFF8FF;
 margin: 5px;
 padding-left: 3px;
 color: #3F729E;
 width: 70%;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 }

textarea:hover {
 background: #D2E5F4;
 }

select {
 border: 3px double #7DAAD0;
 background: #EFF8FF;
 margin: 5px;
 padding-left: 3px;
 color: #3F729E;
 font-family: Arial, Helvetica, sans-serif;
 }

#standares{position:relative; text-align:center;}
#standares p{margin-top:0px;margin-bottom:6px;}
/* Buscador */
form.buscador
{
 margin-top:0px;
 padding:0px;
}

ul.buscador
{
 list-style:square;
 padding:0px;
 margin:0px;
 margin-top:8px;
}

ul.buscador li
{
 list-style:none;
 background:none;
 padding-left:0px;
}

ul.buscador li.texto
{
 text-align:left;
 padding-top:0px;
}

ul.buscador li.submit
{
 text-align:left;
}

ul.buscador li.texto input
{

 margin:0px;
 padding:0px;
 padding-bottom:1px;
 padding-top:2px;
 border:1px #F5E103 inset;
 width:154px;
 color:#000000;
 font-size:11px;
 background-color:#959595;
}

ul.buscador li.submit input
{

 margin:0px;
 padding:0px;
 color:#000000;
 width:46px;
 font-size:11px;
 font-weight:bold;
 border:1px #F5E103 outset;
 background-color:#959595;
}

div.contador
{
 margin:0px;
 border:0px;
}

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

div.online
{
 margin:0px;
 border:0px;
}

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

div.online a
{
 color:#EEDB0E;
 text-decoration:none;
}
div.online a:hover
{
 text-decoration:underline;
}

Copias todo esto y vas al panel de admnistracion del blog, le das a editar la plantilla, y te aprecen primero un bloque en lenguaje html de la plantilla del blog, y terminado este, hay otro recuadro que pone Hoja de estilos o CSS, y este estara vacio. Ahi pegas el codigo que te acabo de poner. Ese es el codigo de la hoja de estilos, donde luego modificaras tipo de letra, margenes, etc.

Una vez hecho eso, en el bloque anterior has de modificar lo que te comentaba en el anterior mensaje, es decir esto:

<!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="es-cl" lang="es-cl">
<head>
 <title>†† Metal Videos Rock'nweb ††</title>
<base href="https://rockenweb.blogcindario.com/" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="last-modified" content="Wed, 19 Aug 2009 16:11:55 GMT" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://xmlrpc.miarroba.com/blogs/rsd.php?id=69789" />

<script type="text/javascript" src="http://blogs.miarroba.com/toolbar.php?bid=69789" ></script>


 <link rel="stylesheet" title="default" type="text/css" media="screen" href="" />

Modificalo tal y como te he dicho antes,....

y entonces guarda.

aparentemente no ha cambiado nada, pero ahora modificando la hoja de estilos, ya cambias letras, margenes, tamaños...etc.