Pas d'abonnement ni de commentaire
Top articles
-
COMMENT ZOOMER DES IMAGES EN CODE HTML ET CSS ASSOCIES.
CET ARTICLE EST TRES LONG. IL CONVIENT DE LE SUIVRE PAS A PAS. Lorsque vous arriverez au résultat, vous comprendrez tout le parti que l'on peut tirer de ce code qui permet beaucoup de fantaisie au niveau des images. Rappel important : Lorsqu'on intègre...
-
CONSTRUIRE UN CUBE ANIME AVEC DU CODE HTML ET DU CSS.
CET ARTICLE EST TRES LONG. IL CONVIENT DE LE SUIVRE PAS A PAS. Pour construire un cube animé, nous allons utiliser un code html et du CSS. Ce qu'il faut savoir: Lorsqu'on intègre du CSS au html, il faut toujours le placer entre des balises CONTENEUR...
-
COMMENT RENDRE TEMPORAIREMENT UN SITE INVISIBLE PUIS COMMENT S'EN EXCUSER.
Il arrive quelquefois que nous ayons besoin de "fermer" notre site pour une éventuelle maintenance, tout en conservant le "preview" qui permet de faire les modifications et tout en conservant la possibilité d'écrire des articles. Ils n'apparaîtront pas,...
-
PRESQUE TOUTES LES BALISES HTML.
Balises de premier niveau Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le « code minimal » d'une page web. Balise Description Balise principale
En-tête... -
CREATION D'UN ARRIERE-PLAN AVEC UNE IMAGE PNG EDITEE.
EXEMPLE D'ARRIERE-PLAN SANS STYLE SPECIFIQUE ASSOCIE CODE
...COMMENT LIMITER LA PLACE DEVOLUE A UN COMMENTAIRE.
Cette formule est très utile lorsqu'on veut limiter la longueur d'un commentaire et l'on peut même fixer le nombre de caractères, considérant que les espaces sont considérés comme tels. Il s'agit donc de fixer d'abord les dimensions du cadre et de faire...
LA BALISE DONNE DES EFFETS DE TEXTE SURPRENANTS.
La balise
permet d'annoncer un texte dont seul le titre est visible mais on découvre son contenu en cliquant sur le titre.RENDEZ VOTRE SITE VIVANT EN PERMETTANT A VOS LECTEURS DE S'EXPRIMER.
L'avantage ce cette formule est que l'on peut préparer le cadre qui, ensuite, restera actif même après publication. A l'intérieur, il sera possible d'écrire et, ainsi de donner la parole à vos lecteurs. A vous de définir le nombre de caractères par ligne,...
INSERER UN COMPTEUR DE LECTEURS CONNECTES, DE VISITES OU DE VISITEURS.
1-LE COMPTEUR DE LECTEURS CONNECTES On l'appelle aussi le compteur "Live". Ce compteur indique le nombre de lecteurs connectés au moment où vous ouvrez votre site ou blog. Par contre, il peut changer si vous rechargez la page en fonction du nombre connectés...
METTRE UNE LEGENDE A COTE OU SOUS UNE PHOTO.
Voici d'abord l'exemple d'un commentaire qui se trouve à côté de la photo. Il faut prendre garde que les dimensions de la photo n'excèdent pas celles du cadre défini. Si les dimensions du cadre défini sont supérieures, la photo sera encadrée mais attention...
ENCADRER LES DONNEES SOUS FORME D'UN TABLEAU A UNE OU PLUSIEURS CELLULES.
AVEC UNE CELLULE Voici le code html qu'il convient d'insérer dans le module ou le texte converti en html pour obtenir un tableau. CODE
Je veux encadrer mon texte
en...PROTEGER VOS IMAGES PAR UN COPYRIGHT EN FILIGRANE.
Pour protéger vos images grâce à un filigrane, il suffit de prévoir de superposer deux images de même taille dont celle du dessous apparaîtra par transparence. Dans cet exemple, l'Url de l'image définie en background est: http://img.over-blog-kiwi.com/1/30/51/51/20150411/ob_db1aae_copy.JPG Quand...
METTRE UNE PARTIE DE TEXTE EN EVIDENCE AVEC LA BALISE "BLOCKQUOTE"
Lorsqu'on veut attirer l'attention du lecteur ou, au contraire, mettre en retrait une explication complémentaire, on peut utiliser la balise
qui matérialise un retrait. CODEPourquoi essayer de toucher à l'informatique ?...
FAIRE UN CADRE ET METTRE DU TEXTE A L'INTERIEUR.
A la différence du texte encadré, il s'agit ici de faire un cadre de couleur et d'écrire à l'intérieur. Très pratique pour faire des commentaires ou apporter des compléments d'information auxquels le lecteur se reportera seulement s'il en a besoin. Pour...
UNE AUTRE FACON DE METTRE UN QUIZ EN LIGNE.
J'ai déjà présenté un modèle de réalisation d'un quiz à mettre en ligne sur un site ou un blog mais voici une autre façon d'en réaliser un. EXEMPLE Question 1: Planète la plus proche du soleil qui tire son nom du dieu romain le messager des dieux. Elle...
REDIGER UN ARTICLE AVEC UN PLAN DONT LES PARAGRAPHES SERONT REMPLIS ENSUITE.
Quelquefois, pour rédiger un article, il est nécessaire de faire un plan en laissant certains chapitres vides, quitte à les remplir ensuite. Voici comment préparer ce cadre sans avoir ensuite, à rechercher précisément et au risque se tromper, l'endroit...
METTRE UNE OMBRE SOUS UN TEXTE.
On peut "ombrer" un texte pour faire un effet de titre. La formule est très simple puisqu'il s'agit simplement d'indiquer le nom de la couleur en anglais et d'utilisez le paramètre "text-shadow". Voici quatre exemples avec des couleurs différentes. CODE...
CREATION D'UN ARRIERE-PLAN AVEC DEFINITION DE LA COULEUR DE FOND.
On peut définir la couleur de l'arrière-plan, ici avec le code #dedede La modification intervient uniquement à ce niveau. CODE
ENCADREMENTS A GEOMETRIE VARIABLE.
Voici comment faire des encadrements à géométrie variable, en partant d'un rectangle ou d'un carré et en modifiant les angles droits. Comme chaque angle peut être modifié indépendamment des autres, on peut arriver à des figures de toute forme. CODE DE...
COMMENT PROTEGER UN DOCUMENT PAR UN MOT DE PASSE.
Si votre ordinateur est utilisé par plusieurs personnes et que voulez être le seul à accéder à un document ou si vous diffusez sur un site et que certains documents sont réservés, voici comment les protéger par un mot de passe. 1)-Si vous ne l'avez pas,...
COMMENT FAIRE UNE BELLE PRESENTATION DU SOMMAIRE D'UN SITE.
Voici un exemple de code html pour faire un sommaire actif. En
on écrit "LE TITRE DU SITE" puis en on écrit "SOMMAIRE". On peut ainsi allonger la liste avec et ....etc Ensuite, entre les baliseset
on écrit...LE MOUVEMENT ROTATIF PERPETUEL ALTERNE.
Dans cet exemple, le mouvement du cercle est lent et marque un léger arrêt en position horizontale. On voit tout de suite quelle partie du code définit ce mouvement. } #animDivLente{ animation-name:rotation; -webkit-animation-name:rotation; -moz-animation-name:rotation;...
ROTATION D'UNE FIGURE AUTOUR D'UN AXE.
Pour faire tourner une figure autour d'un axe, on utilise le code:
JE SUIS VISIBLEDans ce cas il faut modifier "width" et "height" jusqu'à obtenir l'encadrement parfait. Bien entendu, on peut toujours remplacer...METTRE UNE IMAGE ET DU TEXTE COTE A COTE SUR UNE PAGE DE SITE ET RENVOYER VERS UN CATALOGUE.
Voici comment mettre, sur une même page et côte à côte, un texte et une image. Bien entendu, la taille de l'image doit être adaptée à la place qu'elle requiert. Mettre une image trop grande réduirait considérablement, voire rendrait nulle, la place réservée...
COMMENT ELABORER UN QUIZ A METTRE EN LIGNE EN HTML ?
CODE QUESTION 1
Quel est le nom de ce poisson carnassier ?
