panopticonism-coding - Tumblr blog

[panopticonism-coding]

THEME 001: NIGHTMARE BY PANOPTICONISM

developer’s note

this is my first actual theme and i have no doubt whatsoever that some details might be missing, even more so, since i created my own base code. with that being said, special appreciation to @eggdesign​ for the kickass base code, which did help a lot when i couldn’t understand some things.

the preview link can be found nestled in the source at the bottom of this post and the pastebin, ergo code, can be found on the top left corner of said preview.

i tried to make it as uncomplicated as possible and very user friendly, with enough notes across the code so you change it easily but the bigger/about everything can be adapted right from the appearance panel, no coding knowledge necessary. if you have any questions, message me and i’ll try to help asap. cheers!

the features

two popup pages ― one page for the navigation and another for the characters

the sidebar image needs to be 250 x 330

the image in the navigation popup needs to be 180 x 320

each character’s image needs to be 160 x 100

the colour-palette can be changed according to taste without having to go into the code ― e. g. background, container, links, hover, frames and titles

font size and navigation links can also be changed right on tumblr’s appearance panel

there are three links at the bottom of a post - one displaying the post’s number notes and two more holding the reblog button and the source code ― however, if the notes number equals to zero or there’s no source code to be found, these two won’t display

the possibility of toggling the characters’s page on or off / if off, an extra link will appear

lastly, the pinned function has also been added

the conditions

don’t claim it as your own, don’t redistribute and much less steal parts of the code and use it elsewhere

the credits are non-negotiable, ergo, don’t touch my credits unless it is to fit with your colour-palette

appreciate the hours spent on this free theme by pressing the ♡ button, giving this post a reblog or by following the link right under to my ko-fi page

BUY ME A COFFEE FOR EXTRA SUPPORT

[panopticonism-coding]

This is a question example

All aboard

[panopticonism-coding]

The anonymous mode

Here’s an answer

[panopticonism-coding]

resource by WASIRAUHLPSDS © a c t i o n 008 - glitch

About the effect: glitch effect action with 3 versions.

Check the results: BEFORE X AFTER.

Like or reblog this post if you download.

Don’t claim our resources as your own.

Don’t re-upload or put our resources on a pack.

For your personal use, you can adjust some layers you need to.

Download: DEVIANTART // CLOUDAPP.

[panopticonism-coding]

[panopticonism-coding]

[panopticonism-coding]

♡♡♡♡♡

[panopticonism-coding]

My first texture pack! It contains 23 paper textures, most of them have size 500x600. Download (deviantart) | like/reblog if you take them.

[panopticonism-coding]

ALEX ROE & MAIA MITCHELL “HOT SUMMER NIGHTS” | 2017, dir. Elijah Bynum

[panopticonism-coding]

A H1 title

Here's a H2 subtitle

Last, but not least, a h3 subtitle

This would be a post

Here’s bold

Here’s italic

How about lists, you may ask?

Here’s the first item

Here’s the second one

Here’s the third one

Under, you can see how a read more would be displayed

Ba-ba-na-nas

[panopticonism-coding]

Hi! I’m trying to get into coding, but the default tumblr theme is really complicated for me to start looking at. Do you know any themes that I can use as a base code to dissect/make my own? Or is that not a thing? How do I get into making themes from scratch?? (Sorry for so many questions lol)

Hey! Sorry this took me so long to get to! 

There are a ton of base codes out there! I have one, but I’m going to probably update this one soon since I found a few issues with responsiveness. 

@theme-hunter​ has a very extensive base code tag: https://theme-hunter.tumblr.com/tagged/theme-base

@themegalore​ has been inactive for a while, but it also has a base code tag: https://themegalore.tumblr.com/tagged/base

One thing you want to keep in mind when looking for a base code is that you ultimately want to use it as a tool to help you learn HTML and CSS to get to a point where you won’t need a base anymore. 

Some base codes come with a lot of features, which can make it easy to rely on those instead of making your own, so make sure you’re still stepping outside of that comfort zone and trying new things out! Try to make your final product look different enough from the base. Ideally it should look like your own theme and not just an edit of the base code.

I recommend looking here: https://developer.mozilla.org/en-US/ and here: https://css-tricks.com/ to learn more! 

If anyone wants to reply to this post with a link to their own base code feel free to! 

[panopticonism-coding]

The 'incognito' mode

This is the anonymous example.

Any tips?

[panopticonism-coding]

Hereby, a question example

This is how the answer would be. 

This would be the second sentence.

This is smaller text