Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédenteProchaine révisionLes deux révisions suivantes | ||
pratique:informatique:pinterest [29/03/2018 12:48] – [Alternative via Dokuwiki] Zatalyz | pratique:informatique:pinterest [30/11/2020 10:36] – modification externe 127.0.0.1 | ||
---|---|---|---|
Ligne 12: | Ligne 12: | ||
Ouvrez votre tableau sur Pinterest, avec Firefox((Ça marche probablement avec d' | Ouvrez votre tableau sur Pinterest, avec Firefox((Ça marche probablement avec d' | ||
- | Ensuite dans **Firefox**, | + | Ensuite dans **Firefox**, |
- | Ensuite ouvrez le dossier où vous souhaitez télécharger le bazar, puis depuis un terminal : | + | Vérifiez qu'il y a bien autant de fichier que d' |
- | < | + | |
- | cd mondossier/ | + | |
- | wget -i fichierliste -A.jpg | + | |
- | </ | + | |
- | + | ||
- | Et voilà, ça va tout télécharger... | + | |
- | Si vous souhaitez mettre à jour, refaites la manip pour lister les images puis faites un différentiel avec le premier | + | Si vous souhaitez mettre à jour, refaites la manip pour lister les images |
Évidement ça ne télécharge que ce qui se voit sur le tableau, donc des images " | Évidement ça ne télécharge que ce qui se voit sur le tableau, donc des images " | ||
Ligne 36: | Ligne 30: | ||
margin:0; | margin:0; | ||
- | } | ||
- | |||
- | .tableau { | ||
- | display: | ||
- | flex-flow: | ||
- | } | ||
- | |||
- | .tableau ul { | ||
- | column-count: | ||
- | list-style-type: | ||
} | } | ||
.thumb { | .thumb { | ||
- | margin:1em; | ||
max-width: | max-width: | ||
display: | display: | ||
height: | height: | ||
+ | } | ||
+ | |||
+ | .masonry { | ||
+ | padding: 0; | ||
+ | column-gap: 0.1em; | ||
+ | font-size: .85em; | ||
+ | column-count: | ||
+ | column-width: | ||
+ | } | ||
+ | |||
+ | .item { | ||
+ | display: inline-block; | ||
+ | padding: 0.5em; | ||
+ | |||
+ | |||
} | } | ||
</ | </ | ||
Ligne 74: | Ligne 72: | ||
?> | ?> | ||
- | + | <div class=" | |
- | + | <div> | |
- | <div class=" | + | |
- | <ul> | + | |
<?php // Liste et affiche les images | <?php // Liste et affiche les images | ||
foreach($files as $image) { $f= str_replace($repertoire,'', | foreach($files as $image) { $f= str_replace($repertoire,'', | ||
- | <li><img class=" | + | <div class=" |
<?php } ?> | <?php } ?> | ||
| | ||
- | </ul> | ||
</ | </ | ||
+ | </ | ||
+ | |||
</ | </ |