Canalblog
Suivre ce blog Administration + Créer mon blog
Publicité

Le GénérateurS

Publicité
20 mars 2010

Post-IT

Générateur de post-it
note_42568
http://notes.mastervb.net/

Publicité
Publicité
17 mars 2010

Redimensionner les images.

Application en ligne pour redimensionner les images.
Possibilité de supprimer une zone particulière avant de recadrer.
Supporte les formats .GIF, .JPG, .PNG...

http://rsizr.com/

15 mars 2010

Nom de Domaine GRATUIT

nom de domaine gratuit

Nom de Domaine GRATUIT
Obtenez gratuitement et sans publicités intempestives un nom de domaine gratuit avec redirections et adresses e-mail vous simplifiant la vie et celle de vos visiteurs.

Vous disposerez d'une interface d'administration complète et efficace contenant entre autres les statistiques détaillées de vos redirections web gratuites !
http://www.venez.fr/

11 mars 2010

Icônes

Recherche et téléchargement gratuit plus de 500.000 haute qualité ICO, PNG Icônes
Essayez twitter, facebook, mail, téléphone, flèche, app, android

http://www.veryicon.com/

10 mars 2010

créer son avatar en ligne

  • http://www.reasonablyclever.com/blockhead/

avatar1

http://illustmaker.abi-station.com/index_en.shtml

_1456680275

http://www.quickflashgames.com/other_stuff/avatar_maker/

avatar2

 

 

Publicité
Publicité
7 mars 2010

Templates gratuites

Bienvenue à Free CSS Templates Site!

Trouvez ici une collection jamais vu des Templates gratuits, l'un des plus grands dans l'ensemble du Web! Tous ces modèles sont:
1. Tableau libre dans sa conception (pas de tables ont été utilisées à des fins de mise en page).
2. Les modèles sont légers, de sorte que cela ne prendra pas trop de temps à charger.
3. Norme W3C compliant.
4. Livré avec des photos du domaine public, fournis par Wikimedia Commons et PDPhoto.org.
5.  GRATUIT sous la licence Creative Commons 2.5 Attribution.
Les utilisateurs sont libres d'utiliser l'un de ces modèles  pour une utilisation commerciale ou personnelle, sans avoir à effectuer des paiements, à condition qu'ils respectent les conditions de licence et d'accord pour faire un lien vers ce site de quelque façon possible. Le site Free Templates CSS est mis à jour assez fréquemment, et donc tous sont invités à consulter pour trouver des nouveaux modèles CSS tout le temps.

http://www.free-css-templates.com/

5 mars 2010

insertion d' une image

Faire des animations, des tatouages, des étiquettes de vin, des panneaux d'affichage, et les cas de guitare de vos photos et vos mots! Update Plus cardiaques lockets, drapeaux, et les papillons. Mise à jour et fléchettes planches. mise à jour et couvertures. mettre à jour Oh juste fouiller autour de vous, vous?

result (3)

insertion d'une image dans un décor

5 mars 2010

Texte défilant - Avec des images

On peut également faire défiler des images accompagnant un texte, à l'intérieur d'une boîte latérale.

                                                 
                                                                                                                                                                                           
TITRE DE LA BOITE
                        

On saisit  d'abord son texte, on insère les images de façon la plus classique en cliquant sur l'icone
                        bouton_image.jpg
                        comme pour celles qui suivent : 
                        celle-ci
                        bouton1.jpg
                        puis celle-là
                         gymale.gif
                        ou encore cette dernière
                         php.gif

                        

                        
            
Il faut ici utiliser la balise marquee auquelle il sera nécessaire d'indiquer la direction de défilement du texte ici up

Dans une boîte libre, on peut dans un premier temps faire comme si te texte était fixe, on insère ensuite les images aux endroits souhaités.

En pratique :

 

                                                                                           
boite_libre_editeur.jpgboite_libre_fixe.jpg
Dans l'éditeur, entrer le texte, le mettre en forme et placer les images.Les différents éléments prennent naturellement leur place dans la boîte libre en fonction de la mise en page réalisée dans celui-ci.

Reste maintenant à insérer le code qui permet de faire défiler l'ensemble dans cette boîte libre.

1° cas :

Défilement continu.

Code à placer dans le code source  AVANT L'ENSEMBLE réalisé précédemment

                                                                 
CODE
            
<marquee direction="up" 
scrollamount="2"
style="padding: 5px;
width: 90%; height: 180px;">
            

