Archivo

Archivo para 26 diciembre 2011

Bordes redondeados en CSS

26/12/2011 Deja un comentario

Seguimos viendo las características que incorpora CSS3 y en esta ocasión os vamos a explicar cómo realizar bordes redondeados.

Ahora en CSS3 existe la propiedad border-radius que nos permite redondear las esquinas de los elementos, indicando el radio que deberá tener dicha curvatura.

Si por ejemplo escribimos como estilo de un DIV lo siguiente:

DIV {
border: 1px solid #000000;
border-radius: 15px;
padding: 20px;
}

Obtendremos como resultado un DIV como el que se muestra a continuación:

Conseguimos que todos los bordes sean iguales, pero si queremos que cada uno de los bordes tenga una medida diferente deberemos escribir por ejemplo:

DIV {
border: 1px solid #000000;
border-radius: 15px 5px 20px 0px;
padding: 20px;
}

y obtendremos esto:

Categorías:Diseño y Programación Etiquetas: , , ,

Tu blog con WordPress: 2 Instalación y acceso al área de administración

23/12/2011 Deja un comentario

Instalación

En el anterior post nos descargamos el WordPress, lo subimos a nuestro sitio, preparamos la base de datos y lo dejamos todo listo para empezar la instalación. Continuaremos en ese punto y lo primero que nada será especificar el nombre que queramos que tenga nuestro blog.

Deberemos indicar un nombre de usuario y una contraseña para acceder como administrador del blog y también escribiremos nuestra dirección de correo electrónico.

Una vez escritos los datos solicitados, pulsaremos sobre el botón “Instalar WordPress”

Nos aparece un aviso indicandonos que la instalación se ha efectuado correctamente. Si pulsamos sobre el botón acceder, se nos solicitará el nombre de usuario y la contraseña. Los escribiremos y accederemos entonces al área de administración, que es donde controlaremos todo nuestro blog.

El área de administración

Vemos que existe un menú lateral con todas las opciones y una zona central en la que nos irá modificando según la opción del menú en la que estemos. Lo primero que podemos hacer es ver que aspecto tiene actualmente nuestro blog. Para ello accederemos  al botón de la parte superior al lado del logo de WordPress, donde aparece el nombre que elegimos para nuestro blog.

Ahora queremos dejar nuestro WordPress limpio, es decir, eliminar los mensajes de ejemplo para empezar a escribir nuestros posts. Regresaremos al “Escritorio” de WordPress y en la sección “añade contenido real” de la parte central pulsaremos sobre los enlaces de “Borrar la página y la entrada de ejemplo” Entraremos en la página de edición donde seleccionaremos el mensaje en cuestión y posteriormente pulsaremos en papelera.

En el próximo post veremos como crear entradas y categorias e iremos profundizando en las diversas opciones del área de administración.

Tu blog con WordPress: 1 Pasos previos a la instalación

20/12/2011 Deja un comentario

Consideraciones previas

Vamos a ver los pasos necesarios para crear y personalizar un blog. En esta ocasión vamos a abordar su instalación en un alojamiento web. Si tu idea era una hacer una instalación en local, puedes seguir todos los pasos salvo los de subir la aplicación al servidor, puesto que tu equipo es el que hará de servidor.

Lo primero que necesitamos son los datos que nuestro proveedor de alojamiento nos envió al contratar el alojamiento. Vamos a usar los datos de acceso al panel de control y los datos ftp. También crearemos una base de datos y un usuario para acceder a ella, ya que esta aplicación necesita una base de datos para funcionar.

También debes tener en cuenta las características del alojamiento que has contratado, como el espacio en disco y la tasa de transferencia. Unos valores recomendables para empezar serian 100Mb de espacio en disco y 1Gb de transferencia mensual, aunque dependerá de la cantidad de visitas que tenga tu blog y sobre todo del tamaño de los contenidos alojados en él (imágenes, vídeos, etc.)

Subiendo la aplicación al servidor

Para obtener la aplicación WordPress, debemos acceder a la página oficial y descargarla (recomendamos encarecidamente que las aplicaciones que nos descarguemos sean de la página oficial o de webs de confianza). La versión actual es la 3.3 La descargamos y la guardamos en nuestro equipo.

Para subir la aplicación a nuestro servidor tenemos dos opciones via ftp o por alguna aplicación que tenga nuestro proveedor.

Si es por ftp necesitaremos un cliente de ftp como es el caso de Filezilla. Buscaremos en los datos que nos proporcionó nuestro proveedor los referentes al ftp y los escribiremos en el cliente de ftp (servidor, nombre de usuario y contraseña).

