Fic Recs Page 001
customizable colour accents || 3 or 4 columns || search function || pop out keyword box
A - D: minimalist. Header Image width is 682px.A:: 3 columns, text header [live] [code]B:: 3 columns, text header + desc box [live] [code]C:: 3 columns, image header [live] [code]D:: 3 columns, image header + desc box [live] [code]
E- H: looks best on res 1366px & above. Header Image width is 921px.E:: 4 columns, text header [live] [code]F:: 4 columns, text header + desc box [live] [code]G:: 4 columns, image header [live] [code]H:: 4 columns, image header + desc box [live] [code]
NOTES:- please only use if you are comfortable with basic html/css editing- accent colours are separated out at the start of the css, as is the place for your header image url & height- the text on the header in the preview gif is part of the example image- the search box will search any visible text (ie title, desc) as well as the hidden keywords- the keywords popout box is there so you can offer searchable prompts to users, my advice would be anything you put in the hidden keywords should also be listed there- any issues please msg me NOT ANON with a link to your page so I can see and help :)

Fic Recs Page 001

customizable colour accents || 3 or 4 columns || search function || pop out keyword box

A - D: minimalist. Header Image width is 682px.
A:: 3 columns, text header [live] [code]
B:: 3 columns, text header + desc box [live] [code]
C:: 3 columns, image header [live] [code]
D:: 3 columns, image header + desc box [live] [code]

E- H: looks best on res 1366px & above. Header Image width is 921px.
E:: 4 columns, text header [live] [code]
F:: 4 columns, text header + desc box [live] [code]
G:: 4 columns, image header [live] [code]
H:: 4 columns, image header + desc box [live] [code]

NOTES:
- please only use if you are comfortable with basic html/css editing
- accent colours are separated out at the start of the css, as is the place for your header image url & height
- the text on the header in the preview gif is part of the example image
- the search box will search any visible text (ie title, desc) as well as the hidden keywords
- the keywords popout box is there so you can offer searchable prompts to users, my advice would be anything you put in the hidden keywords should also be listed there
- any issues please msg me NOT ANON with a link to your page so I can see and help :)

robbarya:

TAGS PAGE #4 by ROBBARYA
Instructions in code, if you have any questions go to my ask
FEATURES:
3 navigation links
All colours are customizable
350x170px topbar
Ten default boxes. More can be added
Infinite amount of links. Scrollbar appears when the list is too long
RULES:
DON’T CLAIM AS YOUR OWN
DON’T REMOVE OR MOVE THE CREDIT
DON’T REDISTRIBUTE
DON’T USE AS A BASE. You can edit it as much as you like as long as the credit remains untouched.
Preview | Code

Please reblog/like if you use ♥ Thank you

robbarya:

TAGS PAGE #4 by ROBBARYA

Instructions in code, if you have any questions go to my ask

FEATURES:

  • 3 navigation links
  • All colours are customizable
  • 350x170px topbar
  • Ten default boxes. More can be added
  • Infinite amount of links. Scrollbar appears when the list is too long

RULES:

  • DON’T CLAIM AS YOUR OWN
  • DON’T REMOVE OR MOVE THE CREDIT
  • DON’T REDISTRIBUTE
  • DON’T USE AS A BASE. You can edit it as much as you like as long as the credit remains untouched.

Preview | Code

Please reblog/like if you use ♥ Thank you

robbarya:

TAGS PAGE #3 by ROBBARYA
Instructions in code, if you have any questions go to my ask
FEATURES:
3 navigation links
All colours are customizable
80x80px icon
Nine default boxes. More can be added
Infinite amount of links. Scrollbar appears when the list is too long
RULES:
DON’T CLAIM AS YOUR OWN
DON’T REMOVE OR MOVE THE CREDIT
DON’T REDISTRIBUTE
DON’T USE AS A BASE. You can edit it as much as you like as long as the credit remains untouched.
Preview | Code

Please reblog/like if you use ♥ Thank you
Matches this theme

robbarya:

TAGS PAGE #3 by ROBBARYA

Instructions in code, if you have any questions go to my ask

FEATURES:

  • 3 navigation links
  • All colours are customizable
  • 80x80px icon
  • Nine default boxes. More can be added
  • Infinite amount of links. Scrollbar appears when the list is too long

RULES:

  • DON’T CLAIM AS YOUR OWN
  • DON’T REMOVE OR MOVE THE CREDIT
  • DON’T REDISTRIBUTE
  • DON’T USE AS A BASE. You can edit it as much as you like as long as the credit remains untouched.

Preview | Code

