I am not accepting asks on this blog anymore. I am now at solarre.

I have abandoned this theme blog and created a new one at solarre.

I've decided that a change was needed. My coding style has changed immensely since the start of lunecerise, and I decided it was best to start fresh. Questions about my old themes will no longer be answered. Lunecerise themes will no longer be active, but this blog will remain purely as an archive. Thank you all for a great experience. All themes coded under lunecerise will still be found here. To see the blog, continue scrolling.

Tutorial: Resizing videos

shythemes:

***UPDATED DECEMBER 4, 2015***

I originally wrote this script to resize videos without distorting their original dimensions. While the older verson still apparently works on most videos, I needed to update it to work on the new Tumblr iframes. I also simplified the code to (hopefully) make it easier to use. Enjoy.

Keep reading

minimal soundcloud player

shythemes:

Tumblr’s default Soundcloud audio players are huge and ugly and I couldn’t deal, so I looked at the Soundcloud API today and wrote a script to slim them down a bit. Enjoy :-)

Keep reading

Photoset: Tumblr Lightbox

ladmilk:

Tumblr are doing changes in their coding AKA theme trouble. Mainly their iframes which include tumblr controls, videos and the photoset lightbox. 

The lightbox changes: id to class

You need to change the following in css/style if you have stylized lightboxes:

#tumblr_lightbox

.tmblr-lightbox

#vignette

.vignette

#tumblr_lightbox_caption

.lightbox-caption

#tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image

.lightbox-image

Tutorial: Customizing the Lightbox

shythemes:

This tutorial gives an overview of ways to change the appearance of tumblr’s lightbox to look, for example, like this:

image

Keep reading

Tutorial: Pixel Union photosets

shythemes:

Pixel Union’s extended photoset script allows you to adjust the gutters/margins between images in photosets, and makes photosets responsive to any post width. You can find a complete set of instructions and the original files on the github page, but in this tutorial, by an anonymous request, I have simplified it to make it quicker and easier to install.

Keep reading

rnirae:

base code. code. preview.

i had some time on my hands so i decided to make a base code! i have no restrictions for the code so feel free to do whatever you want with it! make sure you read the side notes, however. thank you! features:

  • fixed sidebar
  • five navigational links
  • customizable colors
  • captions/post width options (250/400/500px)
some notes:
  • you do not have to credit me.
  • if you use it as a theme, then you need to leave the credits. (:
  • feel free to use it to make your own themes, i don’t mind if you redistribute it as your own. (:
  • please like/reblog this post if you use it! also check out my other themes.

nutty-themes:

Because everyone loves free things, here’s another quick resources post. There are another handful of sites out there but these are the ones I check out most often.

My favourite is the weekly offers from Creative Market. Sometimes you come across goodies you wouldn’t have otherwise downloaded. But act quick because they change/rotate every 7 days! A few people asked about subtle seamless backgrounds, and Pixeden has some of my favourites. Freebiesbug is actually more of a collective site (to make browsing easier) but has the occasional exclusives. And I’m sure every theme maker has already heard of Codrops but they deserve a huge mention.

Tutorial: Hover Captions

selkas:

This is a tutorial for creating captions that appear on top of the images on hover and scroll if they are too long, as in my shadow theme.

Read More

phoenixthemes:

Tutorial: CSS tabs by phoenixthemes (robbarya)

So I had a few people asking how to work with css tabs as seen in my tags pages 3 and 4. Here I’m gonna show you the basic markup and how to customize it, so you’ll have to have some css/html knowledge to understand it. This is meant to be used as a base, please don’t claim the styling as your own.

Why CSS tabs?

Personally I think they are the perfect way to organize a good amount of content keeping the page clean and simple, especially because it doesn’t require any kind of script.

Preview

Full tutorial under the cut

Read More

riverbellthemes:

In order of celebrating the fact that I’ve reached incredibly 1000 followers(!!!) I’m going to release a bunch of theme making tips and tricks for all of you guys! 

Please enjoy, and if there are any questions, don’t hesitate to contact me!

Read More

neonbikethemes:

All-In-One Base Code by neonbikethemes

Preview | Code

I have been getting a lot of questions about how I achieved the effect on my themes blog where it appears to switch between pages without changing urls. This effect is becoming more and more popular among theme makers s for those who are having trouble figuring out an all-in-one code, here is a base.

Features:

This Base code already comes with:

  • 5 ‘tabs’. The first tab contains the posts.
  • Custom title, description, colors, etc. 
  • Custom Tab Titles
  • Hide captions option 
  • Minimally styled posts

Rules:

You may use this as a theme base code as long as you:

  1. Leave some credit in the code (a little one-line snippet at the top that says “base code by neonbikethemes” is fine).
  2. You have to edit it a considerable amount before releasing it please. 
  3. Don’t release it as your own base code. 
  4. Don’t steal code from it. 

I will be releasing a tutorial to accompany this base code shortly. If you have any issues or questions drop me a line.

decodering:

Responsive Tabbed Navigation

A handy tabbed navigation, optimized for mobile devices, with support for both horizontal and vertical menu positioning.

(demo)

themesbyzsu:

TUTORIAL » How to use the isotope javascript filter

Example 1 / Example 2 (Basic)

Difficulty:  ★ ★ ☆ ☆ ☆
Requested By: 
Notes: This is used a lot in fanfics pages, tv schedules & network themes. Really simple once you get the hang of it!

Feel free to request a tutorial! 

I’m going to be telling you specifically how to make THIS PAGE.

Read More

riverbellthemes:

Icon fonts masterpost!

Since I love icons in web design, and it seems to be pretty popular to use them in tumblr themes aswell, I thought it would be convenient to gather a lot of icon font resources. This post contains icon font generators/libraries, icon fonts and some useful tutorials + articles, enjoy!

Read More

str-wrs:

TUTORIAL: FULL TRANSPARENT PERMALINKS

I’ve received quite a few asks about the hovering permalinks on my theme Rhea. So here is a quick and easy way to achieve this.

INSTRUCTIONS

Firstly you must add position: relative; into your #entry (it could also appear as #posts or something similar).

Then add one of these codes anywhere between <style type=”text/css”> and </style>

Finally, add one of these codes at the beginning of your posts. It should look something like this:

<div id=”content”>
{Block:Posts}
<div id=”entry”>
Code Here
{block:Text}

COMMENTS

That’s it! You’re finished! Just be sure to change the width in #perma_hold to your post size and you should be fine. Feel free to customize it more if you feel comfortable, but be aware that I won’t be helping if you mess something up.

12next
/