ekpucha

eKpucha. Gamers Genome

2008-12-03T03:07:00.003+01:00

GamersGenome :

Queda inaugurada una nueva comunidad gamer gratuita donde podras disfrutar de servidores para jugar a tus juegos favoritos, servidor de TS para charlar con la gente y mucho mas visita la web en este link:

www.GamersGenome.com

HTML. La etiqueta .

2008-11-21T01:22:00.010+01:00

La etiqueta <HEAD> define la cabecera del documento y contiene información, que no se muestra, acerca de sus características.

La información proporcionada en la cabecera se define por estas etiquetas:

<TITLE>: Título del documento.

<META>: Los metadatos son información sobre la información xD vaga la rebundancia, contienen información oculta acerca del documento a través de atributos. So utilizadas por los navegadores para clasificar la página. Los metadatos sobre el contenido, materia, autor... etc ayudaran a que mas gente encuentre tu web por los navegadores. La informacion pueda ser extraída de forma automática por los principales robots, bases de datos e indexadores automáticos de páginas web que existen en internet.

Se escriben asi:
<meta name="nombre-propiedad" content="valor-propiedad" scheme="esquema-datos" lang="idioma" dir="dirección-del-texto">

No existen reglas sobre la información que se puede incluir dentro de los metatags. Con el estándar html tenemos definida una estructura pero no los contenidos, por lo que podríamos inventarnos nuestros propios valores.

Los atributos son :

■ name = "author | description | keywords | robots | revisit-after | refresh": Define el tipo de información que proporciona la etiqueta. Los valores más comunes son

  ● author: información sobre el autor

  ● description: descripión del documento

  ● keywords: indica palabras clave del documento.

  ● Robots: ayuda a indexar la página. En content podemos colocar como valores: index, para indicar al robot de búsqueda que es un indice la página y la añada a la base de datos. All, que indica que se indexen todas las páginas. Follow, dice que se tienen que seguir todos los enlaces que están en la página. Como acciones opuesta tenemos noindex y nofollow.

<meta name = "robots" content = "index,all,follow">

  ● revisit-after: Indica cada cuanto tiempo (en dias) hay que indexar la web.

<meta name = "revisit-after" content = "13 day">

  ● refresh: especifica la URL y el tiempo en segundos para que el navegador refresque la página y la redireccione a otra.

<meta name = "refresh" content = "0;url="http.//ekpucha.blogspot.com">

■ content: Aquí se especifica el contenido de la etiqueta: el nombre del autor, la descripción del documento o las palabras clave, dependiendo del tipo de META que sea.

■ lang: Aqui especificamos el idioma

Tambíen se pueden poner de esta otra forma:

<meta http-equiv="nombre-encabezado-http" content="valor-encabezado">

siendo:

■ http-equiv: el equivalente al name.

■ content: el equivalente al anterior content xD.

Las etiquetas META son etiquetas vacías. Comienzan y terminan en el mismo punto, por lo que no hay que cerrarlas con </META>

<HEAD>
  <TITLE> Un ejemplo de head </TITLE>
  <META name="author" content="ekpucha" lang = "es">
  <META name="description" content="La etiqueta head">
  <META name="keywords" content="HTML, Tutoriales, Programación">
</HEAD>

Robots (spiders(arañas), crawlers o webcrawlers) : Programas que recorrern la web de forma automática y buscan textos, a través de los documentos HTML u otro tipo de formato donde se incluyan determinadas palabras. Estos textos junto con las direcciones URL que los contienen, son indexados y almacenados en bases de datos para que los buscadores, dirijan allí sus consultas. Estos robots, recorren cada cierto tiempo las páginas para buscar modificaciones o incorparación de nuevas palabras.

Si quieres mas información de como añadir tu web a buscadores visita la entrada "Pon tu blog en los buscadores"

ETpro. Sacar ETproGUID y PBGUID

2008-11-03T05:40:00.005+01:00

