Ninpen
scroll down
scroll up

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

pseudonym — preview / code / instructions / credits
Page can be used for:
character
family
bias
just anything that deals with images
keep your names short. VEY VERY short. 
image dimensions: 170px by 170px
Read the instructions before asking any questions. If you&#8217;re still confused, please ask, but I do not help with customizations

pseudonym preview / code / instructions / credits

Page can be used for:

  • character
  • family
  • bias
  • just anything that deals with images

keep your names short. VEY VERY short. 

image dimensions: 170px by 170px

Read the instructions before asking any questions. If you’re still confused, please ask, but I do not help with customizations

I'll be taking commissions for this summer

I’m done with school, so I now have more free time to work on themes and pages. If you’re interested in a commission, just contact me, and please do read my terms regarding commissions 

stop stealing my codes

stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop stop 

nff-themes:

A B O U T (1)&#160;: static/code
heads up:
i recommend you set up a side-blog to set everything up before transferring the updated code to a custom page 
instructions for setting up your page are in the code
a scroll-bar is provided for long description
there are a total of twelve links in this about page

nff-themes:

A B O U T (1) : static/code

heads up:

  • i recommend you set up a side-blog to set everything up before transferring the updated code to a custom page 
  • instructions for setting up your page are in the code
  • a scroll-bar is provided for long description
  • there are a total of twelve links in this about page
dribbblepopular:

Freebies stroke icons [vol.2] Original: http://ift.tt/1ryfbRb

dribbblepopular:

Freebies stroke icons [vol.2] Original: http://ift.tt/1ryfbRb

shoseii:

theme #18 - Aesthetic
{ live preview | codes }
features:
250px posts
3 45x45px icon sidebar images
Infinite Scrolling (optional)
Music Player
3 Custom Links
Show captions (optional)
Centered posts (container)

shoseii:

theme #18 - Aesthetic

{ live preview | codes }

features:

  • 250px posts
  • 3 45x45px icon sidebar images
  • Infinite Scrolling (optional)
  • Music Player
  • 3 Custom Links
  • Show captions (optional)
  • Centered posts (container)