#pagecraft

[pirateskinned]

page theme four: war paint by pirateskinned ↳ static preview — pastebin

about / moodboard page theme with statistics, biography and social media tabs

five images, sizes can be found in the code though everything automatically resizes

up to eight custom links and room for a quote

basic html and css knowledge is required to use this page

created for the winner of my page theme giveaway, @lilys. thank you for giving me so much freedom! i had a lot of fun making this. ♥♥♥

this is my entry for @codingcabin’s pagecraft challenge from the codingawards

don’t use as base code, remove credit, take parts of the code or repost / claim as your own. do edit and make it your own. if you like my themes, please consider supporting me. please like / reblog if you plan on using.

[eggdesign]

Folio

preview + install

A portfolio page made for codingcabin’s pagecraft challenge! 

Folio is loosely inspired by brutalism. It features 3 preview posts for each folder category, which expands to the full portfolio category when clicked on. While the preview images are limited to 3, you can have as many images you want in each category. 

The theme comes with these cursors, but you can change them to any custom cursor you want. 

HTML and CSS knowledge is needed to edit this theme, but the code is labeled for easier editing. 

[arithemes]

Fic Recs/Book Recs Page 02

done for the codingcabin coding awards pagecraft challenge!

features

title and home/ask/archive links.

you can select multiple filters at once

three built in filter categories (you can add more if you’re slightly familiar with html)

4 built in characters/filters but you can add more

built in ratings filters but you can change those to other kinds of filters

favorite filter including a heart icon for fics in that category!

credits

honeybee icon font by @suiomi

tumblr controls fix by @cyantists

isotope combination filter tutorial by @magnusthemes

typical theme rules apply: like/reblog if you use, don’t steal, you can edit in any way as long as you don’t use it as a base, ect. if you have any questions, ask me and i’ll try and answer. as this is a page theme, you’ll need some knowledge of html/css to edit it but i’ve done my best to explain everything inside the code. lmk if there’s anything wrong in the code!

this was mainly built for fic recs but i’m sure you could use it for book recs too or anything else you might have in mind!

preview ✘ code ✘

[spielglocken]

All in one page: Odessa

An entry for CodingCabin’s Pagecraft Coding Award. Easy to use all-in-one page. This can work both as an about or project page, or anything that needs a lot of text. Features:

5 sections: About, Links (and tags), Blogroll, FAQ, and ask box

Header features a title and a subtitle

Truncated blogroll list, expandable by a pop-up. Truncation is optional; you may disable it in order to show all of the blogs

Collapsible questions on FAQ section, also optional.

Responsive

Credits: Tooltips | Icons

Preview + Install: Preview | Alt. preview | Guide | Install

Instructions are included in the code. If you would like a lengthier, more rambling instructions (+ alternate styling) check out the guide. Some knowledge of HTML may be needed for editing the contents. If you are using this, liking or reblogging is very much appreciated. Let me know if there are any problems!

[seokjins-wings]

page 001 : preview a (3x4) / preview b (4x4) / code

henlo! this is my entry for coding cabin’s pagecraft challenge! it’s an all-in-one page with, uhh, many options. this is the first page theme I’m releasing so I’m a little [sweats] nervous ;;;

features : a full-width grid layout & 16 possible pre-styled content types (including simple text, a quote, lists, blogroll, those fancy skill bars, faq, etc)

important : basic knowledge in html/css is definitely required. the code and my comments are self-explanatory. if you want to do anything beyond replacing the placeholders (for example change the order of the grid items), then you should only do this when you know what you’re doing.

notes : the layout is intended to be 3x4 (so no more than 12 grid items as shown in preview a) because that’s already a lot of information to put on one page in my opinion, but you can wild it out if you really want to and add as many grid items as you want... the page will scroll (preview b). all content types can be used multiple times.

credits : fanart by @kishidanchou, icons by @suiomi

[venusthms]

page 14: nova | preview | download (github)

a minimal members/network/characters page created for codingcabin’s pagecraft challenge. images are 220px width and any height you want. longer captions will be cut off and revealed on click automatically (only one the actual page, not the customization page). instructions about customization are provided within the code. if you encounter any problems, message me. please like or reblog if you use the code. terms of use

credits: feather icon font ; filter tutorial by @cyantists ; tumblr control fix by @cyantists ; images from unsplash ;  more credits here

[amaanat]

PAGE THREE - SHABNAM - made by amaanat themes

here is an all in one page with a welcome message, about, faq (+ ask/submit box features), links, tags, blogroll and social stuff section! Shabnam means dew in urdu! This page is for Coding Cabin’s Pagecraft Challenge which can be found here. Code + More is under cut, please read the ENTIRE post before using / installing!!!

Static Preview ||| Code (raw not provided since code may be subject to changes. To access raw code, type /raw/ between pastebin.com and the numbers/letters!)

alternative codes such as on github and google docs are coming soon for all released codes

notes:

HTML / CSS knowledge is needed to customise, but don’t hesitate to send a message if you’re experiencing troubles. 

Notes and help and instructions is provided in the code itself

Rules:

Please like/reblog if using and do not move the credit or remove it and claim as your own! Please also do not use this page as a base code. My full terms of use can be found here

Credits:

custom tumblr controls by @cyantists

honeybee icon font and skills bar / percentage graph by the wonderful @suiomi 

gif in preview of about tab was made by the beautiful @sidonielarson on this post

icon in preview made by me on my main blog @maniron

all credits used in this theme and others can be found here

Please let me know here if anything is not working! If you like my codes and want to support me, I have a ko-fi link here! Totally not obligatory but it would help me out a lot and I hope you enjoy using my work!

[clerihew]

18. from the bullpen - static preview // code (for the Coding Awards Pagecraft Challenge)

this is a page made specifically to display your favorite comics or books

features:

contained page

simple nav

unlimited space for comics

easy to use, simple code

tips:

keep the descriptions short

please like or reblog if using :)