Para poder sacar la ETproGUID y la PBGUID tenemos que ir a un server vacio que funcione con el modo ETpro.
Una vez estemos dentro sacamos consola e introducimos los siguientes comandos uno a uno...

/clear
/cheaters
/pb_myguid
/condump misguids.txt

Quedandonos en pantalla algo como esto.

Una vez hecho esto nos vamos a el directorio donde tengamos instalado el ET y buscamos en la carpeta de etpro el archivo misguids.txt
Al abrirlo tendremos lo que veiamos en la consola en formato de texto y ya simplemente cuando la necesitemos un copiar y pegar.

Enlace por defecto al archivo:

C:\Program Files\Wolfenstein - Enemy Territory\etpro\misguids.txt

ETpro: ESL Winter League'08

2008-11-03T03:51:00.005+01:00

Va a comenzar la ET Winter League '08 de ESL, donde habrá 6on6, 3on3 y 1on1 y en un principio se diviran en tres divisiones formadas segun los resultados en ESL y en otras competiciones.

REGLAS:
Rate de equipo aquí!
1 Partido por semana, el last y forced cada domingo
Sólo los jugadores con ET Pro y PB Guid registradas en ESL están autorizados a jugar
Mejor de tres (2 Mapas y Decider si es necesario)
Groupstage: forzar Mapas (Decider libre elección)
Play offs: Mapa de Libre Elección, por Decider después de Cointoss
Cointoss: Primero empieza a eliminar el 1 ª mapa, el perdedor determina el lado en el Decider (Axis / Aliados)
Cada equipo tiene un comodín en el groupstage
Config: Con el inicio de la presente temporada de invierno, y que Crossfire.nu le presentará la nueva configuración! Se anunciará en el próximo Newspost. Así que estad atentos!

Comienzo de inscripciones: 1 Nov 2008
Cierre de inscripciones: 21 Nov 2008
Comienzo: 24 Nov 2008
Teams: Sin Limite
Divisiones: 3

Groupstage:
4 / 8 Groups each Division
Playoffs: 1st and 2nd of each Group
Playoffs:
8 / 16 Teams
Double Elimination Bracket

Mapas:
· SW Goldrush TE
· Bremen (b2)
· Supply
· Radar
· SP Delivery TE
· Adlernest
· Frostbite

Premios:
Para 7 personas.
1º- 3 Meses Premium Pack
2º- 2 Meses Premium Pack
3º- 1 Mes Premium Pack
Valor aproximado: 130€

LINK PARA LA INSCRIPCION EN 6on6

Comienzo de inscripciones: 1 Nov 2008
Cierre de inscripciones: 21 Nov 2008
Comienzo: 24 Nov 2008
Teams: Sin Limite
Divisiones: 3

Groupstage:
4 / 8 Groups each Division
Playoffs: 1st and 2nd of each Group
Playoffs:
8 / 16 Teams
Double Elimination Bracket

Mapas:
· SW Goldrush TE
· ET Ice
· Braundorf (b4)
· Supply
· Frostbite
· SP Delivery TE

Premios:
Para 4 personas.
1º- 3 Meses Premium Pack
2º- 2 Meses Premium Pack
3º- 1 Mes Premium Pack
Valor aproximado: 80€

LINK PARA LA INSCRIPCION EN 3on3

Comienzo de inscripciones: 1 Nov 2008
Cierre de inscripciones: 21 Nov 2008
Comienzo: 24 Nov 2008
Teams: 32/64 slots

CUP Mode:
Doble eliminación

Mapas:
· ctf_multi
· ctf_well
· mp_sillyctf
· multi_huntplace
· te_valhalla

Premios:
Para 1 persona.
1º- 3 Meses Premium Pack
2º- 2 Meses Premium Pack
3º- 1 Mes Premium Pack
Valor aproximado: 18€

LINK PARA LA INSCRIPCION EN 1on1

