Themes by Jo

Hey! I'm Jo, a self taught theme maker. Here you can find all themes and related materials by me (bellatriv). All themes are optimized for google chrome.

[aphrodhlte]

WELCOME TO MY CODING COURSE FOR BEGINNERS! I was browsing through online courses at udemy when I was struck with the inspiration to create my own course for you guys. This online course will be available at eliademy instead of udemy since they have a better grading system and assessment types.

What is an online course? An online course is basically like an online classroom. You have a teacher, classmates, homeworks, projects, and a grading system. You can view the course page here.

What does this course cover? This beginner course covers how to create a theme from scratch. It will go through the very basics on how to make a simple theme with either headers, sidebars, images, etc. It’s like learning how to create better base codes for yourself. I do not recommend this course for theme makers since you probably know all this already. I have an advanced course coming up soon so stay tuned for that.

How do I enroll? You have to register at eliademy and enroll in this course. Registering at eliadeyt not only allows you to enroll in courses, but it allows you to create your own as well, free of charge.

General FAQ 1. How many students are you accepting?

I will not reject any applications since there will be no forms whatsoever. All you have to do is to register at eliademy for free and join my course. I will not be limiting the number of students participating.

2. When is the course running?

The course will only run how it should once. I have a pace set up; lectures will be available as soon as you finish the previous one and these lectures will be given once a week. 

Once the initial run ends, all the lectures and tasks will be available simultaneously and people can still register to take the course.

Classes will begin January.

Enrolment for the initial run ends January 3.

To know more about the course, please read this pdf file. The file includes requirements, class information, homework system, lecture formats, and more. An updated version will be available to you once you enroll.

Please reblog this to share the word and if you have any questions, drop me a message and I’ll reply to you asap :) And follow us on ello for updates.

[wonderfullythemes]

Theme #48 - Aphotic by wonderfullythemes

As promised here’s my former theme blog theme! A couple weeks late but better late than never

Static Preview | Code

Rules:

no stealing/copying the idea/redistributing/claiming as your own/interfering with the credit/using as a base

edits are fine as long as my credit stays intact

like/reblog if using please!

Features:

there’s a lot here so get ready for bad grammer and no apostrophes or capitals

sidebar image (405px by 100%) with grayscale on hover

click the title on the image to reveal your description and links

default: Index, Mail and More links with 4 custom ones

click “mail” for a slide out faq + ask

click “more” for a space to put an “About me” or smth (customizable from the Appearance tab)

400px posts with tags on hover

optional updates tab

jump pagination at the end of posts

webkit scrollbar, text highlighter, tooltips and custom colours included

enjoy!

Check out the +Theme Gang, +Theme Village, +thmresources and +HTML Wizards for more awesome themes :)

[wonderfullythemes]

About Page #2 by wonderfullythemes

Julia inth3st0rm gave me this amazing idea!! The code is styled around “Chico” from this Codrops article.

Static Preview | Code

Rules:

no stealing/copying the idea/redistributing/claiming as your own/interfering with the credit/using as a base

edits are fine as long as my credit stays intact

like/reblog if using please!

Features:

300 by 450px image

text appears on hover and the image zooms in

a lot

3 links (home/ask/archive) but ofc you can change them! A list of icons is here

There are some comments, but if you need help customizing this then send me an ask :) Check out the +Theme Gang, +Theme Village, +thmresources and +HTML Wizards for more pages.

[arwein-deactivated20230820]

FANGCRN THEME SIX : HELL & BACK

Please:

do not steal

do not claim as your own

do not use as a base

do not remove the credit

like/reblog the post if using

ask me if you need help, though please read the faq

Features:

hover description

hover tags

500 px posts

simple theme

static preview // code

[forths-deactivated20141205]

Introducing FORTHS NETWORK. A network cerated to help share themes/blog/resources and anything else blog related! Follower count does not matter and the more people the better!

Rules:

