Connexion MySQL depuis l’extérieur.

Après avoir lutter quelque peu pour établir une connexion à distance entre deux site je vous propose un petit tuto pour effectuer la manipulation rapidement. Ce n’est pas bien compliqué mais il faut penser à différentes choses.

Configurer les utilisateurs sur phpMyAdmin :

Vous devez impérativement créer un utilisateur avec un accès « % » ou « 255.255.255.255» (IP correspondante au serveur distant qui effectuera la connexion). Ici j’utilise l’utilisateur sirlepape.

Je vous conseille toutefois d’utiliser une IP précise, cela assurera un niveau de sécurité élevé. Pensez également à renommer les utilisateurs root, c’est toujours mieux pour lutter contre les intrusions.

Configurer votre serveur MySQL :

Il faut ensuite accéder au fichier /etc/mysql/my.cnf. C’est le fichier de configuration par défaut de MySQL sous debian. Vous devez y rechercher l’instruction « bind-address». Par défaut elle est définie à 127.0.0.1. Cela signifie qu’elle n’écoute que les connexions locales. Commentez la (avec #), ou mettez votre IP distante pour en autoriser l’accès.

Pensez également à vérifier dans ce même fichier le port utilisé par votre serveur. Redémarrez MySQL.

/etc/init.d/mysql restart

Vous devriez maintenant pouvoir vous connecter à distance, avec par exemple le code suivant :

mysql_connect('255.255.255.255:3306', 'sirlepape', '***');
mysql_select_db('sirlepape');

Si cela ne marche toujours pas ou s’il vous a fallu rajouter des opérations, n’hésitez pas à me le faire savoir en commentaire.

CSS tips !

Voici un petit bout de CSS pratique s’adaptant à tout vos tableaux xHTML et pouvant donner une touche de design sympathique. Elle ajoute simplement un bord arrondi sur chaque angle du tableau, quelque soit la taille et la forme du tableau. Il n’y a pas non-plus besoin de rajouter des attributs sur les balises. Exemple :

Dans l’exemple CSS ci-dessous, j’utilise la propriété -moz-border-radius, vous pouvez également la coupler avec -webkit-border-radius et border-radius. Ou même, pour que cela marche sur IE, utiliser background-image :

tr:last-child td:last-child{
-moz-border-radius-bottomright: 10px;
border: none;
}

tr:last-child td:first-child{
-moz-border-radius-bottomleft: 10px;
border: none;
}

tr:first-child th:last-child, tr:first-child td:last-child{
-moz-border-radius-topright: 10px;
border: none;
}

tr:first-child th:first-child, tr:first-child td:first-child{
-moz-border-radius-topleft: 10px;
border: none;
}

Faire un menu horizontal valide très simplement

Plusieurs personnes m’ont déjà demandés comment faire un menu horizontal simplement pour leur site. J’ai donc décidé de vous mettre à disposition un code simple et valide, fonctionnant sur tout les navigateurs et permettant de réussir à coup sur cette tache. Il vous sera possible par la suite de changer complétement le design en rajoutant vos propriétés CSS. Mais pour mon exemple j’ai voulu garder un code minimal.

Le rendu sera le suivant :

Lire la suite »

Twitter in Plain English

Je viens de tomber sur un site web proposant de nombreux tutoriels vidéos très bien fait. Concis, directs et clairs ces tutoriels peuvent être un atout majeur pour des formations ou simplement pour comprendre personnellement certains principes.

En voici un expliquant Twitter. Retrouvez le reste sur le site officiel : Commoncraft.com

Les Hacks CSS… Proprement

Le CSS (Cascading Style Sheets : feuilles de style en cascade) est le langage utilisé pour mettre en forme les données présentes dans les fichiers HTML et XML. Ce langage a été normé par le W3C, sa version 3.0 est en préparation.

Malgré tout les différents navigateurs web développés par divers organismes ne respectent pas tous ces normes. De ce fait chaque navigateur interprète à sa manière le CSS. Il existe alors deux possibilités pour parer ces différences:

• La première est de ne pas utiliser les propriétés trop litigieuses (tel que padding). C’est celle qu’il faudrait utiliser pour la propreté et l’accessibilité de votre site.

• La seconde est l’utilisation de hacks CSS. Le principe de base est assez simple: les navigateurs ne parsant pas de la même manière les fichiers, nous pouvons leurs tendre des pièges, certain tomberont dedans, d’autre non. Permettant ainsi une séparation et donc l’application de propriétés différentes.

Le problème de la première méthode est la restriction importante des possibilités offertes par le CSS et donc elle est très peu utilisé. Le problème de la deuxième est la création d’une feuille de style éronnée pouvant poser des problèmes complexes et détruire la présentation sur les versions futures des navigateurs.

Je vais donc vous proposer quelques solutions pour résoudre le problème en évitant ces dérangements.

Lire la suite »