Ninpen
scroll down
scroll up

iliyon:

theme 07 // identity

features:

· 400/500px posts
· dropdown tab for description, updates, extra links and ask box (optional)
· 5 (dropdown ask enabled) / 6 (dropdown ask disabled) custom links
· show/hide tags and captions
· color your tan line, abscissa and ordinate, also name your tan(x)
· customizable colors

notes:

· feel free to shuffle trigonometric functions
· some parts need to be edited manually
· general theme maker rules apply, please do not touch the credit
· if you spot mistakes / need help do message me
· like/reblog if using, thank you!

maomuthemes:

ninpen I don’t know if it’s alright to leave you fanmail so I’ll just say this here? your themes/pages are beautiful and I’ve loved them for a long time. you’re one of the people whose work inspired me to start making themes. thank you so much for providing free themes and resources when you could easily charge for them. no matter how tired I get of tumblr at times, your blog makes it worthwhile!

that is so incredibly sweet. Thank you so much

yukoki:

MULTI-PAGE [02] SUIKOMU by YUKOKI

✄ PREVIEW | VIEW CODE ✄

You can easily toggle through this page to find an about section, a tagslist/navigation section, a blogroll and an FAQ+askbox. Page was made using a Carousel Slider, so preview the page to check out the sliding effect! Customize notes can be found in the code, like always.

!!! Important: to get your ask box to work, please ensure you check out the message on line 699 of the code.

Content credits go to maruti-bitamin. Background by Victor Bykov. Made with the help of str-wrs' sliding viewer tutorial!

Please like/reblog if you’re using the page!

ninpen's codes are so beautiful and inspirational! I really like her themes but her pages are my favorite.

omg whoever wrote this, thank you. Thank you so much

ninpen:

G H O U L S — live preview (temp) static preview

Options

  • Grayscale
  • show header
  • show captions
  • hexagon portrait instead of circle (this effect will only show up in chrome and safari)
  • 3 posts sizes (250,400,500)
  • many different color options

G H O U L S — live preview (temp) static preview

Options

  • Grayscale
  • show header
  • show captions
  • hexagon portrait instead of circle (this effect will only show up in chrome and safari)
  • 3 posts sizes (250,400,500)
  • many different color options

02. (Repression) Preview + Code

02. (Repression) Preview + Code

nff-themes:

Hey guys! This mini tutorial concerns transparent images and how to install them. Follow the instructions below and pay attention to my notes for the best results:
CSS: 
Place the following code beneath <style type=”text/css”>

.transparent {
 right: 15px; /* increase value to move image left/decrease value to move image right */
bottom: 0px; /* increase value to move image up/decrease value to move image down */
width: 320px; /* increase value to make image larger/decrease value to make image smaller */
height: auto;
position: fixed;
z-index: 99999;
}

.transparent img {
width: 100%;
}

note: If you want the image to be on the left side of your page, change ”right” to “left”. If you want the image to be at the top of the page rather than the bottom, then replace “bottom” with “top”. I’ve also written out instructions within the code explaining how to adjust your image’s size and margins.

HTML:
Place the following code directly beneath <body>


<div class=”transparent”><img src=”REPLACE-THIS-TEXT-WITH-IMAGE-URL"></div>
note: Make sure that you do not remove the quotations that surround your image url. If an element within your theme shares the div/tag name “transparent”, this tutorial will not work. An easy solution for this is to rename the element. For example, simply add a “1” to the end: “transparent1”, and you should be fine.
bonus: If you want this image to be a link, put this under <body> instead of the previous HTML code:

<a href=”LINK URL"><div class="transparent"><img src="REPLACE-THIS-TEXT-WITH-IMAGE-URL"></div</a>

note: if you want to reveal a title for when you hover over it, place this directly after “LINK URL” :

title=”THIS IS THE TITLE OF THE LINK”

Thank you for reading and message me if you run into any problems. Source of the image in the tutorial header: x . Have an awesome day!

nff-themes:

Hey guys! This mini tutorial concerns transparent images and how to install them. Follow the instructions below and pay attention to my notes for the best results:

CSS: 

  • Place the following code beneath <style type=”text/css”>

.transparent {

 right: 15px; /* increase value to move image left/decrease value to move image right */

bottom: 0px; /* increase value to move image up/decrease value to move image down */

width: 320px; /* increase value to make image larger/decrease value to make image smaller */

height: auto;

position: fixed;

z-index: 99999;

}

.transparent img {

width: 100%;

}

note: If you want the image to be on the left side of your page, change ”right” to “left”. If you want the image to be at the top of the page rather than the bottom, then replace “bottom” with “top”. I’ve also written out instructions within the code explaining how to adjust your image’s size and margins.

HTML:

  • Place the following code directly beneath <body>

<div class=”transparent”><img src=”
REPLACE-THIS-TEXT-WITH-IMAGE-URL"></div>

note: Make sure that you do not remove the quotations that surround your image url. If an element within your theme shares the div/tag name “transparent”, this tutorial will not work. An easy solution for this is to rename the element. For example, simply add a “1” to the end: “transparent1”, and you should be fine.

bonus: If you want this image to be a link, put this under <body> instead of the previous HTML code:

<a href=”LINK URL"><div class="transparent"><img src="REPLACE-THIS-TEXT-WITH-IMAGE-URL"></div</a>

note: if you want to reveal a title for when you hover over it, place this directly after “LINK URL” :

title=”THIS IS THE TITLE OF THE LINK

Thank you for reading and message me if you run into any problems. Source of the image in the tutorial header: x . Have an awesome day!

ohhhhhh i have an idea for a new heme and it includes a bannerr

nickyspinaj:

I hope you now can’t sleep like me

this scared the crap out me

aoikoi replied to your post:Things are back up and running

I tried reading your tou like 3 times but I can’t find a hidden link or anything haha :p but the “agree” button leads to a page with no posts?

sorry it should work now

Things are back up and running

  • Redesigned some pages
  • changed navigation
  • header now takes up 100% of the page (scroll down for posts)
  • improved the functionality

in the upcoming days you’ll see that some pages will look different. I didn’t want to keep the blog under maintenance any longer. So some pages still have the old look