Please reblog/like if you use ♥ Thank you

Matches this theme

robbarya:

About + FAQ #1 by ROBBARYA
Matches this tags page. Instructions in code, if you have any questions go to my ask
FEATURES:
4 customizable tabs (about + ask + faq) More can be added
4 navigation links. More can be added
All colours are customizable
80x80px icon
Infinite space to write. Scrollbar appears when is too long.
RULES:
Don’t claim as your own
Don’t remove or move the credit
Don’t redistribute
Don’t use as a base. You can edit it as much as you like as long as the credit remains untouched.
Preview | Code

Please reblog/like if you use ♥ Thank you

robbarya:

About + FAQ #1 by ROBBARYA

Matches this tags page. Instructions in code, if you have any questions go to my ask

FEATURES:

  • 4 customizable tabs (about + ask + faq) More can be added
  • 4 navigation links. More can be added
  • All colours are customizable
  • 80x80px icon
  • Infinite space to write. Scrollbar appears when is too long.

RULES:

  • Don’t claim as your own
  • Don’t remove or move the credit
  • Don’t redistribute
  • Don’t use as a base. You can edit it as much as you like as long as the credit remains untouched.

Preview | Code

Please reblog/like if you use ♥ Thank you

dominicwrites:

FANFICTION LIBRARY #3 by dominicwrites

v.1 : Live Preview // Codev.2 : Live Preview // Code
* 3 links* Hover Description
This is just a simple fanfiction library page for your fanfic recs. You can also use this for organizing your paras for those roleplayers out there. There are two versions for this page: one with two boxes aside each other and one with three boxes aside each other. Please don’t tamper with the design unless you know HTML/CSS.
The boxes include a hover feature for the descriptions and information about the fanfic. Keep the description inside of the box. I didn’t put any overflow attribute. But if you’d like then you can go ahead and put it.
I didn’t include a search bar because I’m still rusty on understanding that code, but I will try to integrate it in a later version.
Recommendation: I do recommend that you organize your fanfics by title so that it would be easier to find the fanfics. Unless you have your own system then go for it.
Please do not remove the credit, which is indicated by the red circle.
Zoom Info
dominicwrites:

FANFICTION LIBRARY #3 by dominicwrites

v.1 : Live Preview // Codev.2 : Live Preview // Code
* 3 links* Hover Description
This is just a simple fanfiction library page for your fanfic recs. You can also use this for organizing your paras for those roleplayers out there. There are two versions for this page: one with two boxes aside each other and one with three boxes aside each other. Please don’t tamper with the design unless you know HTML/CSS.
The boxes include a hover feature for the descriptions and information about the fanfic. Keep the description inside of the box. I didn’t put any overflow attribute. But if you’d like then you can go ahead and put it.
I didn’t include a search bar because I’m still rusty on understanding that code, but I will try to integrate it in a later version.
Recommendation: I do recommend that you organize your fanfics by title so that it would be easier to find the fanfics. Unless you have your own system then go for it.
Please do not remove the credit, which is indicated by the red circle.
Zoom Info

dominicwrites:

FANFICTION LIBRARY #3 by dominicwrites

v.1 : Live Preview // Code
v.2 : Live Preview // Code

* 3 links
* Hover Description

This is just a simple fanfiction library page for your fanfic recs. You can also use this for organizing your paras for those roleplayers out there. There are two versions for this page: one with two boxes aside each other and one with three boxes aside each other. Please don’t tamper with the design unless you know HTML/CSS.

The boxes include a hover feature for the descriptions and information about the fanfic. Keep the description inside of the box. I didn’t put any overflow attribute. But if you’d like then you can go ahead and put it.

I didn’t include a search bar because I’m still rusty on understanding that code, but I will try to integrate it in a later version.

Recommendation: I do recommend that you organize your fanfics by title so that it would be easier to find the fanfics. Unless you have your own system then go for it.

Please do not remove the credit, which is indicated by the red circle.

farahmir:

BOX PAGE THEME - preview / code

Based off of this Codrops tutorial. Click the boxes and different sections pop up! I really, really really recommend some knowledge of HTML and CSS if you wish to use this page theme.
One box for an about, one box for a friends/biase list, one links box, and one FAQ/ask box.
**IMPORTANT** Remember to put your URL in the code so that your ask box works!

farahmir:

BOX PAGE THEME - preview / code

Based off of this Codrops tutorial. Click the boxes and different sections pop up! I really, really really recommend some knowledge of HTML and CSS if you wish to use this page theme.

One box for an about, one box for a friends/biase list, one links box, and one FAQ/ask box.

