Tuneo del Blog - Blogs Plantillas

RE: Tuneo del Blog

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

Antes de preguntar, utiliza el buscador, o busca en los mensajes con chincheta los tutoriales.

PaseanteDelForo
Moderador

Usuario PRO
Mensajes: 3.804
Desde: 10/May/2006

Perfil ·

Privado ·

Desconectado ·

Web

19/Ago/2009 23:54 GMT+1

#4 · ▲

RE: Tuneo del Blog

ok..... eres pruedente.

Tu hoja de estilos esta en esta direccion

http://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:

Cita:

<!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="http://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="http://plantillas.blogcindario.com/jeansnegro/style.css" />

debes cambiar lo negrita, por la direccion de tu blog, es decir http://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...

Antes de preguntar, utiliza el buscador, o busca en los mensajes con chincheta los tutoriales.

Editado por PaseanteDelForo, Jueves, 20 de Agosto de 2009, 14:47

PaseanteDelForo
Moderador

Usuario PRO
Mensajes: 3.804
Desde: 10/May/2006

Perfil ·

Privado ·

Desconectado ·

Web

20/Ago/2009 14:43 GMT+1

#6 · ▲

RE: Tuneo del Blog

Escrito originalmente por 54derock

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

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

Antes de preguntar, utiliza el buscador, o busca en los mensajes con chincheta los tutoriales.

PaseanteDelForo
Moderador

Usuario PRO
Mensajes: 3.804
Desde: 10/May/2006

Perfil ·

Privado ·

Desconectado ·

Web

20/Ago/2009 19:27 GMT+1

#8 · ▲

RE: Tuneo del Blog

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:

Código:

/* =-=-=-=-=-=-=-=-=-[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(http://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:

Código:

<!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="http://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.

Antes de preguntar, utiliza el buscador, o busca en los mensajes con chincheta los tutoriales.

PaseanteDelForo
Moderador

Usuario PRO
Mensajes: 3.804
Desde: 10/May/2006

Perfil ·

Privado ·

Desconectado ·

Web

24/Ago/2009 14:58 GMT+1