logotipo

img_google
Codigo fuente
Memorias de mi aprendizaje con los códigos.
Acerca de
Sindicación
+ WEB CODIGO FUENTE +
 
CSS: Necesito un editor de CSS
Claro! tanto hablar de los CSS y no me he parado a pensar si alguien no tiene un editor... Vamos ha hablar de unos cuantos.

En primer lugar, tenemos a Dreamweaver MX (no se si las versiones antiguas tmb llevan esta opción...) Podemos descargar una versión de prueba (dura 30 dias) desde la página de
+ Macromedia +.
Licencia: Shareware (usease que caduca, aunque tienes la opción de comprarlo).
Plataforma: Windows® 98 SE, Windows 2000, Windows XP, o Windows Server™ 2003
Idioma: Castellano.

Otro programa muy bueno es "TopStyle Lite 3.10". Este sólo está dedicado a la creacion y retoque de hojas de estilo (CSS).
Descargar desde: + Softonic +
Licencia: Freeware (usease, completamente gratuito)
Plataformas: Todos los windows.
Idioma: Inglés.

Y por último coloco a "Cascade" Este también está completamente dedicado a las hojas de estilo.
Descargar desde: + Softonic +
Licencia: Freeware.
Plataformas: Win95/98/NT/2000/ME
Idioma: Inglés.

Aunque sean en inglés son bastante fáciles de utilizar.
Saludos!!!

 
BLOG: Marquesinas o textos desplazables
Hoy vamos a colocar una marquesina o texto desplazable en nuestro blog.
Veamos el codigo:





</blog:rss>

</div>

<div class="content">

<marquee bgcolor="#191D43" width="100%" scrolldelay="125">

<b>

<font color="#FFFFFF" face="Geneva, Arial, Helvetica, sans-serif" direction="left">+ TRUCOS +<a href="url:http://blogs.ya.com/codigofuente/200411.htm#9" target="_blank">_CAMBIOS EN NUESTRO BLOG: CSS_</a>+ TRUCOS +</font>

</b>

</marquee>

</div>


<div class="content">

<blog:contenido>


ajjajaja Que de colores ^ ^
Bueno, empezaremos por explicar todo esto (xq si no entendemos lo que hacemos no sabremos que tocar):

bgcolor="#191D43" = BGCOLOR es el color de fondo de la marquesina y la numeración es el color que queremos.

width="100%" = Esto es el hacho de esa "Celda" en la que aparecerá el texto. El valor que tiene es 100% de la página o de donde se encuentre (xq si se encuentra en una tabla de 200 pixels, eso será lo que ocupe la marquesina. Para hacernos una idea de tamaños, la imagen del artículo del scroll ocupa 227 pixels de hancho y de largo). Este valor tmb se puede escribir en pixels, para hacerlo sólo hay que quitar el porcentage - width="100" -

scrolldelay="125" = Esto es lo rápido que va el texto. A mayor número, más despacio va apareciendo (Probad a poner 500, vereis que lentitud ;-)

font color="#FFFFFF" = Esto es el color de las letras.
- Página de codigos de colores L&L -

direction="left" = Esta es la direccion a la que se desplazará el texto. LEFT = Izquierda // RIGHT = Derecha

+ TRUCOS + = Este texto no está vinculado. Veamos esto de cerca: - "left">+ TRUCOS + - Este signo tan grandote señala el fin de las definiciones de una orden (en este caso). Lo que quiere cedir que no le hemos dicho que queramos enlazarlo y por eso sale así. Puedes escribir lo que quieras a partir de ese signo, que será lo que salga en la marquesina. Después de "TRUCOS" he querido dar un enlace.

<a href="url:http://blogs.ya.com/codigofuente/200411.htm#9" target="_blank"> = La parte roja es la que ordena que lo que venga después del signo grande será un enlace y dice a qué página llevará ese enlace. A partir de - http:// - podemos colocar la direccion que nos venga en gana.
- target -
Esto dice en que sitio quieres que salga la nueva página. "_blank" es para que salga en una nueva ventana. Si quitamos target, la página se abrirá en la misma ventana que tengamos en pantalla. El codigo seria así: <a href="url:http://blogs.ya.com/codigofuente/200411.htm#9">
Las letras que se coloquen después del signo grande se puede escribir lo que se quiera, será la palabra, letra o frase que hará de enlace.

¿Donde se coloca todo esto?



Primero miramos la tabla y copiaremos TODO lo que está en NEGRITA.
Luego vamos al blog "Configuracion avanzada" / "Editar HTML plantilla"
Y buscamos la parte de la tabla, usease la parte que no está en negrita. Lo pondré aún más fácil:





<blog:atom-enlazado/>

</li>

</ul>

</div>

</div>

</blog:rss>

</div>


AQUI VA NUESTRO CODIGO


<div class="content">

<blog:contenido>

<div class="postbox">

<blog:anotacion-ancla/>



Apretamos en "Validar" y "Guardar"
Listo!!! ^ ^

Saludos!!!
 
BOLG: Cambiar de color la barra scroll
Hoy vamos a cambiar de color nuestra barra scroll :-)
Para ello cuento con una imágen:



Y con el código de mi scroll:



<STYLE TYPE="text/css"><!--

BODY {

scrollbar-arrow-color:#FFFFFF;

scrollbar-track-color:#000000;

scrollbar-shadow-color:#3B4285;

scrollbar-face-color:#191D43;

scrollbar-highlight-color:#FFFFFF;

scrollbar-darkshadow-color:#0F1231;

scrollbar-3dlight-color:#BDBFD2;

}

//--></STYLE>



Para conseguir el color deseado basta con tener un editor gráfico (photoshop por ejemplo) que a la hora de rellenar con un color algo, nos dice su código.
Por ejemplo, el blanco es #FFFFFF y el negro #000000

Para facilitar el trabajo a quienes no tengan editor gráfico voy a dar una página con los códigos de los colores:
+ L & L +

Y despues de esto... donde se coloca este codigo para que se vea el resultado??



  • Entramos en nuestro blog y apretamos en "Configuración avanzada" / "Editar HTML plantilla"
  • Buscamos esta parte:
    </head>

    <body>

    <div class="container">

    Que se encuentra casi al principio de todo del codigo.
  • Colocamos nuestro codigo debajo de donde pone "body"
    EJEMPLO
    </head>

    <body>

    <STYLE TYPE="text/css"><!--

    BODY {

    scrollbar-arrow-color:#FFFFFF;

    scrollbar-track-color:#000000;

    scrollbar-shadow-color:#3B4285;

    scrollbar-face-color:#191D43;

    scrollbar-highlight-color:#FFFFFF;

    scrollbar-darkshadow-color:#0F1231;

    scrollbar-3dlight-color:#BDBFD2;

    }

    //--></STYLE>


    <div class="container">
  • Le damos a "validar" y "guardar".

