#sidebar img

LIVE
Screenshot of a Tumblr blog on the home page. It has a large header with a background image of a starry night; there are buttons on either side with a home and hourglass icon respectively. There are links to First and Previous above the posts. The blog avatar, description, and other links are placed in one column to the right of the posts. The blog is set to dark mode, with a predominantly dark blue palette with gold accents.
Screenshot of a standard page, scrolled to the bottom. The page navigation now shows First, Previous, Next, and Last in images of pixelated text. The header is no longer visible, though the sidebar is, and there is pixel art of flames on the left and right of the posts as background images. The blog has been changed to the light theme, in purple and light red colors.
Dark mode screenshot of a tag page. The header is narrower and doesn't have a background image or home/chronological links, and the header lists the number of posts in the tag along with links to posts sorted oldest first and newest first. The blog avatar is round instead of square, and the page navigation at the bottom shows the four First/Previous/Next/Last links in text instead of images.

THEME 4: Sans Comic

Designed with webcomic blogs in mind, this doubles as a standard blog theme.

Static previews: index page,permalink|Code

Features:

  • Comic focused options: Comic navigation (option for image or text links), home/“read chronologically” buttons
  • Option for header image and two background images
  • Option for tall/fixed-on-scroll header
  • Custom colors, fonts (Google/Tumblr fonts), font sizes, and post sizes
  • Optional title/avatar/description, search bar, like/reblog buttons, tags, Archive/Random links
  • Responsive
  • Four special tag links, plus unlimited custom links (see my theme installation guide for how to add these)
  • Supports new post types/pinned posts
  • And more!

My first ever comic theme, and an entry for the Opposites Attract challenge! Features some special scripting to ensure chronological page navigation works smoothly regardless of your pagination choices.

See more about how to customize this theme (especially for comic usage) and theme credits under the cut.

Customization in general:

  • Use either all images or no images for page navigation (first/previous/next/last), as the styles for text navigation are only activated when no images are present.
  • If you’d like, you can change the four custom tag links to redirect to other non-tag pages. To do this, search for “TAG LINKS” in the theme code, and remove “/tagged/” from the href attributes (href=“/tagged/{text:Tag 1 name}” -> href=“{text:Tag 1 name}”). You will now be able to add any link in the “Tag 1 name” field; this can be repeated for Tag 2, Tag 3, and Tag 4.

Customization for webcomic blogs specifically:

  • For the page navigation (first/previous/next/last) to lead to the appropriate pages, set your blog to display only one post per page. Do this by going to Advanced options on the Customize page, then setting Posts per page to 1.
  • For the “First” navigation link, add the link to your first comic page under the “First comic page URL” field. To accommodate for future blog URL changes, you might want to write the link simply in the format “/post/1234567890”, deleting all other parts of the URL.

Theme credits: Layout and design concept by kernelbastard,Tippy tooltips by atomiks, icons from Font Awesome,custom like buttonsbyDemirev,NPF photosets pluginbycodematurgy,dark/light mode togglebyeggdesign,custom audio postsbyannasthms,scroll to top script by Fabian Lins

#theme 4 #theme hunter #codingcabin #oppositesattractchallenge #custom width #sidebar #nav icons #nav text #pagination #unlimited links #header img #sidebar img #custom font size #unnested #responsive #color mode #search #rblk buttons #timestamps #by request 
themes by wovenstarlight@starlightthemes
Sat, 01 Jan 2022 09:29:12
loading