Archivo categoría Web
Error Your PHP installation appears to be missing the MySQL extension which is required by WordPress
Por Pablo Viale - SQL (mySQL), Web, WordPress - 25 Enero 2009
Instalé WordPress en un nuevo servidor y me salía el error:
Your PHP installation appears to be missing the MySQL extension which is required by WordPress.
Revisé todos los pasos de configuración que aparecen en esta liga:
http://wordpress.org/support/topic/154730
sin éxito.
Al final, gracias a esta otra liga:
me di cuenta que para resolver el problema lo único que había que hacer era copiar el archivo libmysql.dll a la carpeta c:\windows\system32. Por alguna razón el sistema operativo no lo reconoce estando en c:\php\ext.
Espero que esto le sirva a alguien.
Librería de JavaScript jQuery
Por Pablo Viale - Ajax, Herramientas, Web - 8 Enero 2009
Existen varios productos desarrollados en JavaScript que puedes comprar por separado para incluir en tus sitios web, como tabs (pestañas), acordeones, pop-ups, etc.
Pero hay una librería muy buena que es de descarga gratuita, se llama jQuery.
A pesar de ser libre está muy bien desarrollada, incluso tiene distintos temas de diseño de cuáles escoger. Cada componente tiene varias opciones de configuración que te permiten personalizarlos.
Esta librería contiene:
Interacciones
- Arrastrar
- Soltar
- Dar tamaño
- Seleccionar
- Ordenar
Widgets
- Acordeón
- Seleccionador de fecha
- Ventana emergente
- Barra de progreso
- Deslizador (slider)
- Pestañas (tabs)
Si eres desarrollador también puedes desarrollar tus propios widgets usando esta librería.
Esta es la página donde encuentras los widgets:
http://ui.jquery.com/
Bloqueo del puerto 25 por Prodigy Infinitum
Por Pablo Viale - Web, Windows - 27 Diciembre 2007
Prodigy Infinitum es el proveedor más grande de Internet en México. Recientemente tomaron la determinación de bloquear el puerto 25 para combatir el SPAM o correo basura.
Para los proveedores de hosting esto es un problema, porque los clientes utilizan principalmente Infinitum y perdieron la capacidad de enviar mensajes desde sus oficinas usando Outlook o Thunderbird. Sí los pueden descargar porque el puerto de POP que es el 110 no fue bloqueado.
¿Cómo solucionarlo?
Si eres un proveedor de hosting, esta es la mejor solución:
Antes que nada, no cambies tu servidor de e-mail a un puerto diferente. Déjalo en el puerto 25 porque todos los servidores de mail externos (hotmail, gmail, yahoo, etc) intentarán conectarse con tu servidor de mail usando el puerto 25. Si pones a tu servidor de mail a escuchar en otro puerto, los correos de servidores externos no lo encontrarán y tus clientes no recibirán mails.
Ok, con ese asunto aclarado, tienes que hacer lo siguiente:
Al seleccionar un nuevo puerto, no puedes elegir el que se te venga a la mente, busca en Internet información sobre los diferentes puertos porque hay varios números que ya están reservados para otros servicios, como FTP, bases de datos, etc. El 26 está libre y lo puedes usar sin problemas.
1. Redirigir el tráfico del puerto 26 al 25
Si tu servidor de mail lo soporta, indícale que escuche en el puerto 25 y en el 26 (u otro número de tu elección) y sáltate toda la explicación siguiente del paso 1. Si no soporta múltiples puertos, entonces deberás redirigir todo el tráfico del puerto externo 26 (u otro número de tu elección) al puerto interno 25.
Esto también se puede llamar “port mapping”. Estas son dos herramientas que me recomendaron para hacerlo, aunque no las he probado:
- Greyware Detour – http://www.greyware.com/software/detour/index.asp
- Port mapper, v1.40 – http://www.kmint21.com/free/port-map.zip
Una tercera opción y que sí he probado, es utilizar el Windows Firewall/Internet Connection Sharing (ICS). Para hacerlo, primero asegúrate que el servicio esté encendido y marcado como automático.
Puedes abrir el Firewall de Windows desde el panel de control:
Si no está encendido, enciéndelo:
Haz clic en la pestaña Advanced, selecciona Public bajo Network Connection Settings y oprime el botón Settings....
En la ventana que aparece, oprime Add... para dar de alta una nueva entrada y realizar la redirección o mapeo de puertos. Notarás que yo ya lo he hecho, mi entrada se llama Programa de mail.
Esta es la configuración de dicha entrada, he puesto una dirección IP ficticia, modifícala por tu IP pública:
Acepta los cambios y la redirección ha sido realizada. Ahora, todo el tráfico que llegue a tu servidor solicitando el puerto 26 será reenviado al puerto 25. De esta manera es como si tu servidor de mail estuviera escuchando por ambos puertos.
Solamente ten en cuenta que si no tenías habilitado tu Firewall y lo acabas de habilitar, tienes que abrir los puertos para los demás servicios, como FTP, Web, etc. Esto lo haces desde la misma ventana, pero en la pestaña Exceptions. Haz clic en Add Port... y configura el puerto que deseas abrir:
Busca una lista de puertos en Internet para saber cuáles debes abrir.
Lo que me gusta de esta solución es que no hay que instalar nada adicional en el servidor, y el Firewall de Windows corre como un servicio, así que te aseguras de que siempre estará activo, aún después de reiniciar el servidor.
2. Pedir a tus clientes que modifiquen la configuración de su Outlook o Thunderbird
Suponiendo que seleccionaste el puerto 26, tendrás que pedirles a tus clientes que realicen la modificación del Servidor de Salida (SMTP) en sus clientes de e-mail (Outlook, Thunderbird, Eudora, etc), borrando el número 25 y colocando el 26.
Los pasos para realizar esta configuración varían de programa a programa, busca información en Internet para saber cómo hacer este cambio.
Al usar el puerto 26, el Outlook de tus clientes se conectará a tu servidor por el puerto 26, tu servidor lo redireccionará al puerto 25, donde está escuchando tu servidor de mail. Tu cliente nunca utilizó el puerto 25, que ha sido bloqueado.
Si tienes otros clientes cuyo proveedor de Internet no ha bloqueado el puerto 25, entonces puedes pedirles que realicen el cambio al puerto 26 o que no hagan nada. De cualquiera de las dos formas podrán enviar y recibir correo sin problemas.
Templates de Dreamweaver y páginas ASP.NET con código code-behind
Por Pablo Viale - ASP.NET 2.0 / 3.5, Web - 7 Septiembre 2007
Existe una situación extraña cuando trabajas en un sitio web con plantillas de Dreamweaver y con ASP.NET 2.
Cuando añades una nueva página aspx, la primera línea del código es algo similar a esto:
-
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Contacto.aspx.vb" Inherits="Contacto" %>
Si esta página está controlada por un template de Dreamweaver, y tú modificas ese template, y luego aplicas los cambios, notarás que Dreamweaver elimina la citada línea del archivo. Lo cual simplemente hace que tu página ASP.NET no funcione más.
Puedes regresar a Visual Web Developer (o la herramienta de ASP.NET que utilices) y volver a ponerle la línea eliminada, pero si tienes muchas páginas esto puede ser una pesadilla.
Encontré un post en un foro con una solución que supuse no iba a funcionar, pero la probé y de hecho sirve!
A tus páginas aspx añádeles esta línea después de la línea de declaración:
-
<%--'comment--%>
De tal forma que te quede algo como esto:
-
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Contacto.aspx.vb" Inherits="Contacto" %>
-
<%--'comment--%>
Ahora pruébalo para que veas como funciona. Haz cualquier cambio a tu template de Dreamweaver, aplica el template a las páginas basadas en él, y verás que la línea permanece intacta, haciendo que la aplicación siga funcionando sin problemas.
Herramientas javaScript y CSS para Dreamweaver
Por Pablo Viale - Herramientas, Web - 31 Agosto 2007
Esta página vende excelentes productos, como tabs, menús, acordeones (accordions), etc.
Código javaScript para hacer efectos de acordeón
Por Pablo Viale - Herramientas, Web - 30 Agosto 2007
En esta página hay un código javaScript que te permite hacer menús de tipo acordeón.
Claro que lo puedes aplicar a otras cosas que no sean menús.
http://www.hedgerwow.com/360/mwd/accordion/demo.php
Es gratuito.
Tooltips en javaScript
Por Pablo Viale - Herramientas, Web - 30 Agosto 2007
Aquí encontrarás un buen código para crear Tooltips usando javaScript.
Es gratuito.
Cómo centrar una tabla verticalmente en una página web
Por Pablo Viale - Web - 13 Agosto 2007
La mejor manera que he visto de centrar una tabla (o cualquier contenido) verticalmente en la ventana del navegador, la encontré en Dead Centre.
Resumí lo que encontré ahí para hacerlo más entendible:
En tu hoja de estilos pon estas dos clases:
-
.horizonte
-
{
-
color: #000000;
-
background-color: #ff0000;
-
text-align: center;
-
position: absolute;
-
top: 50%;
-
left: 0px;
-
width: 100%;
-
height: 1px;
-
overflow: visible;
-
visibility: hidden;
-
/*visibility: visible; Activa esta linea si quisieras ver donde esta el horizonte*/
-
display: block;
-
}
-
-
.contenido
-
{
-
-
margin-left: -250px;
-
position: absolute;
-
top: -250px;
-
left: 50%;
-
width: 500px;
-
height: 500px;
-
visibility: visible;
-
}
La clase llamada horizonte posiciona contenido exactamente en la mitad de la pantalla, esto lo logra con el top=50%; Su altura es un pixel y su visibilidad es hidden porque no queremos que se vea, es solamente un lugar donde posicionaremos nuestro contenido. Ojo: Como su overflow es visible no importa que el contenido sea más alto que un pixel, más información sobre esto aquí.
Lo que debes de modificar en la hoja de estilos anterior es el width y el height de acuerdo a tu contenido. Cuando lo hagas, también modifica margin-left y top. Nota que son los mismos valores que width y height pero divididos entre 2 y con número negativo.
Y este es el código donde colocas tu información:
Aquí también modifica width y height en la tabla para que concuerden con los valores que pusiste en la hoja de estilos.
* Funciona en Internet Explorer y Firefox.
La propiedad overflow de CSS
Por Pablo Viale - Web - 10 Agosto 2007
La propiedad overflow de CSS define qué ocurre cuando el tamaño del contenido sobrepasa el tamaño del área que la contiene.
Es útil para colocar un scrollbar a un elemento DIV.
A continuación pongo un ejemplo y 4 imágenes que muestran cómo se ve con cada diferente opción.
La definición de la hoja de estilos
-
.divScrolls {
-
font-family: Arial;
-
font-size: 10px;
-
background-color:#FFCC99;
-
-
overflow:auto; /* Este valor hay que irlo cambiando para cada ejemplo */
-
width: 300px;
-
height: 300px;
-
}
El HTML ejemplo
-
<div class="divScrolls">
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean a nisl ac nibh ultrices elementum. Suspendisse potenti. Etiam eros elit, sollicitudin a, pretium nec, consequat blandit, elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus ac nunc. Nullam elementum arcu pellentesque nisi. Duis a nulla vel metus placerat porta. Etiam ullamcorper hendrerit ante. Sed eleifend nisl id lectus. Cras est. Curabitur nec dui. Integer venenatis, sapien in adipiscing luctus, turpis dolor porttitor nisi, id laoreet mi nunc vel dolor. Sed libero justo, dapibus vitae, tempus vitae, feugiat id, risus. Etiam blandit blandit justo. Phasellus lobortis, leo vitae pellentesque cursus, leo mauris elementum felis, a facilisis nisi felis ac nisl.
-
Proin libero elit, condimentum vitae, congue non, fermentum id, magna. Maecenas ipsum neque, pulvinar feugiat, fermentum nec, ultrices non, elit. Fusce in neque vel augue aliquet interdum. Etiam malesuada. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sollicitudin odio vitae odio sagittis feugiat. Vivamus laoreet purus in nisl congue egestas. Proin dui risus, aliquet nec, ornare eget, hendrerit ut, felis. Maecenas imperdiet venenatis nisi. Donec vestibulum orci adipiscing lectus. Morbi venenatis, pede vitae pretium porttitor, sapien diam vulputate libero, in sagittis purus urna vel risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
-
Morbi rhoncus porta lectus. Ut volutpat quam sit amet mauris. Curabitur egestas. Maecenas placerat nibh ac enim. Cras neque neque, adipiscing eu, posuere vitae, eleifend eget, felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla at nisi quis turpis suscipit faucibus. Nulla eget nisi. Nulla dignissim scelerisque ipsum. Vivamus malesuada odio at purus. Nulla porttitor, justo eu fringilla suscipit, quam lectus iaculis odio, et volutpat pede tellus et elit. Donec quis purus et purus luctus aliquam. Cras est neque, scelerisque et, vestibulum ullamcorper, eleifend mollis, massa. Morbi iaculis nisi non erat. Etiam dolor ante, dapibus nec, venenatis quis, tempus non, nisi. Nam aliquet tortor nec mi. Sed massa arcu, consectetuer ac, volutpat sit amet, tempus sit amet, pede. Donec rhoncus mattis dolor. Nulla purus erat, nonummy quis, scelerisque vitae, ornare at, enim.
-
</div>
Muestras
visible
Es el valor por default. Si el contenido no cabe, no se ajusta, se sale del elemento.

