Add 'v2.0/README.md'
This commit is contained in:
parent
e5255a2b46
commit
5c2ba987cd
|
@ -0,0 +1,47 @@
|
|||
⸨ v2.0 ⸩ **OUTDATED**, [v3.0 is now here](https://glenthemes.tumblr.com/post/659034084446748672/npf-images-v3).
|
||||
|
||||
* original post: [glenthemes.tumblr.com/post/638038350689976320](https://glenthemes.tumblr.com/post/638038350689976320)
|
||||
|
||||
---
|
||||
|
||||
### How to use:
|
||||
|
||||
Add jQuery under `<head>` if your page doesn't have it:
|
||||
```
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
```
|
||||
|
||||
Also under `<head>` (after jQuery), add:
|
||||
```
|
||||
<!--
|
||||
NPF IMAGES READJUSTMENT | @glenthemes
|
||||
v2.0 [last updated: 2021-06-03]
|
||||
-->
|
||||
<link href="//git.froggi.es/glenthemes/npf/raw/main/v2.0/npf-override.css" rel="stylesheet">
|
||||
<script src="//git.froggi.es/glenthemes/npf/raw/main/v2.0/npf-evenize.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
:root {
|
||||
--NPF-Image-Spacing:4px;
|
||||
--NPF-Bottom-Gap-From-Captions:1em;
|
||||
}
|
||||
</style>
|
||||
```
|
||||
|
||||
Use the in-code searchbar and look up `{block:Posts}`
|
||||
On the next line or so, you should find something similar:
|
||||
```
|
||||
<div class="posts">
|
||||
```
|
||||
|
||||
Add `post-type="{PostType}"` before the closing pointy bracket:
|
||||
```
|
||||
<div class="posts" post-type="{PostType}">
|
||||
```
|
||||
|
||||
To edit the spacing, go to `:root`:
|
||||
[image](https://64.media.tumblr.com/730347cdde97981a81b387e4c27cc9a7/16d89e95728e90f1-fc/s640x960/201f89a347ad1c81b4dee7b5922fa632bf35171a.png)
|
||||
|
||||
---
|
||||
|
||||
For further debugging, visit [the post](https://glenthemes.tumblr.com/post/638038350689976320) and scroll down to "PLEASE NOTE".
|
Loading…
Reference in New Issue