18 mai 2010

Puces Ligne Pages web

Graphismes Web Maker
Puces - Outils générateur en ligne
des outils en ligne gratuits qui génèrent des images bullet pour les pages web.
http://en.web-graphics-maker.com/

generateur

Posté par pour_moi à 14:07 - - Commentaires [0] - Permalien [#]

12 mai 2010

Générateur de bouton

Générateur de bouton
http://jirox.net/AsButtonGen/

generateur650

Posté par pour_moi à 11:45 - - Commentaires [0] - Permalien [#]
Tags :
01 mai 2010

Feuilles de style CSS

Générateur de Feuilles de style CSS

http://creer-un-site.fr/generateur-de-feuilles-de-style-css-119.php

Posté par pour_moi à 12:55 - - Commentaires [0] - Permalien [#]
30 avril 2010

Cadre (frameset)

Générateur de cadre (frameset)

http://www.trucsweb.com/

Posté par pour_moi à 13:05 - - Commentaires [0] - Permalien [#]
29 avril 2010

Bannières rotatives

Générateur de bannières rotatives

Le système de bannière rotative permet d'afficher plusieurs bannières en rotation selon un délai sans devoir changer de page. Le nom physique de vos bannières

http://www.trucsweb.com/

Posté par pour_moi à 06:59 - - Commentaires [0] - Permalien [#]

06 avril 2010

Fond de site

Ajouter vos propres couleurs à la musique contemporaine et des dessins rétro, ou parcourir des milliers de pré-schémas de couleur dans la bibliothèque sans soudure motif de fond. Toutes les œuvres sur ce site peut être utilisée gratuitement pour des projets Web et la conception graphique, les blogs, Twister, scrapbooking, les profils MySpace, fonds d'écran de téléphone mobile et travaux personnels.

http://www.patterncooler.com/

Posté par pour_moi à 13:43 - - Commentaires [0] - Permalien [#]
05 avril 2010

Une Miniature de site

Apercite est un service qui réalise pour vous automatiquement des screenshots de site, vous pourrez ainsi obtenir une miniature de site web en image de votre site en moins de 20 secondes.
Apercite vous propose différentes tailles de miniatures allant de 80x50 pixels jusqu'à 800x600 pixels.

Nous proposons de générer le format Ascreen (120x90). Il s'agit d'une image qu'il faut placer à la racine de son site et la nommer ascreen.jpg. De nombreux sites annuaires vérifient la présence de cette image afin d'illustrer votre site.

Afficher les miniatures sur votre site est totalement gratuit et nous ne demandons aucune obligation de mettre un lien sur votre site Internet.

Ce service est notamment très intéressant pour les annuaires souhaitant afficher des miniatures.

pourmonvraccanalblog


Apprenez à Générer Des Revenus Conséquents Grâce A Face book ...

Face book Dollars

Posté par pour_moi à 16:11 - - Commentaires [0] - Permalien [#]
23 mars 2010

Génèrent des onglets

Génèrent des onglets le tous est de savoir ceux que l'on souhaite
http://www.tabsgenerator.com/?page=index

onglet

Posté par pour_moi à 13:02 - - Commentaires [0] - Permalien [#]
05 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

Posté par pour_moi à 11:18 - - Commentaires [1] - Permalien [#]
03 mars 2010

Faire défiler un texte verticalement

Du bas vers le haut :

Il est possible de faire défiler un texte horizontalement dans les boîtes latérales, mais dans la plupart des cas, il est plus pratique que ce défilement soit orienté verticalement.

Pour les exemples ci-dessous on suppose que la "hauteur disponible" pour le défilement est de 180px et que le "taux" d'occupation de la boîte sur sa largeur sera de 90%.

                                                 
                                                                                                                                                                                           
TITRE DE LA BOITE

En utilisant la même balise, il est possible de faire défiler le texte verticalement
                        Ici
                        du bas
                        vers le haut

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

Pour faire défiler le texte du bas vers le haut, recopier le code ci-dessous

                                                                 
CODE
            
<marquee direction="up" scrollamount="4" 
style="padding: 5px; width: 90%; height: 180px;
  <p align="center">
<font size="2" face="Verdana">
VOTRE TEXTE ICI
</font>
</p>
</marquee>
            

Du haut vers le bas :

                                                 
                                                                                                                                                                                           
TITRE DE LA BOITE

En utilisant la même balise, il est possible de faire défiler le texte verticalement
                        Ici
                        du haut
                        vers le bas

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

Pour faire défiler le texte du haut vers le bas, recopier le code ci-dessous :

                                                                 
CODE
            
<marquee direction="down" scrollamount="4" 
style="padding: 5px; width: 90%; height: 180px;
  <p align="center">
<font size="2" face="Verdana">
VOTRE TEXTE ICI
</font>
</p>
</marquee>
            

Il est possible comme pour le défilement horizontal, d'en régler la vitesse.

                                                 
                                                                                                                                                                                           
TITRE DE LA BOITE

Pour donner le temps à vos visiteurs de lire le texte sans devoir battre un record de vitesse de lecture, il est possible de diminuer la vitesse de défilement

            
Comme précédemment nous utiliserons l'attribut scrollamount suivi du nombre permettant de définir la vitesse 'dans cet exemple le réglage est à 2

Pour faire défiler le texte du bas vers le haut et régler la vitesse de défilement, recopier le code ci-dessous :

                                                                 
CODE
            
<marquee direction="up" scrollamount="2" 
style="padding: 5px; width: 90%; height: 180px;
  <p align="center">
<font size="2" face="Verdana">
VOTRE TEXTE ICI
</font>
</p>
</marquee>
            

Il est parfois utile d'arrêter provisoirement le défilement pour le reprendre par la suite.

                                                 
                                                                                                                                                                                           
TITRE DE LA BOITE

Comme précédemment le défilement peut être continu. Si le visiteur passe le pointeur de la souris dans la zone de texte ce défilement doit s'arrêter                         

            
Le passage de la souris sur le texte a pour effet d'en arrêter le défilement et lorsque celle-ci quitte cette même zone, le défilement reprend.
            

Pour faire défiler le texte du bas vers le haut, de régler la vitesse de défilement et d'interrompre celui-ci au passage de la souris, recopier le code ci-dessous :

                                                     
CODE
            
<marquee direction="up" scrollamount="2" 
onmouseout="this.start()"
style="padding: 5px; width: 90%; height: 180px;
"onmouseover="this.stop()">
<p align="center">
<font size="2" face="Verdana">
VOTRE TEXTE ICI
</font>
</p>
</marquee>

Source

Posté par pour_moi à 13:14 - - Commentaires [1] - Permalien [#]