panopticonism

original themes & pages. / resources for designers and web development.

[panopticonism]

THEME 004: A NEW BEGINNING BY PANOPTICONISM

developer’s note

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.

the features

three main links, where two out of three are pre-made subpages

sidebar image is 210 x 350

all the content by the sidebar image can be updated from the appearance’s panel

each post contains time stamp, date, like, reblog and source data

navigation subpage:

three icons with square images

four additional links

characters page:

multi-muse focused with minor descriptive details, which can be tailored to your needs

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 supporting me with a cup of coffee bought from my ko-fi page

[panopticonism]

THEME 003: HALLOWEEN BY PANOPTICONISM

developer’s note

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.

halloween inspired, but can of course adapt to whichever style you need! 

the features

four links above the container

the icon (the pumpkin on the top left) is 180 x 192 but can also be toggled off

the pinned function has been added

the sidebar image needs to have a maximum width of 310px and a maximum height of 380px

date, reblog, source and time options added

popup navigation page with subtitle, short description, optional six links and another image

popup image is 325 x 380

colours can be changed from tumblr’s appearance panel

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 supporting me with a cup of coffee bought from my ko-fi page

[aescademic]

→ "what are your favourite fonts?” is a question i get very often, so here is a selection of script, decorative, sans serif & serif fonts i like to use! —t.k.

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 [+] answered design questions | more infographics

[seyche]

SOME FAVOURITE GOOGLE FONTS OF 2020

All are free for use in web design and projects, and are open-source.

Public Sans / Literata / Yeseva One / Overpass / Montserrat / Lora / Abril Fatface / Poppins / Roboto / Playfair Display / Vollkorn / Nunito Sans

[sugarcodes-deactivated20211107]

𝐓𝐇𝐄𝐌𝐄 𝐒𝐈𝐗𝐓𝐘 - 𝐊𝐈𝐍𝐆𝐒𝐇*𝐓! by sugarcodes

( free theme - get the code !! ) ◦ ( pay what you want on payhip !! )

this theme is available free !! it was originally created as a fun little gift for my darlings over at @kingsborohq and now i’m releasing it to the world !! i have a patreon - please click through to the source link if you would like to become a patreon ( $3 / month ) to get access to this, and all of my previous patreon exclusive releases. as always, all my terms of use apply and using this theme means you agree to my terms of use.

theme options.

source link in post info

reblog button in post info

visible tags

functional search bar

option for tab, togglable

optimized for chrome browsers

theme features.

optional. background image

images. sidebar icon

posts. formatted for all post types; 400 px wide

pop up tab. header image, description, four extra links & muse/connection images & links

other. togglable option for four customizable links on the right side of the theme

( PREVIEW IN SOURCE LINK )

[melancholytown]

CORNERSTONE by melancholytown

click the source link to access the theme preview & code !

FEATURES

a simple, responsive minimalist muse page. intended for writing and indie blogs. 

each muse section contains three links and an information section. instructions on how to add new muses are present in the code itself. 

this page includes filters that can be edited easily to suit user preference. i highly recommend reading the isotope combination filtering tutorial by magnusthemes before using this theme.

CREDITS

isotope filtering tutorial: @magnusthemes 

font hosting: google fonts ( abril fatface + raleway )

honeybee icons: @suiomi

icons used for the preview: @luthien

TERMS OF USE

don’t remove / move my credit or obscure it in any way.

don’t use this theme as a base code.

don’t take parts of this code to put into other themes

do edit for personal use

do read the customization guide provided

do message me with any issues @melancholytown​

[ghcstfaec]

Theme — Poinsettia by vitaminholland Preview/Download

Features:

298px x any height sidebar image

custom blog title

five custom links

sideblogs section**

option for 400/450/500*px blog posts

option for multiple font families for heading and body

option for 1/0.9*/0.8rem body font size

option for 0.9*/0.8rem uppercase font size

option for hide tags*

option for show tags

back to top*

Notes:

* denotes default features.

** denotes sections where you have to go into the code to edit.

Neither ask or submit links would show if you don’t allow people to ask you questions or allow people to submit things to you.

I don’t claim any of the fonts, scripts and/or tutorials I used unless stated otherwise. See full credits here.

Support me on Ko-Fi.

[panopticonism]

general update: i haven’t had much time to be on here and that will remain the case for now - so, until further notice, this will be a resources only blog.

[ethereal-themes]

JAX: RP MAIN THEME BY ETHEREALTHEMES

preview - get the code on payhip ($10) ; matching rp page - marie ($5.50)

RP Main Theme

Navigation: Home, Contact, +6 additional links

1200 X 500 Header

9 Body font family options

6 font size options

Dark or light custom tumblr tools control

Un-nested captions + NPF support

Color options for: background, text, links, borders, content, one accent, liked post heart, topbar links + title + background, accent text + background (for tooltips + misc), header title + tagline and more

Individual Sections (with on/off toggle options):

Intro Section (plot + info toggles)

Plot with scrolling info container

RP Info with toggles (uses on/off toggles to turn on and off)

Sidebar with on/off toggle options for:

360px wide sidebar image

Welcome with 100X100 avatar + search bar

Navigation

Weather Widget

Calendar Events

Wanted Roles

Spotify Playlist

Admins (custom or auto for side blogs)

Site Info

Disclaimer

Misc Options: 

Post Avatar + image radius options

Wanted Roles image radius Options

Post tags icon (on/off toggle)

Don’t use as base code, remove credit or claim as your own.

Do edit any feature to make it your own.

Support: I do not mind helping with customization support. Please feel free to contact me with any questions.

