Recherche
Résultat de la recherche
Vous recherchiez le terme suivant :image
Page 1 - 5 sur un total de 15 page(s) , résultats de la recherche classés par pertinence
1.
Écolibre Réalisation de photos libres pour Wikipedia
...t texte qui vous précise pourquoi cette photo est libre. et donc ça vous dit que ce fichier est disponible sous les termes d’une licence, ça va être creative commons3, c’est donc ce contrat dont je vous parlais. je reviendrai un petit peu en détail sur ce que c’est que les creative commons, mais déjà l’idée c’est essentiellement que ça vous autorise à réutiliser ce fichier comme vous voulez. [je vous en prie, entrez.] pour faciliter encore les choses, quand vous êtes sur cette médiathèque libre, donc wikimédia commons, vous allez trouver un certain nombre de liens, ici, qui vont essayer de vous faciliter la tâche. parce qu’encore une fois, l’idée c’est d’encourager les gens à réutiliser ces fichiers. donc on vous propose de pouvoir les télécharger dans différentes tailles d’image et de faciliter l’utilisation sur internet, sur un wiki ou pour pouvoir envoyer ce lien, ce fichier, dans un mail. et là, automatiquement, ça vous permet, par exemple, de récupérer cette petite phrase qui est la petite phrase que la licence vous demande de coller à côté de l’image, pas loin de l’image. alors si vous avez déjà lu des livres ou plutôt même des journaux, des choses comme ça, vous avez peut-être déjà vu que, à côté de l’image, souvent en bas, mais ça peut être sur le côté, vous avez le nom de l’auteur de l’image, en fait. et là, on vous demande donc, une des choses qu’on vous demande, c’est de mettre le nom de l’auteur, donc ici pierre dalous, et cc by-sa 3 ; c’est le nom de la licence dont je vais vous reparler un petit peu plus tard. donc en gros, pour uti...
Mots identiques compris dans le texte de la page : image
1 occurrence |20 mots dans le texte
...t texte qui vous précise pourquoi cette photo est libre. et donc ça vous dit que ce fichier est disponible sous les termes d’une licence, ça va être creative commons3, c’est donc ce contrat dont je vous parlais. je reviendrai un petit peu en détail sur ce que c’est que les creative commons, mais déjà l’idée c’est essentiellement que ça vous autorise à réutiliser ce fichier comme vous voulez. [je vous en prie, entrez.] pour faciliter encore les choses, quand vous êtes sur cette médiathèque libre, donc wikimédia commons, vous allez trouver un certain nombre de liens, ici, qui vont essayer de vous faciliter la tâche. parce qu’encore une fois, l’idée c’est d’encourager les gens à réutiliser ces fichiers. donc on vous propose de pouvoir les télécharger dans différentes tailles d’image et de faciliter l’utilisation sur internet, sur un wiki ou pour pouvoir envoyer ce lien, ce fichier, dans un mail. et là, automatiquement, ça vous permet, par exemple, de récupérer cette petite phrase qui est la petite phrase que la licence vous demande de coller à côté de l’image, pas loin de l’image. alors si vous avez déjà lu des livres ou plutôt même des journaux, des choses comme ça, vous avez peut-être déjà vu que, à côté de l’image, souvent en bas, mais ça peut être sur le côté, vous avez le nom de l’auteur de l’image, en fait. et là, on vous demande donc, une des choses qu’on vous demande, c’est de mettre le nom de l’auteur, donc ici pierre dalous, et cc by-sa 3 ; c’est le nom de la licence dont je vais vous reparler un petit peu plus tard. donc en gros, pour uti...
Mots identiques compris dans le texte de la page : image
1 occurrence |20 mots dans le texte
2.
Astuces CSS Miniature et zoom sur grande image en Hover
...astuces css miniature et zoom sur grande image en hover résultat obtenu : passer la souris sur l'image pour obtenir cet effet, on trouve plusieurs conseils en web-cherchant, et je ne sais plus où j'ai trouvé celui-ci. dans le fichier style.css de la skin, ajouter les classes suivantes : .css_zoom_image { width: 80px; } .img-zoom { position: absolute; width: 0px; -webkit-transition: width 0.3s linear 0s; -moz-transition: width 0.3s linear 0s; -ms-transition: width 0.3s linear 0s; -o-transition: width 0.3s linear 0s; transition: width 0.3s linear 0s; z-index: 10; } .css_zoom_image:hover + .img-zoom { width: 350px; } le principe est de n'avoir qu'une seule image, au format le plus grand que l'on souhaite afficher. dans le html, on affiche l'image en la réduisant à 80 px de large, elle comporte un lien vers l'image en plus grande taille (ici : 350px de large) qui s'affichera en hover de la miniature. voici le code : remplacer les parenthèses par des caractères < pour ( et> pour ) (a href="#") (img class="css_zoom_image" src="images/village-libriste.jpg" style="float: left; margin: 1%;" /) (img class=" img-zoom" src="images/village-libriste.jpg" /) ...
Mots identiques compris dans le texte de la page : image
1 occurrence |10 mots dans le texte
...astuces css miniature et zoom sur grande image en hover résultat obtenu : passer la souris sur l'image pour obtenir cet effet, on trouve plusieurs conseils en web-cherchant, et je ne sais plus où j'ai trouvé celui-ci. dans le fichier style.css de la skin, ajouter les classes suivantes : .css_zoom_image { width: 80px; } .img-zoom { position: absolute; width: 0px; -webkit-transition: width 0.3s linear 0s; -moz-transition: width 0.3s linear 0s; -ms-transition: width 0.3s linear 0s; -o-transition: width 0.3s linear 0s; transition: width 0.3s linear 0s; z-index: 10; } .css_zoom_image:hover + .img-zoom { width: 350px; } le principe est de n'avoir qu'une seule image, au format le plus grand que l'on souhaite afficher. dans le html, on affiche l'image en la réduisant à 80 px de large, elle comporte un lien vers l'image en plus grande taille (ici : 350px de large) qui s'affichera en hover de la miniature. voici le code : remplacer les parenthèses par des caractères < pour ( et> pour ) (a href="#") (img class="css_zoom_image" src="images/village-libriste.jpg" style="float: left; margin: 1%;" /) (img class=" img-zoom" src="images/village-libriste.jpg" /) ...
Mots identiques compris dans le texte de la page : image
1 occurrence |10 mots dans le texte
3.
Fabriquer le web Écrire pour le web
...fabriquer le web Écrire pour le web adhoc (les carnets) est un cms, un système de gestion de contenu. piwigo aussi (images & docs)! et la rédaction de ce contenu est aussi aisée qu'avec un traitement de texte, surtout avec l'éditeur whizzywig ou tinymce. toutefois, les normes et la syntaxe du web ne sont pas les mêmes que celles d'un traitement de texte. il faut en connaître les bases pour que vos pages web soient reconnues et lisibles sur tous les navigateurs et les systèmes opératifs. ah ! ce n'est pas parce que c'est tout fait qu'il n'y a rien à faire ! ce qui est publié et interprété sur internet est codé en html. votre éditeur vous permet d'écrire en langage humain dans la zone de texte et traduit vos entrées en langage machine. le navigateur de l'internaute traduira le langage machine de nouveau pour l'afficher en langage humain. entrer du texte l'éditeur facilite le travail du rédacteur, mais l'on doit veiller à la qualité de ce que l'on entre. le copier-coller est bien pratique ; il doit être utilisé avec restriction. la fonction de copie embarque dans le presse papier non seulement le texte, mais aussi le code de mise en page qui peut provenir d'un autre logiciel et ne sera pas adapté à la production pour le web. il faut prendre la précaution de ne copier que du texte brut et refaire toute la mise en page dans l'éditeur de votre cms. un texte copié de word sera difficilement lisible. copier en texte pur une fonction de nettoyage existe aussi dans l'éditeur whizzywig : copier le texte copié dans le champ de texte de l'éditeur, puis cliquer sur l'icône en forme de coche verte . mais certaines mises en page subsistent parfois encore du texte original. pour copier en mode texte brut, on peut utiliser par exemple le petit logici...
Mots identiques compris dans le texte de la page : image
1 occurrence |9 mots dans le texte
...fabriquer le web Écrire pour le web adhoc (les carnets) est un cms, un système de gestion de contenu. piwigo aussi (images & docs)! et la rédaction de ce contenu est aussi aisée qu'avec un traitement de texte, surtout avec l'éditeur whizzywig ou tinymce. toutefois, les normes et la syntaxe du web ne sont pas les mêmes que celles d'un traitement de texte. il faut en connaître les bases pour que vos pages web soient reconnues et lisibles sur tous les navigateurs et les systèmes opératifs. ah ! ce n'est pas parce que c'est tout fait qu'il n'y a rien à faire ! ce qui est publié et interprété sur internet est codé en html. votre éditeur vous permet d'écrire en langage humain dans la zone de texte et traduit vos entrées en langage machine. le navigateur de l'internaute traduira le langage machine de nouveau pour l'afficher en langage humain. entrer du texte l'éditeur facilite le travail du rédacteur, mais l'on doit veiller à la qualité de ce que l'on entre. le copier-coller est bien pratique ; il doit être utilisé avec restriction. la fonction de copie embarque dans le presse papier non seulement le texte, mais aussi le code de mise en page qui peut provenir d'un autre logiciel et ne sera pas adapté à la production pour le web. il faut prendre la précaution de ne copier que du texte brut et refaire toute la mise en page dans l'éditeur de votre cms. un texte copié de word sera difficilement lisible. copier en texte pur une fonction de nettoyage existe aussi dans l'éditeur whizzywig : copier le texte copié dans le champ de texte de l'éditeur, puis cliquer sur l'icône en forme de coche verte . mais certaines mises en page subsistent parfois encore du texte original. pour copier en mode texte brut, on peut utiliser par exemple le petit logici...
Mots identiques compris dans le texte de la page : image
1 occurrence |9 mots dans le texte
4.
Fabriquer le web Adresse relative ou adresse absolue
...fabriquer le web adresse relative ou adresse absolue quand vous créez un document, il n'est pas toujours nécessaire de saisir la totalité de l'adresse pour insérer un lien vers une image ou un article présent sur votre site. la saisie est plus rapide et si le site change d'hébergeur, il n'est pas nécessaire de ressaisir toutes les adresses absolues, puisque les adresses seront internes au site. exemple d'adresse absolue: http://blackland.legtux.org/adhoc/pages/index.php exemple d'adresse relative : pages/index.php attention ! votre éditeur wysiwyg peut essayer de vous refiler du http/https devant votre lien relatif, il vous faudra vérifier et éventuellement le corriger en mode source, voire par ftp. pour le lien relatif, pas de / devant, vous en avez déjà un à la fin de votre url. pour les images, en principe, pas de souci, elles sont stockées en adresse locale (src="images/... ). pour les plugins, c'est parfois plus délicat : /modules/contact/... (retour à la racine du site) posera problème dans le cas de site en sous-dossier, comme en local. essayer modules/contact/etc... ou bien ./modules/contact/etc... (préférable pour certains navigateurs) qui restent au même niveau d'arborescence. nota: modules/contact/... remonterait lui au niveau supérieur. astuce pour adhoc selon la page d'adhoc où l'on se trouve, on peut avoir des problèmes de chemin vers une page ou une image. si 'on place le fichier de référence (par exemple cloud.php) dans /include, le lien suivant trouvera toujoursle bon chemin : path_inc."cloud.php" pour la création de lien vers les images, whizzywig va toujours ajouter un slash devant le répertoire. si j'entre ça en admin : <img< span=""> src="images/vieillevalette/vieille-valette-08.jpg" alt="" /> adhoc va enregistrer ...
Mots identiques compris dans le texte de la page : image
1 occurrence |7 mots dans le texte
...fabriquer le web adresse relative ou adresse absolue quand vous créez un document, il n'est pas toujours nécessaire de saisir la totalité de l'adresse pour insérer un lien vers une image ou un article présent sur votre site. la saisie est plus rapide et si le site change d'hébergeur, il n'est pas nécessaire de ressaisir toutes les adresses absolues, puisque les adresses seront internes au site. exemple d'adresse absolue: http://blackland.legtux.org/adhoc/pages/index.php exemple d'adresse relative : pages/index.php attention ! votre éditeur wysiwyg peut essayer de vous refiler du http/https devant votre lien relatif, il vous faudra vérifier et éventuellement le corriger en mode source, voire par ftp. pour le lien relatif, pas de / devant, vous en avez déjà un à la fin de votre url. pour les images, en principe, pas de souci, elles sont stockées en adresse locale (src="images/... ). pour les plugins, c'est parfois plus délicat : /modules/contact/... (retour à la racine du site) posera problème dans le cas de site en sous-dossier, comme en local. essayer modules/contact/etc... ou bien ./modules/contact/etc... (préférable pour certains navigateurs) qui restent au même niveau d'arborescence. nota: modules/contact/... remonterait lui au niveau supérieur. astuce pour adhoc selon la page d'adhoc où l'on se trouve, on peut avoir des problèmes de chemin vers une page ou une image. si 'on place le fichier de référence (par exemple cloud.php) dans /include, le lien suivant trouvera toujoursle bon chemin : path_inc."cloud.php" pour la création de lien vers les images, whizzywig va toujours ajouter un slash devant le répertoire. si j'entre ça en admin : <img< span=""> src="images/vieillevalette/vieille-valette-08.jpg" alt="" /> adhoc va enregistrer ...
Mots identiques compris dans le texte de la page : image
1 occurrence |7 mots dans le texte
5.
adHoc Comment est fait le header
...adhoc comment est fait le header question kat quand plusieurs zones du header prennent plus que la largeur, la dernière va se positionner à la ligne suivante. et ça prend plus de place. est-ce que les frontières entre ces zones sont irrémédiablement fixées ainsi ? est-ce que les zones (titre, slogan, logo, date etc ...) peuvent se chevaucher, être en surimpression au moins pour une partie, en gérant l'organisation avec des transparences et des z-index ? voilà ce que je souhaite : une image dans le logo et titre/slogan/date (tous ou au choix) etc pouvant s'afficher en texte par-dessus. j'ai essayé de mettre mon image en background de header, de header-mid ou de site-title, mais quand on diminue la taille de l'écran, l'image reste fixée en taille (même si on lui donne du max-width : 100 % et du height :auto). alors qu'avec ce même css, l'image dans le logo diminue proportionnellement à la taille de l'écran. nota : background : cover ne donne pas de bons résultats dans le header, on obtient une portion d'image très zoomée, donc très pixellisée et on ne maitrise jamais le résultat qui sera très variable d'un écran à l'autre. réponse ale pour le header et le footer la grille ne vient pas prise en compte... la disposition des boites se fait entièrement au niveau du css par le dessinateur. c'est à lui donc de positionner les boites en fixant la largeur, le fond etc... je trouve juste comme ça pour ne vous priver d'...
Mots identiques compris dans le texte de la page : image
1 occurrence |5 mots dans le texte
...adhoc comment est fait le header question kat quand plusieurs zones du header prennent plus que la largeur, la dernière va se positionner à la ligne suivante. et ça prend plus de place. est-ce que les frontières entre ces zones sont irrémédiablement fixées ainsi ? est-ce que les zones (titre, slogan, logo, date etc ...) peuvent se chevaucher, être en surimpression au moins pour une partie, en gérant l'organisation avec des transparences et des z-index ? voilà ce que je souhaite : une image dans le logo et titre/slogan/date (tous ou au choix) etc pouvant s'afficher en texte par-dessus. j'ai essayé de mettre mon image en background de header, de header-mid ou de site-title, mais quand on diminue la taille de l'écran, l'image reste fixée en taille (même si on lui donne du max-width : 100 % et du height :auto). alors qu'avec ce même css, l'image dans le logo diminue proportionnellement à la taille de l'écran. nota : background : cover ne donne pas de bons résultats dans le header, on obtient une portion d'image très zoomée, donc très pixellisée et on ne maitrise jamais le résultat qui sera très variable d'un écran à l'autre. réponse ale pour le header et le footer la grille ne vient pas prise en compte... la disposition des boites se fait entièrement au niveau du css par le dessinateur. c'est à lui donc de positionner les boites en fixant la largeur, le fond etc... je trouve juste comme ça pour ne vous priver d'...
Mots identiques compris dans le texte de la page : image
1 occurrence |5 mots dans le texte