website title
A tagged gallery template; mobile accessible and (hopefully) newbie-friendly. There's notes throughout the html and css. You can pretty much change everything under the ::root settings in the style.css file.
Add whatever you wish here, a bio or intro, or a banner!
Code Stylings (Click me!)
Above is <hr>, a dividing line to place between elements.
Here's a normal paragraph. This is italics. This is bold text. Now for some emphasis. This is higlighted text.
This is a blockquoteyou can use
in them for line breaks.<p>
- An ordered list.
- Simply use
<ol>(ordered list) and<li>(list items). - For any rankings, tutorials and more!
- This is an unordered list.
- Use
<ul>(unordered list) and<li>(list items).
Click me!
This is<details> and <summary> text.
Here's a linebreak, with <br/>:
How to get this code:
hit ctrl+u, or right click on this page and select view page source to find the html and css. Then you simply copy + paste the code onto your editor of choice.
Credits
Inspired by Kingdra's Fanfic Masterlist Template, Kaylee Rowena's Gallery Template and Nomnomnami's blog-style template. Javascript filtering code from w3schools. Petrapixel's positioning tutorial as a guide for the setup. Thank yous!
Live Examples
If you use this code, please let me know via my guestbook or email (gg8473contact@proton.me) and I can add you to the examples ^w^.
Filters:
This is a text box! Speak your thoughts... They won't show when a filter is picked.
Title
- TWST
VERY cute, and extremely photographic.
Psst...
You can use this for a gallery, sketchlog, comic filtering, albums, medialog, whatever you want!
Change the column number in the style.css! 1 for full sized images, you can go up to 6 comfortably with this template.
You can use multiple tags!