MUST reblog this post (likes only for bookmarking) 

MUST be follow CHRISTS and HAZYTHEMES

Fill this out

Be active and respectful 

What I'm Looking For:

Preferably theme makers, resource/tutorial blogs are okay too. 

ACTIVE, ACTIVE, ACTIVE

Humans

Benefits:

HTML Help

Meet other bloggers & make friends

Gain followers

Get your themes/tutorials/resources out!!

If Accepted:

Please have your ask/submit boxes open

No need to track any tags or any of that jazz.

Other stuff:

If you have any questions, you can ask me here

Please share this with as many people possible!!

Love you xx

[ardentthemes-blog]

following from bellatriv!

[vesperthemes-blog]

theme 8: backburner          lp / code

help me out, you know you gotta help me out

super simple yes

3 customizable links

hover title

links appear when u hover the sidebar!

like or reblog if using yah

[aogthemes]

LINK HOVER EFFECT: BRACKETS [preview]

To install:

Go to your customise page, and click “Edit HTML”

Put this code under <style type=”text/css”>

Then, put <div class=”linkhover”>your content</div> where you want it. Make sure to retype the quotation marks!

If the place you want it already has a div id assigned, you can simply add class=”linkhover” to it (ie <div id=”blah” class=”linkhover”>) Again, make sure you retype the quotes!

And that’s really all, I hope this helps! Enjoy :)

Note: I didn’t make this; here’s the credit for the codes!

[wonderfullythemes]

Updates Tab #4 by wonderfullythemes

This is the one I’m using on my main blog (as of 16/10/2014)

Static Preview

Code #1 (jQuery) - paste above your meta tags

Code #2 (CSS) - paste above {CustomCSS}</style>

Code #3 (HTML) - paste below </head><body>

Rules:

no stealing/copying the idea/redistributing/claiming as your own/removing the credit/using as a base

like/reblog if using!

please link anyone who asks to me thanks c:

Features:

click the title and your updates slide down

um that’s p much it tbh

colours + text customizable from the HTML, I’ve included all relevant comments :)

Ctrl + F “lostatsea” and you’ll find everything

If you have any trouble editing then send me an ask! Check out the +Theme Gang, +Theme Village, +thmresources and +HTML Wizards for more :D

[asheathes]

As requested, here’s a list of my favourite fonts.

Assassin | Channel | Cheddar Jack | Dubiel | Feathergraphy | Intro | Loremipsum | Mademoiselle K | Manualito Flo | Nouvelle Vague | Onyx | Parchment | Prester John | RNS Camelia | Roboto | Rockwell | Sail | Shipped Goods | Signarita Zhai | Tommaso | Trajan Pro | TrashHand | Weston | Xenippa

[themesbyrachael-blog]

▲ cumbvrbatch theme #20 (revamped) by benedictcumbvrbatch / themesbyrachael

live preview | code

no stealing and all that please:

6 links

400px or 500px posts 

customisable background image

drop down menu

here are some of my other themes!

please like/reblog if you’re using, thank you!

[bellatriv-blog]

THEME 07: D E M U R E; BY BELLATRIV/ARDENTTHEMES  (pv amazingpond/josthemes)

F E A T U R E S:

500/400 px posts

links + description shows on sidebar hover (2nd pic)

4/5 sidebar links (look below)

optional popup ask (4 custom links with, 5 without)

optional captions (they’ll still show in permalink page)

optional crosshair cursor

most colours customizable (I think all, I put in whatever I thought of)

tooltips installed

R U L E S:

like/reblog if using please

Do not touch credit or I will kill you

edit as much as you like but do not use as a base so that it looks completely different

do not redistribute or claim as your own

steal bits of coding even if you credit

Please tell me if you find anything wrong in the code

preview // code

Check out theme village for more themes!

[themesbyrachael-blog]

▲ cumbvrbatch theme #20 (revamped) by benedictcumbvrbatch / themesbyrachael

