DéTruk

Migration

purple21 — Sun, 14 Oct 2007 08:37:35 GMT

Ce blog à migré : http://detruk.blogspot.com

Blogcloud : un concept sympa

purple21 — Sun, 07 Oct 2007 11:43:00 GMT

J'aimerai vous faire part d'une petite découverte assez sympa à mon sens...
C'est un concept qui s'appelle : BlogCloud.

L'idée? Faire aparaitre des titres de blog, comme ça, à la suite, sur une page pleine...
Il existe des catégories (ils n'ont pas poussé le vice jusqu'à tout mettre pelle-mèle quand même).

Là où ça devient plutôt sympa c'est que les noms des blogs aparaissent sous forme de tags. Plus un nom est cliqué, plus il grossit.. Ca donne ainsi un bon aperçu des blogs les plus consultés selon les catégories.
Vous pouvez bien entendu ajouter votre blog. On vous demandera son titre, l'url, et une description... Ensuite, vous pourez aparaitre dans ce méli-mélo de blogs...comme moi (Si si j'suis là, juste en bas là...)

Lien :

Rugby : la France en demi-finale...BRAVO !

purple21 — Sat, 06 Oct 2007 21:44:00 GMT

France-Nouvelle Zélande : 20-18
Bravo !

SWF Image Replacement...

purple21 — Fri, 05 Oct 2007 18:17:00 GMT

Aujourd'hui je voudrais vous faire part d'une des solutions possibles pour redonner vie à vos images sur le web...
Pour peu que vous ayez déjà construit un site web et que vous eusse voulume mettre en page des images, vous avez surement dû vous confronter à certains problèmes...

Je vous donne un exemple très simple :
Comment faire pour arrondir les coins d'une image ?
Plusieurs solutions me direz vous...

Modifier l'image au préalable sur un logiciel spécifique (genre Photoshop ,the Gimp, etc.) en lui arrondissant ses coins.

