• Septimum logo

  • Septimum

    El blog de rod750

  •  
  • Inicio | Contrátame | Enlaces | Recursos
  •  

  • Twitter

  •  

  • Plantillas HTML/XHTML

    Al iniciar cualquier proyecto es necesario escribir la estructura básica de nuestro documento HTML/XHTML, algo que con el tiempo se vuelve tedioso.

    A continuación les dejo algunas plantillas que he escrito para ahorrarme ese aburrido primer paso.

    XHTML 1.0 Transitional

    <!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">

    <head>

    <title>Plantilla XHTML 1.0 Transitional</title>

    <!--metatags-->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <!--stylesheets-->
    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />

    <!--javascripts-->

    <!--feeds/pingback-->

    </head>

    <body>

    </body>

    </html>

    XHTML 1.0 Strict

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

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <title>Plantilla XHTML 1.0 Strict</title>

    <!--metatags-->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <!--stylesheets-->
    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />

    <!--javascripts-->

    <!--feeds/pingback-->

    </head>

    <body>

    </body>

    </html>

    HTML 4.01 Transitional

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    <html>

    <head>

    <title>Plantilla HTML 4.01 Transitional</title>

    <!--metatags-->
    <meta http-equiv="content-type" content="text/html; charset=utf-8">

    <!--stylesheets-->
    <link rel="stylesheet" type="text/css" href="style.css" media="screen">

    <!--javascripts-->

    <!--feeds/pingback-->

    </head>

    <body>

    </body>

    </html>

    HTML 4.01 Strict

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>

    <head>

    <title>Plantilla HTML 4.01 Strict</title>

    <!--metatags-->
    <meta http-equiv="content-type" content="text/html; charset=utf-8">

    <!--stylesheets-->
    <link rel="stylesheet" type="text/css" href="style.css" media="screen">

    <!--javascripts-->

    <!--feeds/pingback-->

    </head>

    <body>

    </body>

    </html>
  • AutorCategoríasFechaCorreoTwitterFacebookDeliciousMySpaceComentarios
  •  

  • Tranquila, es morse…

    Tranquila, es morse...

    Vía: http://cucuxenxo.tumblr.com/post/777241971

  • AutorCategoríasFechaCorreoTwitterFacebookDeliciousMySpaceComentarios
  •  

  • ¡Recuerda comprar la leche!

    Ayer estaba buscando algo que me recordara fechas importantes como: el día que tengo que recordarles a mis clientes que tienen que renovar su dominio o hosting, el día límite de algún trabajo, el día en que he quedado con alguien en algún lugar, etc…

    Tengo muy buena memoria, pero sólo para las cosas que ya han pasado, las cosas que van a suceder y tengo que atender, siempre las olvido :lol: .

    En primer lugar me tope con el famoso Google Calendar, pero es muy complicado para lo que yo quería. Me puse a buscar un poco y encontré lo que buscaba, Remember the Milk.

    Básicamente es un organizador de tareas por hacer (To Do’s) puedes organizarlas por categorías y etiquetas, asignarles una fecha límite y hasta imprimir lo que tienes que hacer en cada día.

    Remember the Milk se encargará de avisarte cuando alguna tarea este llegando a su fecha límite vía e-mail o también puedes configurar tu cuenta de Twitter para recibir los avisos ahí.

  • AutorCategoríasFechaCorreoTwitterFacebookDeliciousMySpaceComentarios
  •  

  • ¡Adios Facebook!

    Hoy decidí eliminar definitivamente mi cuenta de Facebook. Para empezar nunca debí registrarme, al principio es divertido pero después te das cuenta que Facebook es una amenaza a la privacidad, podrás controlar lo que dices y proporcionas al sitio, pero nunca podrás mantener controlado del todo lo que dicen y proporcionan los demás sobre ti.

    La razón, me canse de hacer lo que acabo de mencionar, intentar controlar los datos que ceden otras personas sobre mi. Es imposible. Y de configurar mi cuenta para que las interacciones conmigo estén restringidas a eliminarla completamente, prefiero eliminarla completamente.

    Si la gente fuera cuidadosa, la historia sería distinta, pero la gente es estúpida y eso no se puede cambiar de la noche a la mañana.

  • AutorCategoríasFechaCorreoTwitterFacebookDeliciousMySpaceComentarios
  •  

  • Nuevo diseño… otra vez

    No es tan atractivo como el anterior pero he trabajado mucho más en la programación de este, el anterior diseño no tenia una semántica definida y válidaba sólo XHTML 1.0 Transitional.

    He decidido elegir hacer un diseño minimalista porque me encanta lo minimalista, además deseo publicar mini-entradas -como esta- y un diseño estrecho como el actual es perfecto para disimular la falta de contenido.

    Si notas el blog vacío es porque elimine algunas de las pocas entradas que habia publicado.

  • AutorCategoríasFechaCorreoTwitterFacebookDeliciousMySpaceComentarios
  •  

  • Cómo eliminar la barra lateral del nuevo diseño de Google

    Si eres como yo y no te ha gustado el nuevo diseño de Google con su intrusiva barra lateral aquí esta la solución.

    Si quieres conservar las opciones de búsqueda, echa un viztazo a las versiones alternas.

    • Usuarios de Firefox
    • Usuarios de Opera
    • Usuarios de Internet Explorer
    • Usuarios Google Chrome

    Usuarios de Firefox

    1. Instala este complemento: Stylish.
    2. Si haz cerrado la ventana; ve a Herramientas » Complementos » Estilos de Usuario.
    3. Da clic en el botón “Escribir nuevo estilo”.
    4. En el campo “Nombre” te recomiendo poner “Google” (puedes poner lo que sea).
    5. El campo “Etiquetas” puedes dejarlo en blanco
    6. En el area de texto pega este código

    ¡Importante! Edita la primera línea con el dominio de Google que utilices (google.com.mx, google.com.ar, google.es, etc.).

    @-moz-document domain('google.com'){ #leftnav{ display:none; } #center_col{ margin-left:0 !important; margin-right:0 !important; } #foot{ width:100% !important; } .tsf-p{ width:100% !important; } }
    Versión alterna

    Sigue las mismas instrucciones de arriba pero utiliza este código en vez del otro.

    @-moz-document domain('google.com'){ #ms{ display:none; } #leftnav{ position:inherit !important; width:100% !important; } #center_col{ margin-left:0 !important; margin-right:0 !important; } #foot{ width:100% !important; } .tbt{ float:left; width:auto !important; margin:10px 0 !important; } }
    Revertir los cambios

    Sólo desinstala la extensión o elimina el estilo en las opciones de Stylish.

    Usuarios de Opera

    1. Descarga este archivo: google.css (clic derecho » guardar contenido como…).
    2. Visita la página de Google y da clic derecho en el fondo » Editar opciones del sitio…
    3. Ve a la sección “En pantalla”, elige el archivo que descargaste primero y dale a aceptar.
    Versión alterna

    Sigue las mismas instrucciones de arriba pero utiliza este archivo (google-alt.css) en vez del otro.

    Revertir los cambios

    Sigue los mismos pasos hasta llegar a la sección “En pantalla” de “Opciones del sitio” da clic al campo de texto que contiene la ruta al archivo y borralo, da clic en aceptar.

    Usuarios de Internet Explorer

    1. Descarga este programa IE7Pro
    2. Una vez instalado, descarga este archivo (google-barra-lateral.ieuser.js) y guardalo en (C:\Archivos de programa\IEPro\userscripts) *la ruta depende de tu versión de windows y donde hayas instalado el programa.
    3. En Internet Explorer presiona CTRL+F7 o da clic derecho en el icono azul que acaba de aparecer en la parte inferior de la ventana, y ve a Configuración.
    4. Ve a “Scripts de usuario”, da clic en el botón “Actualizar lista”, marca “Eliminar Barra Lateral de Google” y da clic en aceptar.

    Si no te gusta que cada dirección que escribas se abra en una nueva pestaña: en la misma ventana de configuración ve a “Configuración base” y desmarca “Siempre abrir páginas en nuevas pestañas (en vez de reemplazar la pestaña actual)”, da clic en aceptar.

    Version alterna

    Sigue las mismas instrucciones de arriba pero utiliza este archivo (google-barra-lateral-alt.js) en vez del otro.

    Las opciones de búsqueda no se muestran exactamente como en la imagen de abajo, se muestran de forma vertical, aun así no es incomodo.

    Revertir los cambios

    Desinstala el programa o si quieres volverlos a aplicar después, sigue los mismos pasos hasta llegar a “Scripts de usuario” y desmarca “Eliminar Barra Lateral de Google”, da clic en aceptar.

    Usuarios de Google Chrome

    1. Descarga esta extensión: Stylish.
    2. Ve a la sección de extensiónes y da clic en el boton de opciones de Stylish.
    3. Da clic en “Add new style”.
    4. En nombre pon “Google”.
    5. En el area de texto pega este codigo.
    #leftnav{ display:none; } #center_col{ margin-left:0 !important; margin-right:0 !important; } #foot{ width:100% !important; } .tsf-p{ width:100% !important; }
    1. Marca la opcion “enabled”.
    2. En “Applies to” selecciona “URLs on the domain”, en el siguiente campo escribe el dominio de google que utilices (google.com, google.com.mx, google.com.ar, google.es, etc…).
    3. Dale a “Save”.
    Versión alterna

    Sigue las mismas instrucciones de arriba pero utiliza este código en vez del otro.

    #ms{ display:none; } #leftnav{ position:inherit !important; width:100% !important; } #center_col{ margin-left:0 !important; margin-right:0 !important; } #foot{ width:100% !important; } .tbt{ float:left; width:auto !important; margin:10px 0 !important; }
    Revertir los cambios

    Sólo desinstala la extensión o elimina el estilo en las opciones de Stylish.

    Listo Google debería verse así ahora

    Si utilizaste la versión alterna, las opciones de búsqueda se verán así

  • AutorCategoríasFechaCorreoTwitterFacebookDeliciousMySpaceComentarios
  •  

  • Bienvenido

    Primero que nada, hola.

    Después de rediseñar infinidad de veces este sitio he logrado por fin llegar a un diseño que me agrada bastante, debo decir que los demás también me agradaban pero era complicado leer y escribir en ellos.

    Bueno soy rod750 (los que me conocen ya saben mi nombre), soy adicto al diseño gráfico y la programación web, he aprendido todo lo que sé yo mismo, aunque me hubiera gustado que alguien me enseñase (aprender solo es difícil).

    Al principio esta web sólo sería mi blog personal, pero desde ya hace varios meses estoy intentándola convertir también en mi portafolio, parece que lo he logrado. Quizá en el momento que publique esta entrada aún no exista nada en las demás secciones, pero terminando de escribir esto me pondré a trabajar en ellas.

    En dichas secciones daré información y muestras sobre mi trabajo como diseñador gráfico y programador web freelance, por ahora puedes visitar mi galería en Deviantart, aunque creo que no tiene algo que no hayas visto ya.

    Me despido y espero poder escribir aquí regularmente.

  • AutorCategoríasFechaCorreoTwitterFacebookDeliciousMySpaceComentarios
  • Septimum © 2009-2010 | XHTML 1.0 | CSS | RSS