Al entrar en el ftp veremos un listado de carpetas. No debemos modificar ni borrar nada. Simplemente buscaremos la carpeta que nos indicó nuestro proveedor para alojar webs, que puede ser httpdocs, www o similar. Lo contenido en esta carpeta será lo que veamos al acceder a nuestro nombre de dominio desde un navegador. Si por ejemplo nuestro dominio fuera midominio.com y pusieramos la aplicación en dicha carpeta, al escribir dominio.com en el navegador entraríamos al blog, en cambio si creásemos una carpeta llamada blog y copiásemos en ella las archivos de WordPress, para acceder al blog tendríamos que escribir midominio.com/blog.

En el caso de que nuestro proveedor nos facilite alguna aplicación de gestión de archivos, lo primero seria loguearnos en el panel de control del alojamiento, y después mediante la aplicación de gestión subir los archivos. Tanto para el ftp como para el sistema de gestión de archivos, debemos comprobar que podemos descomprimir el fichero zip en el servidor. De no ser así, deberemos descomprimirlo en nuestro equipo y subir al servidor el contenido de la carpeta wordpress.

Preparando la instalación

El siguiente paso antes de arrancar la instalación será crear una base de datos en el servidor, y proporcionarle los datos de conexión al WordPress:

Para crear la base de datos, accederemos a nuestro panel de control del alojamiento y en el apartado de bases de datos crearemos una. También crearemos un usuario para gestionar esa base de datos y su correspondiente contraseña. Debemos ir anotando todos los datos para futuras consultas.

El último paso seria proporcionar estos últimos datos al WordPress. Accederemos con el navegador escribiendo la ruta donde esté el WordPress p.ej midominio.com/blog y se nos informará de que no existe el archivo de configuración.

Pulsaremos sobre el botón “Crear un archivo de configuración”. Se nos informa de los datos que debemos proporcionar. Pulsaremos el botón “¡Vamos a ello!” y en la siguiente página escribiremos el nombre de nuestra base de datos, el usuario, la contraseña y el host (que por lo general será localhost). Por último indicaremos el prefijo de las tablas ya que en el caso de que queramos varias instalaciones en una misma base de datos cada una deberá tener sus propias tablas.

Si todo ha ido bien nos aparecerá la ventana de inicio de la instalación.

Categorías:Aplicaciones Etiquetas: ,

Crear degradados mediante CSS

17/12/2011 Deja un comentario

En los navegadores Webkit como Safari o Chrome, existe una propiedad CSS para crear degradados. Esta propiedad también ha sido agregada a Firefox, el problema es que no es estándar, y hay que especificar los parámetros correctos para cada navegador. Si queremos que nuestra web tenga, por ejemplo, un fondo degradado de gris a blanco y de arriba a abajo, escribiremos en la hoja de estilos, dentro de la etiqueta body lo siguiente :

          background-image: -moz-linear-gradient(top, #666, #fff);
          background-image: -webkit-gradient(linear, left top,left bottom, from(#666), to(#fff));
          background-image: linear-gradient(top, #666, #fff);

Deberemos indicar en el caso de Mozilla el punto de partida en este caso top, el color de inicio y el color de fin. Para el caso de navegadores webkit, indicaremos el tipo de degradado (en este caso lineal), el punto de origen y el punto de destino, el color de inicio y el color de fin. Añadiremos también la especificación W3C, aunque como hemos comentado anteriormente, no es todavía estándar.

Categorías:Diseño y Programación Etiquetas: , ,

Parar todos los procesos de una aplicación

15/12/2011 Deja un comentario

Para las distribuciones Linux basadas en Debian como CentOS o Ubuntu, existe el comando killall que nos permite para todos los procesos de una aplicación que se están ejecutando en ese momento. Si nuestro sistema no tuviera instalada esta utilidad, deberiamos escribir:

apt-get install psmisc

y para detener los procesos de, por ejemplo, mysql escribiríamos:

killall mysql

 

 

Categorías:Linux Etiquetas: , ,

Comandos SSH básicos

14/12/2011 Deja un comentario

SSH es un protocolo de comunicación seguro que permite controlar un equipo remotamente a través de comandos. Es muy similar a Telnet, pero en este caso la información viaja codificada.

Para conectarnos a un servidor con nuestro nombre de usuario escribiremos:

ssh host  (donde host será el nombre del servidor o su ip)

Para conectarnos a un servidor con un nombre de usuario remoto pondremos:

ssh usuario@host  (donde usuario será el nombre del usuario remoto y host será el nombre del servidor o su ip)

Buscar archivos en el equipo remoto

ssh usuario@host  “find /bin -name zz” (buscará en la carpeta bin del equipo remoto remoto)

Para Copiar ficheros por ejemplo desde el equipo local al remoto escribiremos

scp /tmp/file usuario@host:/tmp

Las opciones más habituales de scp son:

-p: conserva las propiedades del archivo. Permisos del archivo, fecha de última de modificación.
-r: realiza la copia recursiva de directorios

Categorías:Seguridad