Utiliser les CSS et superposer sur vos images un gif transparent (ou un png pour ceux qui ne souhaiterez pas que cette astuce soit visible sur Internet Explorer <7 (IE ne prend pas en compte la transparence des .png sur les versions antérieures à 7)

Dans le cas de "bloc", utiliser les CSS et se lancer dans une imbrication de 4 <div> successifs (j'y reviendrai dans un futur post pour ceux que ça intéresse)

Bref, c'est pas forcément une tâche "aisée" en utilisant le language HTML ! Et si je vous demande maintenant d'appliquer sur vos images des ombres porteés? "Oulalalala !....." Des rotations ? "Aie Aie Aie" !

Je vais maintenant présenter une solution "simple" pour appliquer de nombreux styles sur vos images : ombre portée, bords arrondis, rotation etc...
Le "SWFir" pour SWF Image Replacement, est une méthode utilisant Flash et Javascript pour revaloriser vos images !

Illustration :

Comment ça marche?

Vous avez besoin de 2 fichiers principaux : 1 fichier Flash (.swf) et un fichier Javascript (.js), disponibles sur le site de SWFir ou plus simplement ici
Décompressez le dossier et placez les 2 fichiers dans le même dossier que vos pages html.

Entre <head> et </head> vous placez cette ligne :
<script type="text/javascript" src="swfir.js"></script> afin d'appeller le fichier Javascript.
Puis entre <body> et </body> vous placez ces lignes :
<script type="text/javascript">
window.onload = function()
{
sir = new swfir();
sir.specify("border-width", "20");
sir.specify("border-radius", "15");
sir.specify("border-color", "fff");
sir.specify("rotate","-5");
sir.specify("shadow-blur", "15");
sir.specify("background-color", "9dcee0");
sir.swap("img");
}
</script>

Par la suite, vous pouvez appliquer le style désiré sur toutes les images de votre site ou seulement sur certaines.
Je vais maintenant décrire ligne par ligne le script principal :

sir.specify("border-width", "20"); : Cette ligne vous permet de spécifier la largeur de la bordure qui sera appliquée sur l'image (ou les images). Ici, une bordure de 20px sera appliquée.

sir.specify("border-radius", "15"); Je vous parlais de bords arrondis sur les images, c'est grâce à cette ligne que cet effet est rendu possible. Ici on applique un rayon de 15px sur chaque arrondi. Plus ce chiffre est élevé et plus les coins seront arrondis.

sir.specify("border-color", "fff"); : Ici on spécifie la couleur de la bordure au format hexadecimal. #fff est une contraction de #ffffff et correspond à la couleur blanche.

sir.specify("rotate","-5"); Là on applique un effet de rotation sur l'image.

sir.specify("shadow-blur", "15"); Cette ligne est, à mon sens, assez intéressante car elle permet d'appliquer une ombre portée sur l'image. Plus le chiffre est élevé,plus l'opacité de l'ombre sera élevée. Attention cela dit, une valeur trop grande entrainera une diminution de la taille de votre image.

sir.specify("background-color", "9dcee0"); L'utilisation de background-color sert, comme vous vous en doutez surement, à insérer un arrière plan coloré à votre image. La couleur est,là aussi, spécifiée dans un format hexadécimal.

Enfin, la dernière ligne: sir.swap("img"); sert à appliquer ces différents styles sur les images.C'est ici que l'on peut attibuer un effet particulier sur certaines mais pas sur la totalité des images de votre site.

Pour le moment nous avons donc défini la nature des effets . Maintenant il faut encore les appliquer sur les images ! Il y a deux possibilités : si vous souhaitez appliquer les style sur toutes les images de votre site, vous n'avez plus rien à faire. En effet, ils s'appliqueront automatiquement sur chaque balise <img> autrement dit, sur toutes les images. Si vous souhaiter appliquer localement les styles préalablement définis, la suite est pour vous...

Comment faire pour appliquer les styles sur certaines images et pas sur d'autres ?

Il vous suffit d'indiquer les class ou les id sur lesquels vous voulez que la magie opère ! Pour cela il faut modifier la dernière ligne.

ex1 : Application du style sur un id :

sir.swap("#bloc img"); Ici, les styles vont s'appliquer sur les div portant un id="bloc".
Ensuite c'est du css classique (Nous sommes ici dans le body de la page) :
<div id="bloc"><img src="souffle.jpg" /></div> Ici, le style va s'appliquer sur l'image "souffle.jpg"

ex2 : Application du style sur une class :

sir.swap(".bloc img"); Ici, les styles vont s'appliquer sur les div portant un class="bloc".
Ensuite c'est du css classique (Nous sommes ici dans le body de la page) :
<div class="bloc"><img src="souffle.jpg" /></div> Ici, le style va s'appliquer sur l'image "souffle.jpg"

Bien entendu, ça marche pour d'autres balise css !

Récapitulation et exemple de fin:

<html>
<head>
   <title></title>
      <style type="text/css">
         #bloc{
            width:361px; height:547px;
            position:relative;float:left;
         }
      </style>
      <script type="text/javascript" src="swfir.js"></script>
</head>
<body>
      <script type="text/javascript">
         window.onload = function(){
            sir = new swfir();
            sir.specify("border-width", "20");
            sir.specify("border-radius", "15");
            sir.specify("border-color", "fff");
            sir.specify("rotate","-5");
            sir.specify("shadow-blur", "25");
            sir.specify("background-color", "9dcee0");
            sir.swap("#bloc img");
         }
      </script>
      <div id="bloc"><img src="souffle.jpg" /></div>
</body>
</html>

Et voila !

Bien entendu, vous n'êtes pas obligé d'appliquer tous les styles sur vos images ! Si vous ne voulez qu'une ombre portée, vous mettrez simplement :

window.onload = function(){
sir = new swfir();
sir.specify("shadow-blur", "25");
}

Pour finir ce long post, quelques liens pour complément : - Le site SWFir : ici
- Un article du côté de Babylon-design : là

Le Maurel...passable

purple21 — Wed, 03 Oct 2007 20:45:00 GMT

Ma petite femme et moi avons décidé d'aller au resto ce soir...
J'en profite donc pour donner mon avis sur ce blog...

Nous avons été au "Maurel", qui se trouve dans le 6ème arrondissement de Marseille, au 9 de la rue Maurel.
En ce soir de Match (Marseille-Liverpool), une salle avec écran géant était reservée à accueillir ceux voulant allier sport et "gastronomie"(un bien grand mot)...

N'étant pas fan de foot pour un sou, nous avons préféré la salle donnant sur l'entrée du restaurant...
Les salles étaient particulièrement vides ce soir (le match?). Cependant, nous avons été très bien accueilli(s?) ! Il faut bien avouer que l'accueil est le point positif de cet endroit !

Au niveau du choix sur la carte, c'est plutôt traditionnel (viandes, poissons, pates) et assez restreint (4 plats seulement à base de viande). A nôter que la cuisson se fait ici au feu de bois (bon point).
La qualité est "moyenne", le cuisto (quoique particulièrement attentif à ses clients) ne maitrise pas vraiment la cuisson "saignante" (se serait-il fait absorber par le match lui aussi, oubliant que deux entrecotes attendaient d'être retirées du feu?).
2 iles flotantes sont venues terminer ce repas plutôt moyen, pour une note de 45€ (un apéritif, 2 plats à la carte, 2 desserts et un café) que je qualifierai de "correcte".

Donc... je dirais... hummm... Difficile de conseiller un restaurant "moyen" ! Cela dit, un bon point pour l'accueil !

Le Maurel
9 rue Maurel
13006 Marseille
Tel : 04 91 53 46 29

Les 10 Sites les plus visités au mois d'Aout en France

purple21 — Tue, 02 Oct 2007 05:53:00 GMT

Une petite info aujourd'hui ?
Le classement des 10 premiers sites en France en nombre de visiteurs uniques est le suivant :

Sites Google : 18,7 millions (progression de +2,4% en un mois)
Sites Microsoft : 16,738 millions (-0,2%)
France Telecom : 13,65 millions (-2%)
Sites Iliad / Free.fr : 12,2 millions (-1,4%)
eBay : 10,9 millions (-4,1%)
Sites Yahoo! : 10,6 millions (-2,8%)
Groupe Pages Jaunes : 10,6 millions (-6%)
Réseau Skyrock : 9,4 millions (+3,3%)
Groupe PPR : 8,4 millions (-6,4%)
Sites Wikipedia : 7,4 millions (-1,1%)

Source : http://www.generation-nt.com

Un petit resto sympa

purple21 — Mon, 01 Oct 2007 18:29:32 GMT

Premier post pour parler d'un petit resto sympa dans le 6ème ardt de Marseille rue des trois rois.
"Le 15" : l'ambiance est plutôt chaleureuse... Il n'y a qu'une petite salle donc mieux vaut réserver. Niveau mangeage c'est du traditionnel. La carte n'est pas énorme mais cela suffit à moins d'être difficile...
Contrairement à ce qui m'avait été dit, la patronne et son mari n'ont pas du tout été chiants..
Ma petite femme et moi n'avons pas été embêtés, bien au contraire!
Enfin, niveau prix, c'est raisonnable. 2plats, 2 desserts, 2cafés, une demi San Pe' pour 40€...
Donc à conseiller !

	Le Quinze 15, Rue des Trois-Rois 13006 Marseille Tel : 04 91 92 81 8
© DR Laetitia MARTOS