Le sens de défilement se fera de bas en haut, les dimensions de la zone de défilement sont données par la hauteur "height"  (ici 180px) et le "taux" d'occupation  fix" à 90% de la boîte latérale suivant sa largeur.

 

Code à placer APRES L'ENSEMBLE réaliser précédemment.

                                                                 
CODE
            
</marquee>
            

 

2° cas :

Défilement avec des arrêts lors que la souris est sur le boîte.

Code à placer dans la code source  AVANT L'ENSEMBLE réaliser dans l'éditeur de la boîte libre.

                                                                 
CODE
            
<marquee onmouseover="this.stop()" 
style="padding: 5px;
width: 90%; height: 180px;
" onmouseout="this.start()"
scrollamount="1"
direction="up"
behiavor="scroll">
            

 

 

 

Code à placer APRES CE MEME ENSEMBLE.

                                                                 
CODE
            
</marquee>
            

Exemple :

La totalité du code que l'on peut voir dans la source peut sembler un peu long, à titre d'exemple voici la totalité de ce qui apparaît dans la code source pour obtenir le défilement du texte et des images présentés en haut de cette fenêtre avec l'option qui permet d'avoir l'arrêt du défilement au passage de la  souris.

 

                                                     
CODE
                                                                                                                                          
CODE
                        
<marquee onmouseover="this.stop()" 
style="padding: 5px; width: 90%; height: 180px;"
  onmouseout="this.start()" scrollamount="1"
direction="up" behiavor="scroll">
<div style="text-align: center;">
<font size="2" face="Verdana">
On saisit&nbsp; d'abord son texte,
on insère les images de façon
la plus classique en cliquant sur
l'icone <br />
<img width="25" height="24" border="0"
title="bouton_image.jpg" alt="bouton_image.jpg"
src="img/bouton_image.jpg" /> <br />
comme pour celles qui suivent :&nbsp; <br />
<span style="font-weight: bold;">
celle-ci </span><br />
<img width="110" height="28" border="0"
title="bouton1.jpg" alt="bouton1.jpg"
src="img/bouton1.jpg" />
  <br /><span style="font-weight: bold;">
puis celle-là</span><br />&nbsp;
<img width="61" height="39" border="0"
title="gymale.gif" alt="gymale.gif"
src="img/gymale.gif" /> <br />
<span style="font-weight: bold;">
ou encore cette dernière</span><br />&nbsp;
<img width="95" height="50" border="0"
title="php.gif" alt="php.gif"< /br>
src="img/php.gif" />
<br body="" /></font></div>
</marquee>

Source

4 mars 2010

Pour la Saint Valentin!

http://www.makesweet.com/mixer/my-butterfly
Le dessin de papillon est un papillon sur une fleur, battant des ailes pour montrer ce que vous le souhaitez. Bon pour la Saint Valentin! Le papillon et la fleur sont adaptées du film Big Buck Bunny, qui a été créé par la Fondation Blender, dirigée par Ton Roosendaal. Merci à eux pour rendre les caractères disponibles sous une licence Creative Commons conviviale.

icon_butterfly_1_

4 mars 2010

Publier une présentation Power-Point

Générer du contenu - Publier une présentation Power-Point

Depuis le temps que vous recevez de bien jolies présentations Powerpoint (PPS ou PPT) dans vos emails ... Chaque fois c'est un peu lourd, ça encombre les boites mails (enfin pour ceux qui ont encore des petites boites mesquines) et quand vous voulez à votre tour les faire partager aux amis, vous n'avez d'autre solution que de faire suivre par mail, de lourds fichiers qui mettent parfois un peu de temps à être expédiés.

Par contre, vous souhaiteriez intégrer dans votre site de belles images, celles qu'on vous envoie ou les vôtres, que vous souhaitez organiser en diaporamas agréables.

Et bien, j'ai LA solution.

C'est un PPS reçu par mail, que j'ai intégré à mon Google Docs, modifié pour retirer les commentaires, et inséré en iframe avec le code créé dans Google Doc.

Encore un truc à Google, je sais bien. Si vous avez votre compte gmail, vous pouvez créer votre section Google Docs et  ensuite, créer votre propre document, à partir de rien ou de vos images ou d'une présentation déjà existante. Ensuite suivez les instructions. vous pouvez partager votre document en donnant son url ou l'intégrer dans un site avec le code dont vous lancez la génération.


Publicité
Publicité
<< < 10 11 12 13 14 15 16 17 18 19 20 > >>
Publicité