HTML. Estructura de un documento.

2008-10-28T00:46:00.003+01:00

Todo el contenido de un documento HTML debe encontrarse englobado en el interior de la directiva cerrada <HTML>...</HTML>. Esto indica al navegador que estamos empleando que todo lo que se encuentra entre estas dos marcacs, es código HTML y que debe ser interpretado como tal.

La directiva <HTML>...</HTML> contiene en su interior 2 bloques: <HEAD>...</HEAD> que es la directiva que señala la cabecera del documento y, <BODY>...</BODY>, que contiene el cuerpo del documento o para entendernos lo que visualizamos en el navegador con el formato correspondiente. En resumen un fichero de HTML sería de la forma:

<HTML>
   <HEAD>
   ...
   </HEAD>
   <BODY>
   ...
   </BODY>
</HTML>

HTML. Caracteres especiales.

2008-10-27T23:51:00.004+01:00

Una página web se ha de ver en paises distintos, que usan conjuntos de caracteres distintos. El lenguaje HTML nos ofrece un mecanismo por el que podemos estar seguros que una serie de caracteres raros se van a ver bien en todos los ordenadores del mundo, independientemente de su juego de caracteres.

Este conjunto son los caracteres especiales. Cunado queremos poner uno de estos caracteres en una página, debemos sustituirlo por su códico.

Caracteres especiales básicos

En realidad estos caracteres se usan en HTML para no confundir un principio o final de etiqueta, unas comillas o un & con su correspondiente caracter.

< = <
> = >
& = &
" = "

Caracteres especiales del HTML 2.0

Á = Á
À = À
É = É
È = È
Í = Í
Ì = Ì
Ó = Ó
Ò = Ò
Ú = Ú
Ù = Ù
á = á
à = à
é = é
è = è
í = í
ì = ì
ó = ó
ò = ò
ú = ú
ù = ù
Ä = Ä
Â = Â
Ë = Ë
Ê = Ê
Ï = Ï
Î = Î
Ö = Ö
Ô = Ô
Ü = Ü
Û = Û
ä = ä
â = â
ë = ë
ê = ê
ï = ï
î = î
ö = ö
ô = ô
ü = ü
û = û
Ã = Ã
å = å
Ñ = Ñ
Å = Å
Õ = Õ
Ç = Ç
ã = ã
ç = ç
ñ = ñ
Ý = Ý
õ = õ
ý = ý
Ø = Ø
ÿ = ÿ
ø = ø
Þ = Þ
Ð = Ð
þ = þ
ð = ð
Æ = Æ
ß = ß
æ = æ

Caracteres especiales del HTML 3.2

  =
¼ = ¼
½ = ½
¡ = ¡
¾ = ¾
£ = £
© = ©
¥ = ¥
® = ®
§ = §
ª = ª
¤ = ¤
² = ²
¦ = ¦
³ = ³
« = «
¹ = ¹
¬ = ¬
¯ = ¯
 =
µ = µ
º = º
¶ = ¶
´ = ´
· = ·
¨ = ¨
° = °
± = ±
¸ = ¸
» = »
¿ = ¿

Otros caracteres especiales

× = ×
¢ = ¢
÷ = ÷
€ = €
 = “
 = ™
 = ”
 = ‰
 = Œ
 = ƒ
 = ‡
 = †

Extraido de desarrolloweb.

HTML. Introducción.

2008-10-27T19:46:00.004+01:00

HTML. Introducción

Definición:

HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Por convención, los archivos de formato HTML usan la extensión .htm o .html.

Fragmento extraido de wikipedia.

Etiquetas y atributos:

Las etiquetas son el medio a través del cual definimos los componentes que formarán un documento HTML. Mediante su uso podemos dar formato o agregar información a los documentos. Las etiquetas se escriben siempre entre los símbolos “< >” y se indica el final de una etiqueta mediante “</ >”. Todo lo que esté comprendido entre el comienzo y el final de una etiqueta se verá influído por ésta.