Ya tenemos nuestra barra scroll personalizada ;-P



Problemas con la barra

Un problema puede ser que al intentar colocar otra cosa en la edicion de la pagina en html, al guardar, desaparezca el stilo de la barra scroll...
Así que esta explicación es para aquellas personas que no quieren comerse la cabeza toqueteando el archivo CSS.

Para los que sí quieren toquetear el CSS:

  • Abrimos el CSS con un editor
  • Copiamos el código.
  • Y lo pegamos debajo de donde pone "BODY".

    EJEMPLO

    BODY {

    FONT-SIZE: 14px;

    BACKGROUND: url(http://blogs.ya.com/codigofuente/files/FF2.jpg) #000000 fixed repeat-y 50% left;

    MARGIN: 0px 0px 10px;

    COLOR: #000000;

    FONT-FAMILY: Trebuchet MS, Verdana, Arial, Sans-serif;

    scrollbar-3dlight-color: #BDBFD2;

    scrollbar-arrow-color: #FFFFFF;

    scrollbar-darkshadow-color: #0F1231;

    scrollbar-face-color: #191D43;

    scrollbar-highlight-color: #FFFFFF;

    scrollbar-shadow-color: #0F1231;

    scrollbar-track-color: #000000;


    }

    A:hover {

    COLOR: white; TEXT-DECORATION: none



Con esto lo que hacemos es guardarlo definitivamente en el CSS, allí estará a salvo de futuras modificaciones en la página, siempre lo leerá el navegador (usease, que siempre lo interpretará nuestro internet explorer o el que tengamos).

Saludos!!


 
BUSCANDO: Hablamos de chats
Hoy hablamos de los chats que podemos encontrar por la red.

Tenemos los típicos; ventana en la que sale lo que se va escribiendo, barrita debajo para escribir, emoticonos o smiles, los nombres de los presentes, varias salas... Mi preferido es el de OZU

Alguien ha jugado alguna vez a los "SIMS" ??
xq tmb los hay de parecidos, es el caso de Habbo Hotel. Eres un monigote que defines fisicamente (el color de piel, la ropa que llevas, el pelo...) y andas por un hotel. Las salas son: la cafeteria del hotel, el jardín, las habitaciones (estas las crean los propios usuarios), los pasillos, la discoteca... con sus muebles y todo lo que haga falta. Llevas un telefono movil con el que puedes comunicarte con tus amigos y mandar mensages (siempre dentro del juego, nunca realmente). Este está bastante divertido :-)

NOTA: Ojo que hay timadores en habbo. Para conseguir cualquier objeto hay que pagar con dinero real, no hagais caso a la gente que vende bonos ni nada de nada.

De este estilo tenemos tmb uno muy simpático, el de Mini juegos. Aquí eres un pingüino. Puedes bailar, tirar bolas de nieve, expresar caritas... Lo más divertido es ir a la discoteca o al campo de futbol. Para llegar allí hay que hacer que el pingüino salga de esa pantalla. Hacia arriba tenemos el campo de futbol. sale una porteria y una pelota que puedes ir chutando.
Para ir a la discoteca es a la derecha de la pantalla. Verás un iglú, pues dentro hay un grupo de pingus tocando. La canción es muy divertida X-D

Otro muy divertido en Boombang. Aquí eres un monigote cabezón (tipo "supernenas") y que no es tan configurable como los de habbo, pero son muy divertidos. Estás en la selva tropical y puedes tirarte pedos y lanzarles cocos a los demás usuarios. Gráficamente parece que estés en una peli de dibujos animados.

NOTA: En este para conseguir acciones, como por ejemplo la de lanzar cocos y muchas otras cosas más, tmb hay que pagar con dinero real. Se hace igual que en habbo; por telefono normal o mensage de movil.


Estos tres últimos chats son más bien para divertirse que para chatear, vale la pena ir ha hecharles un vistazo.

Saludos!

P.D:( Dos más del mismo estilo: Cocke Music (en inglés) y Campus Fanta)

 
CSS: Sintaxis
En las CSS, las reglas se las llama "Estamento" así que toda regla que se aplique en un CSS se le llamará estamento (que manera de complicarse... ).

Hay dos tipos de estamentos (reglas):

  • Reglas:

    • Las reglas (estamentos), identifican un elemento de la página HTML y le dicen al navegador el estilo que tiene. Es decir, que busca el elemento que va a retocar en el documento HTML y a la hora de mostrarlo en nuestro navegador le pega el cambiazo ;-P y nos lo enseña tal y como él lo tiene definido.



Vamos a ver una parte de mi CSS.



BODY {

FONT-SIZE: 13px; BACKGROUND: url(http://direccion de la imagen.jpg) #000000 fixed repeat-x 50% bottom; MARGIN: 0px 0px 10px; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Sans-serif

}



Vamos por partes:
- BODY - = A esta parte del codigo se le llama "selector" porque selecciona que parte del codigo va ha estar retocado por CSS.

- } y { - = Entre estos dos signos se colocan las declaraciones, usease, propiedades para el selector (si tiene algún color, si lleva imagen...).

Cada declaración consta de dos partes:

  • Propiedades -- (font, background,... Son palabras clave que van seguidas del valor que se les quiera dar.

    EJEMPLOS
    - FONT-SIZE: 13px
    - COLOR: #000000
    - BACKGROUND: url(http://direccion
  • Valor -- Son los valores que se les da a las propiedades


Las declaraciones van separadas por - ; - unas de otras

EJEMPLO

MARGIN: 0px 0px 10px; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Sans-serif

El otro tipo de estamento es:

  • Reglas-arroba

    • Estas empiezan con una arroba - @ - y seguido el nombre del selector ( en nuestro ejemplo es el BODY). Las reglas-arroba sirven para decirle al navegador algo más que el estilo que debe mostrar.


Veamos un ejemplo:



@media print {
BODY { font-size: 10pt }
}



Con esto, lo que decimos es como de grande nos imprimiria la fuente. Para tener una refenrencia, 12pt es el tamaño normal en Times New Roman ( que es la fuente predeterminada en el word)
Como podemos ver, no sólo dice que estilo coger a la hora de verlo en pantalla, sino que tambien se puede decidir como imprimirlo

Vamos ahora otro ejemplo:



@import "hoja2.css";



Oh! resulta que tenemos dos formas de escribir las reglas-arroba!
No ;-P según el tipo de regla-arroba se escribe de una manera u otra. En este caso sólo llama a otro CSS para trabajar conjuntamente con el primero y como no lleva propiedades de ningún tipo se señala al archivo y se termina con un punto y coma.
En el otro caso se hace referencia a una parte del CSS primero, y le decimos que sólo el BODY será cambiado cuando se imprima y cómo será imprimida la letra, es por eso que lleva dos llaves ( { } ). Una para indicar un "selector" y la segunda indica; del selector que hemos puesto, qué va a ser cambiado.

No se si esto lo he explicado con claridad....
Seguimos ahora con los comentarios dentro del codigo.
Estos comentarios sirven para anotar cosas (por ejemplo para indicar para que sirve una parte del codigo, para agradecer algo o para lo que se quiera poner.)
Se escribe de la siguiente manera:
/* Hola me llamo Diuska */
Esto se puede poner donde se quiera y no aparecerá en ningun sitio, sólo cuando abramos el CSS en modo edición.



EJEMPLO
BODY {

FONT-SIZE: 13px; BACKGROUND: url(http://direccion de la imagen.jpg)/* Direccion para la imagen de fondo */ #000000 fixed repeat-x 50% bottom; MARGIN: 0px 0px 10px; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Sans-serif

}



Y con todo esto ya hemos acabado de explicar lo básico para poder empezar :-)

 
CSS: ventajas
En esta página www.desarrolloweb.com nos habla un poco sobre lo que se puede hacer con las CSS y que HTML por sí solo no podría hacer. Esto es el resumen:



El modo de fucionamiento de las CSS consiste en definir, mediante una sintaxis especial, la forma de presentación que le aplicaremos a:

  • Un web entero, de modo que se puede definir la forma de todo el web de una sola vez.
    Esto quiere decir que para cambiar por ejemplo el tipo de letra de toooda una web, no hace falta cambiarla hoja por hoja, sino en el CSS una sola vez y listos.
  • Un documento HTML o página, se puede definir la forma, en un pequeño trozo de código en la cabecera, a toda la página.
    Esto quiere decir que no hace falta tampoco crear todo un archivo CSS, en la cabecera de un documento en HTML se puede especificar una serie de estilos que sólo afectarán a esa página, no al resto.
  • Una porción del documento, aplicando estilos visibles en un trozo de la página.
    Esto quiere decir lo mismo que el anterior, pero hablando de sólo una parte del documento. Por ejemplo podríamos definir solamente el texo, o la forma de presentar las tablas...
  • Una etiqueta en concreto, llegando incluso a poder definir varios estilos diferentes para una sola etiqueta. Esto es muy importante ya que ofrece potencia en nuestra programación. Podemos definir, por ejemplo, varios tipos de párrafos: en rojo, en azul, con margenes, sin ellos...

Como bien cuentan en este manual, CSS puede especificar incluso la distancia entre líneas del documento.



Creo que hay suficientes razones para utilizar un CSS ^ ^


 
Nuevo rumbo: CSS
Como veo que esto va pa largo he decidido meterme en los CSS.
Esto no quiere decir que me rindo ante PHP ( ¬¬ mirada asesina ante estas siglas) sino que prefiero prepararme con buen armamento, planear una buena tactica de combate y darle una buena paliza... (se nota q le toy cogiendo asquitos?)

Y dejando de lado PHP (castigado contra la pared, brazos en cruz y enciclopedias en mano) pasaremos a los CSS, que me parece que me entenderé mejor con ellos.

Veamos que tengo por aquí:

CSS = "Cascade StyleSheet" (Hojas de estilos) Especificación sobre los estilos físicos aplicables a un documento HTML. Esto quiere decir que sólo se ocupa de definir lo que se va a utilizar en un documento.

EJEMPLO
En este blog por ejemplo, siempre que escribo algo sale con un tamaño de letra que no cambio cada vez que creo un artículo, tampoco me preocupo en ponerle el color ni a los enlaces ni a la letra normal, verdad? Pues esto es lo que hace, definir

Los estilos se pueden colocar directamente en el documento HTML, pero no voy ha hablar de esto, que es la parte más sencilla; lo que quiero es saber como leches se hace para crear un archivo de estilos y como se enlaza con el documento normal (documento normal = página en HTML).

Ohhh!!! excelente!! en esta página:
+ WEBSTILO +
Mirad que pone:



sí podemos definir los estilos en un fichero distinto al documento HTML, y después referenciarlo desde el propio documento HTML. Esto lo haremos con la siguiente etiqueta, dentro de la cabecera del documento (entre <head> </head>)

SINTAXIS PARA ENLAZAR UN DOCUMENTO DE CSS CON LA PÁGINA HTML

<LINK REL="stylesheet" TYPE="text/css" HREF="URL_Hoja.css">




En esta página está todo muy bien explicado!

Nota: Acabo de mandar una aportacion sobre las imagenes de fondo en CSS

 
Decepcion y nuevos aires
Fijaos, este fué mi mensage de foro:



Entiendo que variable es una especie de "caja" (en mi idioma de novata) en la que se puede meter practicamente lo que se quiera y que hay varios tipos de "cajas" (es q si no pongo un ejemplo no me entero)

Bien, el problema es entender los tipos de "cajas" y para que sirven:

Variables predefinidas = por lo que he leido creo q son variables que PHP ya tiene almacenadas o como sea que las tenga y que no hacen falta definir. No se para q sirven... En el manual que tengo aparece una lista de ellas pero son para apache.... ¿?¿? Ahora si que me he perdido, no entiendo xq me sale una lista de variables de apache si estamos con PHP

Variables de entorno = Lo que pone en el manual:

Estas variables de importan en el espacio de nombres global de PHP desde el entorno en el que se esté ejecutando el intérprete PHP. Muchas son proporcionadas por el intérprete de comandos en el que se está ejecutando PHP, y dado que a sistemas diferentes les gusta ejecutar diferentes tipos de interpretes de comandos, es imposible hacer una lista definitiva.
Otras variables de entorno son las CGI (Y esto que es???)


Es decir, que no he entendido nada.... a mi si no me ponen un ejemplo como el de las cajas.....

Variables de PHP = sale una minilista de variables que tampoco entiendo...



Hay muchas más definiciones que no creo que haga falta poner.
Esto fué lo que me contestaron:



Que es lo que no entiendes??
Es algo muy simple. Una variable es un objeto con un nombre determinado (el que sea) el cual su valor no tiene porque ser fijo.
Alguna de estas variables como bien decias ya estan definidas por determinados sistemas.
Otras son variables simples definidas por el usuario del palo:

$nombre="pepe";

Los arrays son un conjunto de variables que estan bajo el mismo nombre. Por ejemplo:

$nombre[]="juan";
$nombre[]="maria";
$nombre[]="etc...";




Bueno, lo de los arrays me queda más o menos claro, pero las variables...... Así que contesté:




Pues todo!
Necesito saber si lo poco que he dicho yo sola sin copiar es cierto. Para que tantos tipos de variables? que las diferencia? para que sirven? cuando se utiliza una u otra?

Y claro, todo esto traducido a un idioma q sea capaz de entender, sin tantas palabras raras de por medio.... Explicado para bobos para ser más exacta.




Esto fué el mismo dia que dige que iba a poner un mensage en el foro.... Hoy es domingo y aún no me han contestado, ni creo que lo hagan....... así que mientras me busco otro foro o página más clara hablaré sobre lo que pille.

 
VARIABLES PHP: En estado de coma
No he podido avanzar nada con PHP... Me he quedado estancada con las variables... Y eso que es el principio!!

Tengo por aquí unos apuntes (por así decirlo) que hablan de las variables de PHP, por más que me los lea no me aclaro... Que mania tiene la gente de explicarte una cosa con palabras tecnicas! Coño!! Si no se q es una variable como cojones voy a saber q son los arrays??!!

Estoy muy cabreada!...................................... MUCHO!!!.........................

Como ya llevo demasiado tiempo perdido intentando enterderlas, he decidido escribir en el foro de + webexperto +.
Espero que me contesten rápido y que entienda lo que me dicen, xq como me hablen a lo "tesnico" lo llevo claro...


 
Páginas infantiles (Hoy nada de codigos)
Hoy me voy a centrar en las páginas infantiles, usease, q voy a colocar un recopilatorio de páginas que he ido guardando.
Esto va por mis sobrinos que ahora empiezan con programas tipo "TUXPAINT" (de dibujo, y por cierto uno de los mejores que he visto para ellos).



DIBUJOS PARA IMPRIMIR Y COLOREAR




ACTIVIDADES




DIBUJOS PARA SEGUIR CON PUNTOS





VARIOS




  • Xarxa (Adivinanzas en catalán)

  • Edu365 (De todo un poco. En catalán)






Y hablando de TUXPAINT :-)

DATOS GENERALES

Tamaño: 2.30 MB
Plataforma: Win95/98/ME/NT/2000/XP
Idioma: Español
Licencia: GPL (usease, gratuito y de libre distribución)

IMAGEN DE INTERFAZ



DESCRIPCIÓN

Programa de dibujo para niños. Presenta una interfaz simple y da acceso a las imágenes previas mediante un navegador de miniaturas sin tener que acceder al sistema de archivos. (Usease, que el crio no tiene xq abrir carpetas en busca de dibujos)

DESCARGA

+ Descarga del programa en español +


 
Colocando imagen de fondo en blog PHP
La imagen de fondo que he colocado en el blog es estática.

Que es imagen estática?

Pues es una imagen que no se mueve con el scroll. Un claro ejemplo es ver como la parte azul de abajo del todo no se mueve al bajar.

En la carpeta Japones ( "Themes" / Japones" ), (aquella carpeta que no existia y que fué creada a partir de una copia de la carpeta "Modern") hay una carpeta llamada "Images", en ella hay que colocar la imagen de fondo que queremos que aparezca.
Advertencia: Cuidado que la imagen se verá en cascada, lo que quiere decir que se repetirá hasta ocupar toda la pantalla, lo digo x si la imagen es muy pequeña o en el caso de repetirse muchas veces, que quedara mal en el diseño.
Ya aprenderemos a modificar estos parámetros para que esto no suceda.
Vamos primero a saber colocar una imagen de fondo.

Después de guardar la imagen de fondo damos un paso atrás en las carpetas, es decir, tenemos que entrar en "Japones", tenemos 2 archivos en PHP; Themes y user_style
Abrimos "Themes" con el editor y buscamos esto:



// Begin Page Layout HTML

?>

<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">



Bien, donde pone "<body..." Al lado hay que poner "background="url:http://dirección de la imagen" bgproperties="fixed"

Background = Imagen de fondo
Bgproperties = Propiedades del fondo. Fixed es estatico, no se moverá con la página.

La direccion de la imagen en mi caso será:
http://localhost/sphpblog-0.3.6/themes/Japones/images/nombre_imagen

Con todo esto, lo que hemos hecho es que al apretar en el tema "Japones" nos salga este diseño, con la imagen de fondo que hayamos creado. ^ ^

 
Primeros retoques
Vamos ahora a por los "themes". En esta carpeta tenemos los temas del blog, aparte de poder ser modificados podemos crear los nuestros propios ^ ^ y esto si que resulta interesante.
Dentro de esta carpeta tenemos otras dos:

  • Default
  • Modern

Copiamos la de modern y la pegamos en esta misma carpeta. Ahora nos queda modificarla al gusto.
A esta carpeta copiada le he puesto de nombre "Japones" que será un diseño creado por mi.
Primero vamos a entrar y ha hacer unas pequeñas variaciones no complejas.
Abrimos el archivo "id" y escribimos lo que queremos que aparezca después al apretar en "tema". Yo he escrito "Japones". Guardamos.
Ahora viene algo más largo de hacer. Definir los colores que queremos que tenga.
Abrimos la carpeta "Colors", copiamos y pegamos el archivo "warm_grey", le cambiamos el nombre. Yo he puesto "Lila", este archivo sólo define colores, sin importarle en que tema te encuentres, es por eso que no se llama "Japones".
Lo abrimos y cambiamos el nombre y los colores.
Mirad como me ha quedado a mi:



WARM_GREY
name:Warm Grey:bg_color:D9D9D2: header_bg_color:8C8C7E: footer_bg_color:8C8C7E: main_bg_color:D7D7CF: menu_bg_color:59594F: border_color:58584E: inner_border_color:9A9A8C: header_txt_color:FFFFFF: footer_txt_color:FFFFFF: txt_color:737367: headline_txt_color:737367: date_txt_color:A6A695: entry_bg:F2F2EB: entry_title_bg:BEBEB5: entry_border:95958C: entry_title_text:666661: entry_text:4F4F48: menu_bg:ACACA0: menu_title_bg:959587: menu_border:DADACE: menu_title_text:FFFFFF: menu_text:FFFFFF: link_reg_color:59594F: link_hi_color:FF6600: link_down_color:6329F7: menu_link_reg_color:59594F: menu_link_hi_color:FF6600: menu_link_down_color:6329F7

LILA
name:Lila: bg_color:4E0883: header_bg_color:FFFFFF: footer_bg_color:FFFFFF: main_bg_color:B7A0C8: menu_bg_color:7D6C89: border_color:9203FE: inner_border_color:FFFFFF: header_txt_color:000000: footer_txt_color:000000: txt_color:422F51: headline_txt_color:8219D1: date_txt_color:000000: entry_bg:F2F2EB: entry_title_bg:4E0883: entry_border:EED4F8: entry_title_text:FFFFFF: entry_text:4F4F48: menu_bg:DDD2E0: menu_title_bg:4B0962: menu_border:DADACE: menu_title_text:FFFFFF: menu_text:000000: link_reg_color:7B08B0: link_hi_color:9E71B2: link_down_color:471A5D: menu_link_reg_color:7B08B0: menu_link_hi_color:9E71B2: menu_link_down_color:471A5D



Cuando acabemos guardamos.

Vamos ahora a decirle al CSS que cuando abra el tema Japonés se abran de forma predeterminada (usease, siempre) los colores "Lila"

Abrimos el archivo "Theme" de la carpeta "Japones" y colocamos los colores....
ERRORES: No se que hice que no me aparecía todo lo que aquí abajo pongo, me aparecian como si hubiera copiado la carpeta "Defautl" y no la de "Modern... Si a vosotros os pasa, sólo hay que abrir el "Theme" de "Default" y pegar allí la versión corta. Mirad como han de quedar los dos "Themes":

THEME DEFAULT


function theme_default_colors () {
global $lang_string;

$color_def = array();

array_push( $color_def, array( 'id' => 'bg_color',
'string' => $lang_string['bg_color'],
'default' => 'CCCC99' ) );
array_push( $color_def, array( 'id' => 'border_color',
'string' => $lang_string['border_color'],
'default' => '4D4D45' ) );
array_push( $color_def, array( 'id' => 'main_bg_color',
'string' => $lang_string['main_bg_color'],
'default' => 'FFFFFF' ) );
array_push( $color_def, array( 'id' => 'menu_bg_color',
'string' => $lang_string['menu_bg_color'],
'default' => 'F2F2F2' ) );
array_push( $color_def, array( 'id' => 'inner_border_color',
'string' => $lang_string['inner_border_color'],
'default' => 'D9D9D9' ) );
array_push( $color_def, array( 'id' => 'link_reg_color',
'string' => $lang_string['link_reg_color'],
'default' => '993333' ) );
array_push( $color_def, array( 'id' => 'link_hi_color',
'string' => $lang_string['link_hi_color'],
'default' => 'FF3333' ) );
array_push( $color_def, array( 'id' => 'link_down_color',
'string' => $lang_string['link_down_color'],
'default' => '3333FF' ) );
array_push( $color_def, array( 'id' => 'header_bg_color',
'string' => $lang_string['header_bg_color'],
'default' => '999966' ) );
array_push( $color_def, array( 'id' => 'header_txt_color',
'string' => $lang_string['header_txt_color'],
'default' => 'FFFFFF' ) );
array_push( $color_def, array( 'id' => 'footer_bg_color',
'string' => $lang_string['footer_bg_color'],
'default' => 'EEEEEE' ) );
array_push( $color_def, array( 'id' => 'footer_txt_color',
'string' => $lang_string['footer_txt_color'],
'default' => '666666' ) );
array_push( $color_def, array( 'id' => 'txt_color',
'string' => $lang_string['txt_color'],
'default' => '666633' ) );
array_push( $color_def, array( 'id' => 'headline_txt_color',
'string' => $lang_string['headline_txt_color'],
'default' => '666633' ) );
array_push( $color_def, array( 'id' => 'date_txt_color',
'string' => $lang_string['date_txt_color'],
'default' => '999999' ) );

NOTA: este no se ha de modificar, comprobad que esté igual que este.

THEME JAPONES


function theme_default_colors () {
global $lang_string;

$color_def = array();

// Backgrounds
array_push( $color_def, array( 'id' => 'bg_color',
'string' => $lang_string['bg_color'],
'default' => '4E0883' ) );
array_push( $color_def, array( 'id' => 'header_bg_color',
'string' => $lang_string['header_bg_color'],
'default' => 'FFFFFF' ) );
array_push( $color_def, array( 'id' => 'footer_bg_color',
'string' => $lang_string['footer_bg_color'],
'default' => 'FFFFFF' ) );
array_push( $color_def, array( 'id' => 'main_bg_color',
'string' => $lang_string['main_bg_color'],
'default' => 'B7A0C8' ) );
array_push( $color_def, array( 'id' => 'menu_bg_color',
'string' => $lang_string['menu_bg_color'],
'default' => '7D6C89' ) );

// Borders
array_push( $color_def, array( 'id' => 'border_color',
'string' => $lang_string['border_color'],
'default' => '9203FE' ) );
array_push( $color_def, array( 'id' => 'inner_border_color',
'string' => $lang_string['inner_border_color'],
'default' => 'FFFFFF' ) );
array_push( $color_def, array( 'id' => 'header_txt_color',
'string' => $lang_string['header_txt_color'],
'default' => '000000' ) );
array_push( $color_def, array( 'id' => 'footer_txt_color',
'string' => $lang_string['footer_txt_color'],
'default' => '000000' ) );
array_push( $color_def, array( 'id' => 'txt_color',
'string' => $lang_string['txt_color'],
'default' => '422F51' ) );
array_push( $color_def, array( 'id' => 'headline_txt_color',
'string' => $lang_string['headline_txt_color'],
'default' => '8219D1' ) );
array_push( $color_def, array( 'id' => 'date_txt_color',
'string' => $lang_string['date_txt_color'],
'default' => '000000' ) );


array_push( $color_def, array( 'id' => 'entry_bg',
'string' => $lang_string['entry_bg'],
'default' => 'F2F2EB' ) );
array_push( $color_def, array( 'id' => 'entry_title_bg',
'string' => $lang_string['entry_title_bg'],
'default' => '4E0883' ) );
array_push( $color_def, array( 'id' => 'entry_border',
'string' => $lang_string['entry_border'],
'default' => 'EED4F8' ) );

array_push( $color_def, array( 'id' => 'entry_title_text',
'string' => $lang_string['entry_title_text'],
'default' => 'FFFFFF' ) );
array_push( $color_def, array( 'id' => 'entry_text',
'string' => $lang_string['entry_text'],
'default' => '4F4F48' ) );

array_push( $color_def, array( 'id' => 'menu_bg',
'string' => $lang_string['menu_bg'],
'default' => 'DDD2E0' ) );
array_push( $color_def, array( 'id' => 'menu_title_bg',
'string' => $lang_string['menu_title_bg'],
'default' => '4B0962' ) );
array_push( $color_def, array( 'id' => 'menu_border',
'string' => $lang_string['menu_border'],
'default' => 'DADACE' ) );

array_push( $color_def, array( 'id' => 'menu_title_text',
'string' => $lang_string['menu_title_text'],
'default' => 'FFFFFF' ) );
array_push( $color_def, array( 'id' => 'menu_text',
'string' => $lang_string['menu_text'],
'default' => '000000' ) );

array_push( $color_def, array( 'id' => 'link_reg_color',
'string' => $lang_string['link_reg_color'],
'default' => '7B08B0' ) );
array_push( $color_def, array( 'id' => 'link_hi_color',
'string' => $lang_string['link_hi_color'],
'default' => '9E71B2' ) );
array_push( $color_def, array( 'id' => 'link_down_color',
'string' => $lang_string['link_down_color'],
'default' => '471A5D' ) );

array_push( $color_def, array( 'id' => 'menu_link_reg_color',
'string' => $lang_string['menu_link_reg_color'],
'default' => '7B08B0' ) );
array_push( $color_def, array( 'id' => 'menu_link_hi_color',
'string' => $lang_string['menu_link_hi_color'],
'default' => '9E71B2' ) );
array_push( $color_def, array( 'id' => 'menu_link_down_color',
'string' => $lang_string['menu_link_down_color'],
'default' => '471A5D' ) );

NOTA: Como podeis comprobar lleva los mismos colores que el archivo lila, de esta manera, al darle al tema "Japones" nos saldrán como predeterminados los colores de "Lila"


¿Qué hemos hecho con todo esto?

Pues hemos creado un tema nuevo y un archivo de colores. El archivo de colores ha de llegar a ser el predeterminado del nuevo tema.

 
Opciones para escribir.
Ya, ya! Debería haber dicho en que sitio se puede colocar tal joya no?
Bueno pues un sitio gratuito para poder colocar esto es:

www.miarroba.com

Miarroba Nos ofrece un espacio gratuito que permite PHP, SQL, archivos SWF...
Pega - Que la página creada ha de tener exito xq si recibe pocas visitas corre el riesgo de ser eliminada. Bueno, aún está en debate todo esto por lo que he visto en los foros, pero que se está agrandando y quieren ofrecer calidad (es normal) y no dejar páginas que al poco tiempo de ser creadas son abandonadas, así que leeros bien las condiciones antes de crear un espacio allí.

Vamos a hablar de las opciones que tiene el blog a la hora de escribir tanto un artículo como una página estática.



N = Hace las letras en negrita.

Ejemplo

I = Hace las letras en cursiva.

Ejemplo

Blockquote = Crea sangria en el texto.

Ejemplo


Pre = El tipo de letra es como el de una máquina de escribir, con saltos de línea tipo <p>. Se suele utilizar para citar algo.

Ejemplo


Code = Hace lo mismo que el Pre, pero el salto de línea es como el de <br>.

Ejemplo

Strong = Hace lo mismo que las negritas.

Ejemplo

Em = Hace lo mismo que la I, cursiva.

Ejemplo

H? = Crea títulos. Donde esta el interrogante se coloca un número del 1 al 6. Poner un uno hace la letra muy grande, un 6 la letra muy pequeña.

Ejemplo H1



Ejemplo H6


HTML = Puedes colocar codigo html. Por ejemplo, para poner una línea se pone esta etiqueta y se escribe <hr>. Aceptamos y listo. (Acepta tablas jijijiji....)

Del = Tacha el texto.

Ejemplo

Ins = Subraya el texto.

Ejemplo

Strike = También tacha el texto.

Ejemplo




 
Modificando el idioma del blog en PHP
Aunque la mayor parte del blog está en castellano, hay partes que no están traducidas, o alomejor lo que sale no nos gusta y desearíamos cambiarlo.
Como ejemplo vamos a poner el de crear una página estática... Al apretar sobre el enlace nos sale todo en castellano menos la explicación que sale bajo el título. Vamos a modificar este texto y además averiguaremos como cambiar el resto de palabras que salen ^ ^

Abriremos la carpeta de nuestro blog y nos meteremos en la carpeta "Languages" / "Spanish" Veremos dos archivos, abrimos "Strings" con nuestro editor.

Veamos que tenemos:



// Menu
$lang_string['menu_links'] = "Enlaces";
$lang_string['menu_home'] = "Principal";
$lang_string['menu_archive'] = "Archivo";
$lang_string['menu_menu'] = "Menú";
$lang_string['menu_add'] = "Agregar Noticia";
$lang_string['menu_add_static'] = "Agregar Página Estática";
$lang_string['menu_upload'] = "Subir Imágen";
$lang_string['menu_setup'] = "Configuración";
$lang_string['menu_options'] = "Opciones";
$lang_string['menu_themes'] = "Temas";
$lang_string['menu_colors'] = "Colores";
$lang_string['menu_change_login'] = "Agregar usuario/contraseña";
$lang_string['menu_logout'] = "Salir";
$lang_string['menu_login'] = "Entrar";
$lang_string['menu_most_recent'] = "Últimos Comentarios";



Como vemos tenemos la traducción de cada palabra al castellano. Podemos cambiar estas palabras por las nuestras propias dejando un diseño único. Por ejemplo en "Salir" podemos poner "Desconectar" o "Cerrar"... Cada uno como le vaya mejor.
Yo voy a cambiar "Agregar noticia" por "Agregar artículo" que me gusta más.



// Other
$lang_string['home'] = "Página Principal";

// SB Functions
$lang_string['sb_months'] = array( 'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre' );
$lang_string['sb_default_title'] = 'Sin título';
$lang_string['sb_default_author'] = 'Sin autor';
$lang_string['sb_default_footer'] = 'Pie de Página';

$lang_string['sb_edit'] = 'editar';
$lang_string['sb_delete'] = 'borrar';

$lang_string['sb_add_comment_btn'] = 'agregar comentario';
$lang_string['sb_comment_btn_number_first'] = true;
$lang_string['sb_comment_btn'] = 'comentario';
$lang_string['sb_comments_plural_btn_number_first'] = true;
$lang_string['sb_comments_plural_btn'] = 'comentarios';



Aquí tenemos otra parte. Podriamos poner los meses cortos en plan "Ene, Feb, Marzo...." En "Borrar" por ejemplo "Eliminar..."

Ahora ya sabemos como y donde se puede modificar todo el idioma ^ ^ No voy a poner aquí todo lo que sale en el documento xq lo encuentro una tonteria, lo importante es que ya sabemos donde se encuentra el archivo y como se modifica.
 
Weblog en PHP
Ya se que antes de empezar a buscar cosillas deberia aprender ha hacerlas sola, pero no he podido resistirme a bajar todo un blog en PHP y así de paso trastearé el codigo ^ ^

Primero descargo el zip en la carpeta WWW Para visualizar escribo esto en el navegador:
http://localhost/sphpblog-0.3.6/index.php

Vaya... q desilusion, contiene una carpeta llamada "Flash" esperaba encontrar el diseño, pero no es así, es un archivo para cambiar de color el entorno (usease q de imagenes en el blog ni hablar, pero esta muy muy bien....)
Fijaos en las opciones:



Aparte de ver que esta en castellano (todo hay que decirlo, no todo ;-P )
"Principal" Te sale todo lo que hayas escrito en el blog.
"+ Blog Lady Kiann" Es un enlace que he colocado a este blog ^ ^
"Página estática" Esto es muy interesante, esta esta creada por mi para probar. Es una página normal y corriente que puedes crear, es decir que si entras en temas profundos o descubres artículos que te interesen... o imagenes incluso, puedes crear estas páginas que no tienen para que la gente opine, pero es de lo más interesante disponer de ellas Ohhh se pueden hacer muchas cosas jijiji
"[ + enlace ]" Es para crear más enlaces.

Vamos a saltarnos los archivos xq ya se sabe para que sirven ^ ^ y pasaremos al "menú"

"Agregar noticia" Pues si, desde aquí escribimos en el blog.
"Agregar página estática" Si, desde aquí se crean estas páginas tan útiles. Deberian poner algo parecido en estos blogs.
"Subir imagen" Yo he probado a subir una imagen pero no la veo en ninguna parte .... así q esto no se para que sirve.

Vamos a la configuración:

"Configuración" Desde aquí decides que se permite, que sale y que no sale en el blog. Por ejemplo permitir negritas, texto en cursiva, lo que sale a pie de página, el idioma, el autor del blog, el título del blog, el orden de los mensages....
"Opciones" Básicamente, opciones de fecha y hora.
"Colores" Esto es para cambiar los colores de todo; fondo, letra, vinculos... Fijaos en como se ve:



"Temas" Lástima que solo hayan dos temas.... uno clasico que es el que tengo puesto en caquis y otro en grises, el moderno....
"Agregar un usuario" Desde aquí puedes cambiar de usuario, cambiar la contraseña y nombre para ser más exactos.



Me estoy pensando el buscar un espacio que acepte PHP y colocar mi blog en PHP..... jejejeje, no en principio me conformo con el que tengo



DATOS GENERALES DEL PROGRAMA

Nombre: Simple PHP Blog 0.3.6
Tamaño: 183 KB
Soportado por: Win98 / NT / 2000 / ME / XP
Descripción
Si quieres tener un blog personal propio sin tener que depender de sistemas públicos o tragarte banners de publicidad, prueba con este script programado en PHP, que te permite crear y mantener fácilmente tu propio weblog.
Simple PHP Blog está diseñado especialmente pensando en la sencillez, tanto en diseño como en usabilidad. No utiliza bases de datos, funciona con simples ficheros de texto y apenas necesita configuración: descomprimir los ficheros, tener PHP 4 instalado en el servidor y permisos de escritura es más que suficiente.
El script incluye varios idiomas, entre ellos español, y puedes adaptarlo totalmente a tus gustos y necesidades, para lo que lógicamente requiere ciertos conocimientos de programación.

(Descripcion y datos sacados de "Softonic")

Página que usa este programa:
Guti-Bitacoras

DESCARGAR PROGRAMA

Nota: Esta dentro de un zip


 
Un poco de historia
PHP comenzó a gestarse en 1995 grácias a un producto llamado PHP/FI creado por Rasmus Lerdorf. Realmente este producto era un conjunto de scripts en Perl. Posteriormente lo hizo más potente reescribiendo todo el código en C y con nuevas funciones como acceso a bases de datos. Contento con su trabajo tubo una gran idea “Eligió liberar el código fuente PHP/FI para que cualquiera pudiera utilizarlo”. A finales de 1997 dos programadores llamados Andi Gutmans y Zeev Zuraski reescribieron por completo PHP/FI y lo llamaron PHP 3.0. Esta versión PHP es bastante similar a lo que ya conocemos, hay pocas diferencias. En 1998 PHP ya estaba siendo utilizado por el 10 % de los dominios y se liberó oficialmente en Junio de 1998, después de haber dedicado 9 meses a pruebas. En invierno de 1998 ambos programadores crearon un nuevo motor PHP mucho más rápido y mejorando los accesos a las bases de datos además de ser bastante más estable ya que la anterior versión no estaba suficientemente preparada para aplicaciones complejas. Al nuevo motor lo llamaron Zend. La nueva versión fue bautizada como PHP 4.0 y el código se liberó en el año 2000. Actualmente se estima que PHP 4.0 esté siendo utilizada en el 20% de los dominios en internet. Y ahora ya se dispone de la versión PHP 5.0.

Que se puede hacer con PHP?

Se pueden crear complejos programas, se utiliza mucho para el tratamiento de formularios, procesamiento de información, mantener sesiones de usuarios... Los scripts PHP son utilizados para:
• Scripts en la parte de servidor: Es lo que estamos acostumbrados a ver en internet, páginas que se ejecutan en el servidor web. Para ello se necesita un servidor web (Apache) y tenerlo configurado para que interprete las páginas PHP.
• Scripts en líneas de comandos: Esto no es tan conocido. Se pueden programar complejos scripts PHP y ejecutarlos sin necesidad del servidor web. Por ejemplo puedes crear un script que borre la papelera de reciclaje cada 24 horas.
• Aplicaciones gráficas: Se pueden programar aplicaciones gráficas al estilo Visual Básic (con ventanas, botones...) pero para ello es necesario PHP-GTK.

PHP puede ser utilizado en la mayor parte de sistemas operativos y servidores web: Linux, Unix, Microsoft Windows, Mavc OS X, ... También puede trabajar con la mayoria de bases de datos: Ingres, Oracle (OCI7 y OCI8), dBase, FrontBase, mSQL, Solid, MySQL... Tiene soporte para comunicarse con otros servidores usando protocolos tales como LDAP, IMAP, POP3, http, COM... Y se pueden crear “Raw sockets”.

PHP es un lenguaje interpretado de alto nivel embebido en páginas HTML y ejecutado en el servidor. Que quiere decir esto? Que no necesita ser compilado. Para ejecutar el programa primero tienes que compilarlo y luego ejecutarlo. Un lenguaje interpretado no necesita la compilación, es decir, puedes crear un programa y ejecutarlo directamente.

Puedes programar páginas HTML e introducir PHP. Lo que hayas escrito en PHP no se mostrará al navegante ya que es ejecutado en el servidor. Si el navegante decide ver el código de la página mostrada, en su navegador simplemente veria el código en un perfecto HTML, pero de PHP nada de nada ^ ^

 
PHP Nuke, PHP-GTK, PHP 4.0.... Pero cuantos hay y que son?
Me he dado cuenta de que hablan de muchos PHP.... Un ejemplo es el PHP-GTK que sirve para poder hacer aplicaciones tipo visual básic... Para que servirán los demás?
Bueno, como soy muy curiosa he decidido buscar por internet, pero sinceramente, no he encontrado mucho.


PHP Nuke

PhpNuke es una aplicación programada en PHP que facilita el desarrollo de portales, su uso es realmente sencillo y no hay que saber nada de programación, salvo tener conocimientos básicos para modificar a gusto propio.
PHPBB

Creación de foros
PHP-GTK

Sirve para poder hacer aplicaciones tipo visual básic, con ventanitas y esas cosas.



Bueno, y los demás??
Pregunté en un foro:
foro.webexperto.com
Y me contestaron esto:


Existen miles de scripts basados en php, eso es lo que son, scripts que te ayudan a facilitar el trabajo, son, por lo general, de código abierto y por lo consiguiente gratuito, no sé si exista una página que explica lo que son, pero te voy a dar una explicación:
PHP: lenguaje de programación de páginas web dinámicas
PHPBB: sistema de foros basados en php y mysql, gratuito 100%.
PHPNUKE: sistema de gestión de sitios web enteros, con esta aplicación puedes crear un sitio web.
PHP-GTK: extension de PHP que permite crear del lado del cliente aplicaciones GUI multiplataforma.



Con esto me queda bastante claro que para crear una web vas ampliando el numero de PHP´s que se tiene según necesidades.
También me dejaron una dirección:
www.zonaphp.com
La página a la que se entra desde este enlace habla de PHP-GTK, otro día me meteré de lleno a explicar cada uno de ellos (en cuanto aprenda ^ ^)

 
ENTRE LÍNEAS: Apuntes de modificación del blog
Mirad, esta era la plantilla que tenia:

Y esto es como ha quedado


Empezamos para retocar todo a bajarnos el blog a nuestro PC. Primero en la barra navegadora escribimos la dire de nuestro blog. Una vez en pantalla apretamos en "Archivo" / "Guardar como"
Ya tenemos el blog en el ordenador ^ ^
Nos metemos en la carpeta en busca de un archivo con terminacion .css (si, si, el punto tmb tiene que estar) Esa es la hoja a modificar. Para abrir este archivo y modificarlo necesitaremos un editor CSS + Editores CSS + o tmb puedes abrirlo con el bloc de notas.

Abrimos el CSS

BODY {

FONT-SIZE: 13px; (tamaño de texto en titulo y parte izquierda (navegador) ) BACKGROUND: url(http://blogs.ya.com/codigofuente/files/Fondo.jpg)(Imagen de fondo) #000000 fixed repeat-x 50% bottom; MARGIN: 0px 0px 10px; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Sans-serif

NOTA: Tenemos - fixed repeat-x 50% bottom - La palabra Fixed dice que la imagen se quedará quieta, es decir, que no bajará cuando bajemos con la barra scroll. Repeat-x quiere decir hacia donde se repetirá la imagen; x = horizontal >< y = vertical
El 50% dice que será lo que cubra la imagen, así que ese 50 será la mitad de la pantalla. Hacia que lado?? del centro para arriba o del centro para abajo?? pues... bottom = Hacia abajo >< top = Hacia arriba >< Left = Hacia la izquierda >< Right = Hacia la derecha.

}


.container {

BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; BACKGROUND: #000000;(color de fondo del primer cuadro, el negro) LEFT: 50%; MARGIN: 0px 0px 0px -390px; BORDER-LEFT: #000000 1px; WIDTH: 780px; BORDER-BOTTOM: #000000 1px; POSITION: relative

}


.header {

BACKGROUND: url(http://blogs.ya.com/codigofuente/files/titulo.jpg); (Imagen para el titulo del blog) MARGIN: 5px 10px 0px; HEIGHT: 80px El alto de lo que ocupará la imagen

}


.header DIV {

FONT-SIZE: 200%; COLOR: #000000;(Color de las letras del título) BOTTOM: -25%; POSITION: relative; TEXT-ALIGN: center

}


.explain {

FONT-SIZE: 11pxTamaño de la letra, la que esta debajo del titulo); LEFT: 220px; COLOR: #ffffff;(Color de la letra que está debajo del titulo) POSITION: relative; TOP: 22px

}


.colsection {

BACKGROUND: #000000; (Color de fondo de las celdas donde van todos los vinculos) MARGIN: 20px 20px 15px 10px; COLOR: #FFFF00 (Color de texto para definir las secciones de los vinculos)

}


.sectiontitle {

BACKGROUND: url(http://blogs.ya.com/ladykiann/files/flecha.jpg) (direccion de la imagen de flechita que sale en la parte de los vinculos) no-repeat right 50%

}


.sectiontitle H5 {

FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #FFFF00;(color de las letras de las secciones, donde se encuentran los vinculos) BORDER-BOTTOM: #ffffff 1px (Color y tamaño en pixels de la línea que sale debajo de las secciones) solid; FONT-FAMILY: Lucida Console, Verdana, Arial, Sans-serif

}


.content {

BORDER-RIGHT: white(de la tabla central,en la que sale lo que escribes a diario, este color es para la línea de la derecha) 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: white 1px(Este es de la línea de arriba) solid; PADDING-LEFT: 8px; FONT-SIZE: 14px;(estos pixels son lo grande que está el titulo de lo que escribes en el blog a diario) BACKGROUND: #006699; (Color de fondo de esta tabla) PADDING-BOTTOM: 3px; MARGIN: 20px 10px 0px 210px; BORDER-LEFT: white 1px solid(línea izquierda de la tabla) ; COLOR: #000000; (Color de texto de lo que se escribe a diario) PADDING-TOP: 3px; BORDER-BOTTOM: white 1px solid(color de la linea de debajo) ; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none

}


.content A {

COLOR: #000000(Color de los vinculos)


A:visited {

COLOR: #FFFF33(color de los vinculos visitados)


.posttitle {

FONT-WEIGHT: bold; FONT-SIZE: 120%; MARGIN-BOTTOM: 5px; COLOR: white(color de los titulos de lo que se escribe a diario)


.postext {

FONT-SIZE: 10px(tamaño del texto que se escribe a diario)





Una vez retocado el CSS, se guarda con el nombre que se quiera (yo le he llamado "miestilo") y se sube al blog.
Ahora vamos a decirle al blog que ha de buscar el CSS en tus archivos.
Nos vamos a la administracion del blog. Apretamos en "Configuración avanzada" y al principio de todo veremos esto:

<?xml version="1.0" encoding="ISO-8859-1"?>


<html xmlns:blog="http://blogs.ya.com/">

<head>

<blog:meta-title/>

<link type="text/css" rel="stylesheet" href="files/miestilo.css"/>

</head>

<body>


Veis la parte verde?? teneis que poner files/elnombredetucss.css. Guardais los cambios y listo!!!

Saludoss!!!!