Everything you see can be edited including colors, texts and much more. This theme was made with rp blogs in mind.

Advanced HTML options are on the default editor, but being an RP theme, you’ll need to add widgets, wanted roles, plot info, etc on the custom HTML. Please reblog or like if using and let me know if you come across any issues.

[ethereal-themes]

✨ Get Jax and the matching rp page, Marie, for free with your Patreon subscription all through October! View more info here. ✨

[ethereal-themes]

MARIA: FANSITE THEME BY ETHEREALTHEMES

preview - get the code on payhip (free)

Fansite theme with 540px posts

Navigation: Home, Contact, +6 additional links

1300 X 500 Header (auto fills width)

Body font options

Dark or light custom tumblr tools control

Un-nested captions + NPF support

Color options for: background, text, links, content, border, two accents, liked post heart, tooltips, topbar background + links + title, featured tag accents, question text and more

Individual Sections (with on/off toggle options):

Featured Tags section with four 250X350 images

Sidebar with on/off toggle options for:

340px wide sidebar image

Schedule

Latest Photos

Projects with 100X100 images

Family Sites with 320X150 images

Twitter feed

Members

Extra Section

Affiliates

Site Info

Disclaimer

Everything you see can be edited including colors, texts and much more. This theme was made with fansite (resource, rp, ect) blogs in mind.

Basic - Advanced HTML to edit depending on what you’re editing. There are settings in the default editor, but being a fansite theme you will need to add details such as affiliates, project details, etc. Please reblog or like if using. And let me know if you come across any issues.

[phantomcodes]

lotus | theme by sage

get the code - $3:  static preview 1 / static preview 2 contained sidebar theme featuring (optional) music player, explore menu, & updates tab

this is my first contained theme and a modified version of my current theme on @phantomcodes

the song in the preview is Forgiveness by Rina Sawayama

features (more info below the cut):

optional: music player, explore menu, updates tab, tags on click, & two glow effects

customizable: description, colors, body & title fonts, font size, and post margin

gradient background, four border radius (corners) options, & uploadable sidebar image

header with icon, search bar, day/night, scroll to top, and tumblr controls

side navigation with up to 4 extra links

nothing needs to be changed in the code, everything can be changed in the customize panel!

terms:

reblog if using

do not touch the credit

view all terms

credits listed in the code / credits page

please consider supporting me ♡

make sure you read through this post and check the additional links provided before asking questions!!

Keep reading

[undeadmagikarp]

iii | retro arcade by undeadmagikarp

preview - code

Do blogroll pages still exist? Anyways, this is a retro-themed blogroll page with a built-in space shooter game

Yeah I did it I put a mini space shooter game in a Tumblr page

To enable blogroll pages, make sure to turn on Following > Share the Tumblrs you’re following in your blog settings

1 custom link

NOTES: Clearly, I got really extra with this. Code for space shooter game was ripped off of Andrew Rubin. As always, please reblog or like if you are using, and general theme rules apply. Thank you!

[pcriod]

* W A R N I N G ;

a theme by @pcriod. — i’m gonna keep this short and cute. this is the first of four character/single muse themes that i’ll be dropping. the gifs don’t really do it justice, but the live previews do. there are two versions; one with a tab, and one without. hope y’all enjoy, like/reblog for me if you’re using or just to get it out there. thanks! <3

WITH TAB — PREVIEW & PASTEBIN

WITHOUT TAB — PREVIEW & PASTEBIN

* IMPORTANT STUFF — base code by @gordonramsei, icons hosted by both font awesome & suiomi, animations from animista, the gradient use was inspired by @orpheused, dimensions are on the theme once you install it. and if there are any issues, or any feedback you’d like to tell me feel free to message me and i’ll get back to you as soon as i see it. i really hope y’all like this one (:

[electrickswrites]

01. CABIN FEVER ( a header template​​​​​​​​ psd )

A simple character header. Texture included. Fonts are Old English Text MT + Abuget (available free online via DaFont). Like or reblog if using. PSD download in source.

[rgnaroc-archive]

*  𝐏𝐋𝐀𝐘𝐋𝐈𝐒𝐓 𝐓𝐄𝐌𝐏𝐋𝐀𝐓𝐄

hi, everyone!! so here’s a playlist template i made for you :) it’s simple to edit, has guiding instructions in the content. for a better adaptation change the colors to your liking !! i hope you enjoy and if you find it useful please REBLOGor LIKE, it will help me a lot, and if you enjoy my work, please consider buying me a soft ko-fi.  

BASES.

fonts used: Lucida Sans. ( different options )

icons and background: credits goes to koggarashi &  thatporcelain (deviantart)

playlist by @unvgi​  

LINKS:

download  | deviantart 

[psykhos]

ㅤ ˒  ‎🎨  ’ 𝗽𝘀𝘆𝗸𝗵𝗼𝘀  𝗉𝗋𝖾𝗌𝖾𝗇𝗍𝗌 …

afterkilly.

bajern.

harbour.

proclamate.

cambridge.

blue angel.

[panopticonism]

hello, i hope you're having a good day! i'm currently editing your page 3 theme (it's amazing, i love it so much!!) to my liking but the container and the filters are overlapping with the title on the upper side (the one like in your current theme). it's like that when my screen is at 100% but the page looks good when it's at 80% and i was wondering how i can make it fit the screen properly at 100%? thank you so much in advance!!

hi. i hope you’re having a good day and thanks for reaching out!

that should not be happening at all - can you share a link with me and perhaps a screenshot of the issue? (i have tested it and i don’t see the same on my end)