Astuces webmasters, Tips

Laissez vos SWF derrière

8 réactions Le 9 avril 2008 à 14:45 par spylberg

Bon, ok le titre ne doit pas vous dire grand chose !

En fait je fais juste un petit billet rapide pour vous livrer une petite astuce de coding : Faire que vos swf ne soient pas tout le temps devant les autres blocs. J’ai rencontré ce souci en utilisant l’excellente librairie Highslide. Les images zoomées restaient derrière les éléments flash ! Pas terrible.

En fait il s’agit juste d’ajouter un paramètres à votre balise object (en gras) :

<object type=”application/x-shockwave-flash” data=”le-swf.swf” width=”200″ height=”200″>
<param name=”movie” value=”le-swf.swf” />
<param name=”wmode” value=”transparent”>
</object>

Ainsi, vos swf ne se mettront plus systématiquement devant le reste des éléments ! Un exemple est à voir ici. Zoomez sur l’image et déplacez-là, elle reste devant le SWF (l’oeil). (Ce blog est le blog d’un pote dont j’ai conçu le thème ! Il vient seulement d’ouvrir et va vous paraitre un peu vide !).
Voili voilou. @ bientôt ! Spylberg.

Astuces webmasters, Bookmarks

Plus de 40 sites d’images libres de droits

8 réactions Le 1 décembre 2007 à 23:57 par chris

Si il y a bien quelque chose de difficile à trouver pour un webmaster, c’est les images libres qui correspondent exactement à ces besoins.

Voici une liste de 44 sites contenant divers types d’images libres. A vous de chercher maintenant

(lire la suite…)

Astuces webmasters

550 apis Web 2.0

Une réaction Le 15 novembre 2007 à 22:17 par chris

ProgrammableWeb, blog de référence sur le webdev a mis en ligne une un annuaire contenant  550 apis détaillées.  Une source à ne pas manquer.

Astuces webmasters, XHTML & CSS

Outil pour Webmaster : Multiple IE

13 réactions Le 9 novembre 2007 à 17:00 par spylberg

Lorsque vous n’avez pas chez vous 8 PC reliés en réseau et que vous avez déjà installé la dernière version d’Internet Explorer, 7ème du nom, vous ne pouvez pas tester facilement vos sites web sous les anciennes versions d’IE (qui à crié ‘préhistoire’ ?!…).

C’est là que le petit soft Multiple IE (gratuit et en anglais) va venir améliorer votre vie de webmaster dépressif heureux dans son métier :) !

Celui ci va installer sur votre système, sans toucher à IE7, les anciennes versions d’IE : IE3, IE4.01, IE5.01, IE5.5, et IE6.
Soit une remontée du paléolithique à environ l’âge du fer !
Perso, j’utilise ce soft depuis quelques mois et j’avoue qu’il m’a bien aidé. (Attention, il semble cependant qu’il ne soit pas compatible Vista).

> Télécharger Multiple IE sur Ratatium

Astuces webmasters, Tips

La Favicon: la cerise sur votre site

7 réactions Le 6 novembre 2007 à 21:28 par chris

La favicon est l’un des éléments que l’on oublie souvent d’intégrer à son site, pourtant, celle ci apporte un réel plus.

Sur un navigateur moderne tel que firefox, la favicon est aussi une manière pratique de retrouver plus facilement un site dans un bookmark ou dans ses onglets ouverts.

Comment créer une favicon?

La favicon est une image de 16×16 px , généralement au format .ico si chère à windows.

Moi, personnellement, je ne considère pas le format .ico comme un format standard du web, et pour cette raison, je lui préfère le format .gif.

Le format .png ou .apng (png animé) sont actuellement les format que l’on préconise. Mais rappelons tout de même que seul le format .ico est supporté par ie6.

Sans vouloir vous expliquer comment dessiner une icone, sachez seulement que la méthode traditionnel est de redimentionner son logo en 16×16 px, mais dans ce cas, le résultat peut être floue. Ensuite, n’oubliez pas que votre favicon peut être afficher sur d’autres couleurs que du blanc, aussi, préconisez la transparence en prenant soin de tester sur une couleur.

favicon tuto

Une fois votre icone créée, vous pouvez l’attacher à votre site en intégrant ce code dans le <head> de votre site

<link rel="shortcut icon" href="http://smashingcoding.com/favicon.gif" />

Et le tour est joué.

Astuces webmasters

Une intégration d’adsense réussie

20 réactions Le 4 novembre 2007 à 20:24 par chris

Adsense, c’est une publicité peux visible mais ayant besoin de beaucoup de visibilité.

En effet, a force de voir d’adsense partout, on ne la voit plus du tout!

C’est pourquoi réussir l’intégration des ads sur son site est très important pour augmenter son taux de clic. L’intégration d’une pub doit être une mise en avant
Voici quelques modèles d’intégrations originales, en espérant vous donner de l’inspiration.

adsenses

Comment réaliser un Ads customisé? C’est très facile

On crée une image qui peut contenir l’adsense un fond uni , un contour original

adse

ensuite, on génère son code adsense. Choisissez la même couleur pour le contour et le fond , précisez: “annonces textuelles uniquement”

créer un div et sa class CSS

  1.  
  2. .adscustom {
  3. width: 220px;
  4. background-image: url(bg-adsense.jpg);
  5. background-repeat: no-repeat;
  6. text-align: center;
  7. padding-top: 20px;
  8. height: 180px;
  9. }
  10.  

jouez sur le padding-top pour bien placer l’adsense en hauteur dans le div

<div class="adscustom">

<script type="text/javascript"><!--
google_ad_client = "pub-8687211045450536";
google_ad_width = 180;
google_ad_height = 150;
google_ad_format = "180x150_as";
google_ad_type = "text";
google_ad_channel = "";
google_color_border = "003366";
google_color_bg = "003366";
google_color_link = "FFFFFF";
google_color_text = "AECCEB";
google_color_url = "AECCEB";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>

et voici le résultat final:


Valid XHTML 1.0 Transitional