**IMPORTANT** Remember to put your URL in the code so that your ask box works!

cuphaz:

All-in-One Page by Roxie

Static preview | Pastebin | FreeTextHost | JavaScript credit

Features:
Index page with two entries
Two icons
Two slide page
Including About page + Navigation + Blogroll
About page: including profile; fandom categories; face pictures
Navigation: adding as many blocks as you want
Please follow the guidance in the code (if something wrong happens I’ll suggest to re-install the code)
Rules:
Please like or reblog if you’re using
Do not use as a base
Do not claim as your own
Do not remove the credit
If you have any problem please message me

cuphaz:

All-in-One Page by Roxie

Static preview | Pastebin | FreeTextHost | JavaScript credit

Features:

  • Index page with two entries
  • Two icons
  • Two slide page
  • Including About page + Navigation + Blogroll
  • About page: including profile; fandom categories; face pictures
  • Navigation: adding as many blocks as you want
  • Please follow the guidance in the code (if something wrong happens I’ll suggest to re-install the code)

Rules:

  • Please like or reblog if you’re using
  • Do not use as a base
  • Do not claim as your own
  • Do not remove the credit

If you have any problem please message me

hardziam:

Ficrecs page 01 by hardziam / themesbyzsu 
Features:
3 links
Webkit scrollbar(s)
Search for fics via keywords
Hidden keywords list
Fully customisable colors
(Optional) pop-up reader commentaries (Don’t have to include them for every single one)
Star- rating system
Version A: 1 column {Preview} | {Code}
Version B: 2 columns {Preview} | {Code}
If there’s any problems, please do not hesitate to come to me and tell me!! please like/reblog if using too because it makes me happy (ノ◕ヮ◕)ノ*:・゚✧
inspiration & various scripts credit: {x}

hardziam:

Ficrecs page 01 by hardziam / themesbyzsu 

Features:

  • 3 links
  • Webkit scrollbar(s)
  • Search for fics via keywords
  • Hidden keywords list
  • Fully customisable colors
  • (Optional) pop-up reader commentaries (Don’t have to include them for every single one)
  • Star- rating system

Version A: 1 column {Preview} | {Code}

Version B: 2 columns {Preview} | {Code}

If there’s any problems, please do not hesitate to come to me and tell me!! please like/reblog if using too because it makes me happy (ノ◕ヮ◕)ノ*:・゚✧

inspiration & various scripts credit: {x}

synics:

Fossil - Simple yet intuitive page theme with notes annotated in the coding; there is a dark and light version, and the faq/askbox appear on hover. It’s easier to explain in the previews — Note: make sure to change the url to your url for the askbox to work — the helpful tutorial is embedded into the codes of both dark and light versions of the page.
Previews: Dark / Light
Codes: Dark / Light
Zoom Info
synics:

Fossil - Simple yet intuitive page theme with notes annotated in the coding; there is a dark and light version, and the faq/askbox appear on hover. It’s easier to explain in the previews — Note: make sure to change the url to your url for the askbox to work — the helpful tutorial is embedded into the codes of both dark and light versions of the page.
Previews: Dark / Light
Codes: Dark / Light
Zoom Info
synics:

Fossil - Simple yet intuitive page theme with notes annotated in the coding; there is a dark and light version, and the faq/askbox appear on hover. It’s easier to explain in the previews — Note: make sure to change the url to your url for the askbox to work — the helpful tutorial is embedded into the codes of both dark and light versions of the page.
Previews: Dark / Light
Codes: Dark / Light
Zoom Info

synics:

Fossil - Simple yet intuitive page theme with notes annotated in the coding; there is a dark and light version, and the faq/askbox appear on hover. It’s easier to explain in the previews — Note: make sure to change the url to your url for the askbox to work — the helpful tutorial is embedded into the codes of both dark and light versions of the page.

Previews: Dark / Light

Codes: Dark / Light


HIATUS THEME // LIVE PREVIEW // CODE* // PLEASE LIKE/REBLOG IF USING+ you can add a pretty long hiatus message (depends on how long your sidebar is)+ custom sidebar + askbox- please do not remove the credit or claim as your own.*I’ve moved the code to pastebin since freetexthost is down.

HIATUS THEME // LIVE PREVIEW // CODE* // PLEASE LIKE/REBLOG IF USING
+ you can add a pretty long hiatus message (depends on how long your sidebar is)
+ custom sidebar
+ askbox
- please do not remove the credit or claim as your own.
*I’ve moved the code to pastebin since freetexthost is down.