MEDBLOG : Actualités Geek Web 2.0 & Webdesign

Actualités Geek Web 2.0 & Webdesign

Live Search affine ses recherches et s’offre un nouveau design

Dans la guerre des moteurs de recherche, Microsoft ne s’est pas encore avoué vaincu face à Google. La firme de Redmond repart à la charge avec une version revue et corrigée de son moteur Live Search. Disponible

Microsoft vient de mettre en ligne une nouvelle version de son moteur de recherche Live Search (anciennement MSN Search) : ces jours-ci nous avons vu le nouveau design, nous verrons bientôt le nouveau type d’affichage des résultats, proche de la recherche universelle de Google parait-il.

msn live

Pour rattraper son retard sur Google, mais aussi Yahoo!, Microsoft a mis les bouchées doubles. Ainsi, la capacité d’apporter la bonne réponse à l’internaute a été considérablement améliorée en multipliant par quatre l’index des pages web répertoriées.

» lire la suite de l’article

AddThis Social Bookmark Button

Tutorial de création d’une barre de pagination tout en CSS avec 15 exemples

Barre de pagination CSS
En a déjà vu comment créer un effet glace sur une image en utilisant un Js et aussi comme personnaliser c’est bouton radio et Checkboxes, Cette fois si nous allons voir comment créer et personnaliser la pagination de votre site ou blog en Xhtml/CSS .

Premier partie :
Téléchargez et placez le fichier pagination.css dans votre répertoire racine par exemple, ensuite ajoutez la balise qui va faire appel à ce style CSS entre <head> et </head> :

<link href="pagination.css" rel="stylesheet" type="text/css" media="screen" />

Faites attention au paramètre “src” qui indique l’emplacement du script.

Contenu du fichier CSS pagination.css

/*CSS style pagination*/
	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
	}

	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #AAAADD;
		text-decoration: none; /* no underline */
		color: #000099;
	}
	div.pagination a:hover, div.digg a:active {
		border: 1px solid #000099;
		color: #000;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #000099;
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
	}

Deuxième partie :
Ajoutez la class à la balise qui va servir de conteneur (div) pour afficher l’effet

<div class="pagination">
<span class="disabled">◄</span>
<span class="current">1</span>
<a href="#?page=2">2</a>
<a href="#?page=3">3</a>
<a href="#?page=4">4</a>
<a href="#?page=5">5</a>
<a href="#?page=6">6</a>
<a href="#?page=7">7</a>
...
<a href="#?page=199">199</a>
<a href="#?page=200">200</a>
<a href="#?page=2">►</a>
</div>

Le résultat final :
Voici 15 style possible pour votre pagination, il ne vous reste qu’a télécharger le fichier CSS du style que vous souhaite avoir et l’intègre comme je l’ai exemple dans le tutoria.

» lire la suite de l’article

AddThis Social Bookmark Button

Un émulateur pour tester l’affichage de votre site Web sur un mobile

operamini emulateur moblie
L’avenir du web se situe sur plusieurs pôle : A la fois votre ordinateur, prochainement la TV mais aussi biensûr votre mobile.

Bien sûr, nous sommes loin de la praticabilité et de l’ergonomie de la combinaison clavier & souris d’un ordinateur et il faudra attendre la généralisation d’appareil tel que l’iPhone et son écran tactile avant que les gens préfèrent leur mobile à leur PC, même si des PDA sous Windows Mobile ou Plam fonctionnent déjà très bien.

Si vous avez un site ou blog et que vous vous demandez bien ce que pourrais donner celui-ci sur un mobile, voici une très bonne initiative d’Opera et de son navigateur mobile, Opera Mini, un simulateur, conçu en java, qui vous permet de tester votre site sur un écran de mobile. il y a aussi le validateur du site .mobi, qui apporte pas mal de conseils : ready.mobi

» lire la suite de l’article

AddThis Social Bookmark Button

Le logiciel “Face of the Future” se fait les stars d’hollywood

Vous êtes-vous déjà demandé à quoi vous auriez ressemblé si vous aviez été originaire d’un autre continent ? Ou dans 60 ans, L’Université de St Andrews aux Etats-Unis a développé un logiciel Face of the Future capable de vieillir un visage à partir d’une photographie.

Voici un exemple du résultat obtenu avec ce logiciel.

face future

Pour voir toute la galerie cliquez ici

Pour effectuer ces manipulations, rendez-vous tout d’abord sur ce site. Vous devez disposer d’une photographie de taille respectable (au moins 200*200 pixels si possible) et de face. Renseignez votre sexe, votre catégorie d’âge et le type de votre visage. C’est parti !

Redimensionnez la photo à la taille de votre visage, puis ajustez les yeux et la bouche. Vous n’avez plus qu’à sélectionner le type de transformation que vous souhaitez. Cela vous permettra de passer un bon moment de détente :)

AddThis Social Bookmark Button

Recevez les derniers articles par mail :

 

Recent Comments

  • filz 4mm kaufen
    Algérie télécoms lance un servie EVDO sur le nom Athir testé et approuvé
    2018-09-18 14:52:13
  • source
    Fontpark, Faites de l’art avec l’alphabet japonais
    2018-09-17 11:51:06
  • compraventa relojes de lujo
    Apple prépare une version 10.4.11 de Mac OS X
    2018-09-09 03:25:34
  • Katherin
    Verify Email, contrôle vos adresse e-mail
    2018-09-01 05:34:08
  • ikan hias
    Hotspot Shield, Accédez à Pandora & Hulu hors des USA
    2018-08-31 18:05:00
  • vender relojes
    Picoshot, générer des Thumbnails de sites
    2018-08-29 09:30:16
  • propecia
    Fontpark, Faites de l’art avec l’alphabet japonais
    2018-08-26 00:29:02
  • pocket knives best
    Algérie télécoms lance un servie EVDO sur le nom Athir testé et approuvé
    2018-08-25 12:50:54
  • tooth implant Dubai
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2018-08-17 10:49:11
  • Hors
    Tutorial ReflectOMatic, ajouter facilement des effets de réflections
    2018-08-13 15:54:15
  • List Of Dentists In Dubai
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2018-08-08 03:04:52
  • Compra Venta Relojes
    OpenSocial : une plateforme de développement Google pour les réseaux sociaux
    2018-08-07 01:22:23
  • Mercedes car maintenance
    Publicité Toyota YARIS
    2018-07-30 16:22:08
  • Cable Type 2 Type 2
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2018-07-25 11:30:09
  • part worn tyres Brentwood
    Tutorial de création d'une barre de pagination tout en CSS avec 15 exemples
    2018-07-24 11:16:15

Par Albert Einstein

“La connaissance s'acquiert par l'expérience. Tout le reste n'est que de l'information.”

Feedburner RSS
Ajoute a Technorati Favoris