Por ejemplo, la etiqueta con la que indicamos el comienzo de un documento HTML es
<HTML> y la etiqueta con la que lo cerramos es </HTML>. Lo que escribamos entre estas dos etiquetas será identificado como parte del documento.

Una etiqueta puede tener atributos, los cuales proporcionan información extra acerca de sus características (como su anchura, posición, color, etc.). Los atributos se incluyen dentro de la etiqueta, después del nombre de la misma de la forma siguiente: <ETIQUETA atributo=”valor”>.

El documento HTML:

Un documento HTML es un archivo de texto simple, cualquier editor de texto podrá crearlos.

HTML no distingue entre MAYÚSCULAS y minúsculas.

Al ver un HTML no se tendrán en cuenta la cantidad de espacios entre palabras o en un salto de línea en el texto y se verá como si fueran sólo un solo espacio. Para que se vean varios espacios existen códigos y etiquetas específicas.

Pon tu blog en los buscadores

2008-10-15T22:15:00.003+02:00

A todos nos gusta tener nuestra web en los principales buscadores para que nos mejore el numero de visitas y ahora vamos a ver como agregar tu blog en estos buscadores.

Para inscribirla en Google pincha AQUI

Para inscribirla en Yahoo pincha AQUI

Para inscribirla en Live Search pincha AQUI

Tardan bastante en empezar a mostrar resultados pero paciencia que antes o despues veras tu blog en los buscadores. Ya ire poniendo mas enlaces de diferentes buscadores.

_____________________________________________________________________________________

Crear Categorias en blogger

2008-10-15T19:17:00.012+02:00

Bueno al crearte un blog y empiezas a meter entradas te das cuenta de que puedes ponerle etiquetas pero no tienes nada para poner categorias. Empiezas a leer y ves que si rLabel o algo asi es la solución, pinchas y uff no funciona. Sigues leyendo y te encuentras con que tienes que crear otro blog solo para categorias y luego insertarlo en tu blog... algo que veo "retorcido". Para solucionarlo yo fui por el camino mas corto y facil.

Ve a tu blogger y en Diseño, Añadir un gadget. Elige en los gadgets basicos el de HTML/Javascript. Ponle de nombre CATEGORIAS y contenido pones esto:

<dl>
   <dt>NOMBRE_CATEGORIA1
      <dd><li><a href="URL_DE_LA_ENTRADA">TITULO_DE_LA_ENTRADA</a></li></dd>
   </dt>
   <dt>NOMBRE_CATEGORIA2
   </dt>
   <dt>NOMBRE_CATEGORIA3
   </dt>
   <dt>NOMBRE_CATEGORIA4
   </dt>
   <dt>NOMBRE_CATEGORIA5
   </dt>
   <dt>NOMBRE_CATEGORIA6
      <dd><li><a href="URL_DE_LA_ENTRADA">TITULO_DE_LA_ENTRADA</a></li></dd>
      <dd><li><a href="URL_DE_LA_ENTRADA">TITULO_DE_LA_ENTRADA</a></li></dd>
      <dd><li><a href="URL_DE_LA_ENTRADA">TITULO_DE_LA_ENTRADA</a></li></dd>
   </dt>
</dl>

Y veras algo asi:

NOMBRE_CATEGORIA1

TITULO_DE_LA_ENTRADA

NOMBRE_CATEGORIA2

NOMBRE_CATEGORIA3

NOMBRE_CATEGORIA4

NOMBRE_CATEGORIA5

NOMBRE_CATEGORIA6

TITULO_DE_LA_ENTRADA

TITULO_DE_LA_ENTRADA

TITULO_DE_LA_ENTRADA