hidden
El contenido se ajusta al área, pero no se despliega ningún scrollbar para visualizar la parte que no se ve.

scroll
El contenido se ajusta, y se despliega un scrollbar que permite ver el resto del contenido.

auto
Si el contenido se ajusta, el navegador despliega un scrollbar.

Texto opaco sobre fondo semi transparente con CSS
Por Pablo Viale - Web - 10 Agosto 2007
Si queremos tener un fondo semi transparente y un texto opaco encima, quizás lo primero que se nos ocurra sea crear un estilo que contenga filter:alpha(opacity=10); y -moz-opacity:0.1; y luego aplicárselo a un DIV o celda y colocar todo nuestro contenido ahí.
Bueno, lo anterior no sirve porque debido a que el texto se encuentra dentro del mismo bloque, también se hace transparente.
Lo que debemos hacer es crear dos bloques (DIV o celda) distintos: uno para el fondo semi transparente y otro para el texto (o contenido) que va encima. Y luego colocar uno encima del otro.
Esto se hace de la siguiente manera.
Hoja de estilos
-
.dppal {
-
position: absolute;
-
}
-
-
.dfondo {
-
width: 200px; height: 200px;
-
background-color: #ff0000;
-
filter:alpha(opacity=20);
-
-moz-opacity:0.2;
-
opacity: 0.2;
-
padding:10px;
-
}
-
-
.dtexto {
-
width: 200px; height: 200px;
-
background-color: transparent;
-
position: absolute;
-
z-index: 2;
-
padding:10px;
-
}
Referencia:
http://developer.mozilla.org/en/docs/Useful_CSS_tips:Color_and_Background