live preview | code

no stealing and all that please:

6 links

400px or 500px posts 

customisable background image

drop down menu

here are some of my other themes!

please like/reblog if you’re using, thank you!

[wonderfullythemes]

Updates Tab #3 by wonderfullythemes

This was coded ages ago, and is featured in my 24th and 27th themes, but I’d never released it separately, so here you go :)

Preview in Theme #24 and Theme #27

Codes: 

Link to bootstrap (enables the icons) - paste above your meta tags

CSS - paste above {CustomCSS}< /style >

HTML - paste below < body >

Rules:

no stealing/redistributing/claiming as your own/interfering with the credit I’ve included in the code

like/reblog if using thanks c:

Features:

Hover over the lock icon to reveal your updates/about/quote/whatever

Mass icon list here!

Instructions of how decorate the text in the HTML code

Check out the +Theme Gang, +Theme Village, +thmresources and +HTML Wizards for more themes :)

[bellatriv-blog]

THEME 06: LIKE A FAIRYTALE BY BELLATRIV/ARDENTTHEMES

F E A T U R E S:

500/400 px posts

one 245px wide sidebar picture (but I think it looks better without)

optional updates tab (tutorial here)

tooltips installed

small white cursor

optional white tumblr controls

most colours customizable

R U L E S:

like/reblog if using please

Do not touch credit or I will kill you

edit as much as you like but do not use as a base so that it looks completely different

do not redistribute or claim as your own

steal bits of coding even if you credit

Please tell me if you find anything wrong in the code

preview // code

Check out theme village for more themes!

[aphrodhlte]

LATCH [all-in-one page 01]; by azurethemes/salazhar ↳ preview - code

This all-in-one page comes with:

about me (icon size is 150px)

faq with ask and submit boxes

links

blogroll

I’ve left a lot of notes and reminders in the code so it should be easy to customize to your liking. 

Do not claim as yours, do not remove the credit, do not use as a base.

Please like/reblog if using/saving! Since customizing this theme can be a little tricky, I’ll welcome all questions. Please direct them to my theme blog.

[kateargernt-deactivated20170106]

page pack 01; by kateargernt 

this pack contains:

blogroll 01; [preview | pastebin | freetexthost]

about 01; [preview | pastebin | freetexthost]

tags/navigation 01; [preview | pastebin | freetexthost]

faq 01; [preview | pastebin | freetexthost]

network 01; [preview | pastebin | freetexthost]

general notes:  these are all structured in the same container (other than the network page). colors are all highly customizable, and please please please do not remove the credit! it is really tiny and if you hover over it, it becomes larger but it doesn’t mess up your page!

each of the pages has home, ask, and two other links on the top; these can be edited in the html

please like or reblog if using or saving! :)

[wonderfullythemes]

Theme #40 - Crepuscular by wonderfullythemes

yes I’m gonna start naming themes I’m sorry they’re probs all gonna suck. The name I mean, not the themes themselves. This is the (slightly more) user-friendly version of my old theme, but it’d be a bitch to customize so message me if you need help I mean I can barely remember what name I used for each div tag.

Static Preview | Code

Rules:

no stealing/copying the idea/using as a base/redistributing/interfering with the credit

edits are fine as long as my credit stays intact

please like/reblog if using!

Features:

it’s all smooth scroll, click on one of the navi icons to the right and it’ll scroll down to a new section (“home” “posts/updates” “about/links”)

The main title is changed by “main title” in the Appearance tab, click on that and the description + basic links will show up

400 px posts with info/tags below them

updates to the right of posts, a scrollbar will appear if you write a lot

jump pagination

unlimited “about” length

+16 extra links which are customizable from the appearance tab

customizable colours + webkit scrollbar + selection colour + tooltips included

Check out the +Theme Gang, +Theme Village, +thmresources and +HTML Wizards for more great coders :D