Cambia NOMBRE_CATEGORIA por el de alguna de tus categorias, URL_DE_LA_ENTRADA por la url de la entrada que pertenezca a esa categoria y TITULO_DE_LA_ENTRADA por el titulo de la entrada que corresponda con la de la url. De esta manera tendras un menu de categorias que podras ir actualizando con facilidad. Las categorias de este blog estan creadas asi.

_____________________________________________________________________________________

"Customizar" un theme para blogger

2008-10-15T18:18:00.004+02:00

Me imagino que si estas leyendo esto es porque el theme que has puesto en tu blog no acaba de convencerte... algo le falta ¿no?. Quizad un toque algo mas personal xD.

Lo primero que querras cambiar supongo que son las imagenes, para poder cambiarlas te recomiendo que empieces creandote una carpeta donde guardar las imagenes del theme original y las imagenes del theme "custom"

Una vez creada la carpeta con las subcarpetas vamos a coger todas las imagenes del theme que estamos usando ahora, para hacer esto ve a tu pagina blogger. Ve a la pestaña Diseño y a edicion HTML. donde verás el cuadro con todo el codigo de tu theme. Ahora abre el buscador de texto del Mozilla (Ctrl + F por defecto) y se te abrira la barra de busqueda. Tendras que ir buscando las extensiones de imagenes (.JPG, .GIF, .PNG normalmente) y veras que salen al final de una dirección, que es donde esta ubicada esa imagen, copia esa dirección completa y pegala en la barra de direcciones de Mozilla y se te abrira la imagen, pinchas con el boton derecho y le das a guardar imagen, seleccionas la carpeta de theme/theme_original y das a aceptar y ahi tienes tu imagen. Ve haciendo esto con todas las imagenes que haya dentro del codigo y cuando las tengas todas ya estaras listo para empezar a "customizarlas".

Ahora que tienes todas las imagenes y tienes mas o menos clara la idea de que quieres cambiar, simplemente ve abriendo las imagenes y cambiandolas a tu gusto con el Photoshop por ejemplo. Si quieres cambiar la imagen totalmente utiliza la original de base para tener siempre los tamaños ajustados y que a la hora de actualizar el blog no te encuentres con huecos, ni tipicas imagenes descuadradas. Y siempre guardalo en la carpeta de theme/theme_custom para tener un backup del original que en algun momento lo necesitarás xD.

Cuando ya tengas las imagenes a tu gusto solo te falta subirlas a internet y modificar el codigo para que muestre tus imagenes y no las del theme original.

Para subir las imagenes te recomiendo Photobucket ya que ofrecen un buen espacio gratuito y podras crear carpetas, subir video, etc... sin olvidar que nos dara siempre los codigos para insertar tus imagenes tanto en html, como para blogs, emails, o direct link.

Crea una carpeta que se llame blog por ejemplo y dentro otra que se llame theme. Ve a tu carpeta de photobucket theme y sube ahi todas las imagenes del theme_custom.

Cuando las tengas todas subidas ve a tu blogger y a Diseño, Edición HTML y ve cambiando la direccion de la imagen del theme original por el direct link que te da photobucket de la imagen que le corresponda. Una vez hayas terminado guarda todos los cambios y actualiza tu blog para disfrutar de tu theme "custom".

_____________________________________________________________________________________

Cambiar el Theme o Template de tu blog blogger

2008-10-15T16:31:00.005+02:00

Bueno por lo visto han cambiado la version de blogger y algunos themes o templates (aspecto grafico para el que no lo sepa) no se cargan bien o dan problemas.

Para evitar esto yo fui directamente a la web que mucha gente considera la web por excelencia de themes para blogger. SkinCorner, pude comprobar por mi mismo que habiauna barbaridad de themes y que eran gratis (si sigues este blog te daras cuenta que casi todo lo que hacemos es con utilidades gratuitas).

Cuando comenzamos a crear un blog comente que no perdieseis demasiado tiempo eligiendo un themes, bien pues repito la sugerencia. No os fijeis en si el color no acaba de gustarte o si las imagenes que tienen no van muy acorde con tu blog etc.. Fijate unicamente en la estructura que sigue el theme y en que tenga un aspecto visual atractivo, ya que como dije vamos a "customizar" nuestro propio theme y esto lo estamos haciendo solo porque somos muy perretes y queremos tener una base ya creada ya que no todos teneis que saber html o xml para poder disfrutar de un buen theme...

Una vez que tengamos un theme con una estructura y un aspecto similar al que queremos simplemente tendremos que descargarlo, segun el theme vendra de una manera o de otra o bien en un archivo .TXT o bien en un archivo .XML o en su defecto en un archivo comprimido que contendrá uno de estos dos tipos.

Si el archivo es .TXT simplemente tendras que abrirlo, seleccionar todo y darle a copiar... ir a tu apartado de Diseño (Dentro de www.blogger.com en lo que seria tu panel de control.)y una vez alli le das a Edicion HTML y te saldra un cuadrado con todo el codigo del theme que tengas por defeco, selecciona todo el contenido, borralo y copia el contenido del .TXT dentro, le das a guardar ya tienes tu theme puesto.

Si por el contrario el archivo es un .XML lo suyo es que copies ese archivo directamente en tu directorio raiz (C:/) vas a la pestaña de Diseño de tu web, apartado de Edicion HTML en el cuadro de busqueda de cargar theme dale al boton de Examinar y busca el archivo .XML en tu disco duro, que si me has hecho caso sera... (C:/*.xml) le das a aceptar y despues a Cargar y si todo va bien veras que el contenido del codigo de tu theme ha cambiado, le das a guardar y listo ya tienes tu theme cargado.

Si te gusta el theme tal y como esta pues ya simplemente tendras que meter contenido a tu blog, si por el contrario solo has cogido el theme como una base para "customizarlo" hare una entrada para cambiar lo basico y que tengas tu propio theme.

_____________________________________________________________________________________

Crear un blog en blogger

2008-10-15T09:44:00.006+02:00

Esto es de lo mas simple que hay en el mundo ya que blogger genera sus blog con un proceso de tres pasos... no tiene perdida.

1.Crear una cuenta.

Necesitas tener una cuenta Google. Si aun no tienes una createla AQUI.
Si ya tienes tu cuenta Google. Simplemente rellena el formulario y dale a continuar. Hazlo AQUI.

2.Ponerle un nombre a tu blog.

Esto tienes que hacerlo solo x) puedes tardar 20 minutos o 3 segundos pero es cosa tuya.

3.Seleccionar una plantilla.

Te recomiendo que elijas uno cualquiera el que a simple vista te resulte mas atractivo, no pierdas el tiempo eligiendo uno porque todos los que vienen de base son muy cutres. Y dentro de poco hare una entrada en la que podras ver donde hay themes mas interesantes y donde explicare como modificar un theme ya creado para darle un aspecto mas "customizado".

Una vez hecho esto ya tienes tu blog creado. No ha sido dificil ¿verdad?

_____________________________________________________________________________________

Aqui empieza todo

2008-10-14T16:41:00.007+02:00

Bueno despues de pensarlo mucho me he decidido a crear este blog, en un principio queria hacer una web con todo lo que me interesa, poner tutoriales descargas y demas, pero como soy muy perezoso voy a comenzar con un blog :P.

Resumiendo este blog almacenara todo lo que se me pase por la cabeza y que tenga relación con la informática, imagenes, videos, tutoriales, codigos de programación etc.... y cosas que valla haciendo yo con el ordenador, en todos los sentidos imagenes, videos, codigos jejeje (no ha sido copy-paste).

Para empezar pongo esta entrada para ir probando los themes que hay por ahi y poder ir creando uno propio, pero poco a poco intentare poner contenido mas interesante.

Gracias por pasar un rato leyendo mi blog :D espero que pases mucho tiempo por aqui y que el contenido pueda ayudarte.

___________________________________________________________________