—넌 벼룩이야—
this is just a side blog for resources, tutorials and themes i come across with the slight chance that once i become more comfortable with coding i'll make my own themes and post them here. ヽ( ・ヮ・)ノ
via ,org.
#misc: themes
nowkuythemes:


#1 zeaco.—nowkuythemes


Like or reblog if you’re using!

Live Preview. — Code.


This theme includes: 


Grayscaled posts — Optional.
Sidebar on the left/right — Optional.
5 hover thingies in the description.
Small description.
112x93px sidebar picture.
Background picture.
400px wide posts.
Audio Player. Follow the link to get it.
To edit the audio player in order to fit the theme:

Read More

nowkuythemes:

#1 zeaco—nowkuythemes

Like or reblog if you’re using!

Live Preview. — Code.

  • This theme includes: 
  • Grayscaled posts — Optional.
  • Sidebar on the left/right — Optional.
  • 5 hover thingies in the description.
  • Small description.
  • 112x93px sidebar picture.
  • Background picture.
  • 400px wide posts.
  • Audio Player. Follow the link to get it.

To edit the audio player in order to fit the theme:

Read More

via ,org.
#misc: themes
nowkuythemes:


#3 soul.—nowkuythemes


Like or reblog if you’re using!

Live Preview. — Code.


This theme includes: 


Grayscaled posts — Optional.
Sidebar on the left/right — Optional.
3 customizable links in the sidebar.
151x196px sidebar picture.
Background picture.
400px wide posts.

nowkuythemes:

#3 soul.—nowkuythemes

Like or reblog if you’re using!

Live Preview. — Code.

  • This theme includes: 
  • Grayscaled posts — Optional.
  • Sidebar on the left/right — Optional.
  • 3 customizable links in the sidebar.
  • 151x196px sidebar picture.
  • Background picture.
  • 400px wide posts.
1 year ago - (3134)
— How to add an ask box to your FAQ page.

a-pocketful:

OR TO ANY OTHER PAGE IN GENERAL

How to make a custom ask page, basically.

last updated: july 2012

Alternatively, there is an easier way to add an ask box to your FAQs since I wrote this in January 2011. This way is much simpler and easier.

  1. Go to customize page.
  2. Click the pages tab, then click add a page or edit your existing FAQ page.
  3. Click the HTML button where all the markup buttons are. (ie. bolditalic, strikeout)
  4. Copy and paste the code below where you like in the window that opens when you clicked the HTML button. 
  5. Change the bolded (URL) part  of the url in the code with your owl url.
    eg. 
    http://www.tumblr.com/ask_form/URL.tumblr.com
     into
    http://www.tumblr.com/ask_form/a-pocketful.tumblr.com
  6. Before you press update, retype all the quotation marks and apostrophes in the code. There is a total of 16 quotation marks ( ) and 2 apostrophes ( ).
  7. Press ‘Update’ and the ask box should appear.
  8. Press ‘Save page’ and you’re done.
<p><iframe frameborder=”0scrolling=”nowidth=”100%height=”149src=”http://www.tumblr.com/ask_form/URL.tumblr.comstyle=”background-color:transparent; overflow:hidden;id=”ask_form“></iframe><!—[if IE]><script type=”text/javascript”>document.getElementById(‘ask_form’).allowTransparency=true;</script><![endif]—></p>
  • PLEASE MAKE SURE YOU CHANGE THE LINK IN THE CODE TO YOUR OWN URL! Just to make sure it works, send a little test message to yourself using your new ask box and if you don’t get it, then look back and make sure everything is right.
  • Whenever you change your url, you’ll need to edit your page and update the url in the code.
  • If this code doesn’t work then MAKE SURE that you retype all the quotation marks (“) and apostrophes (‘) in the code.
  • You need to have your ask box enabled in order for this to work.
  • Standard Layout, not Custom Layout.
  • I answer all questions about this privately on a daily basis, unless you’re anon (try not to be because sometimes the problems are different and i look at your blog to see whats wrong. if you are anonymous than it’s harder to help.)
  • And please try to be SPECIFIC about what’s wrong if you need help. “hi i tried adding an ask box to my page but it didn’t work help plz?¿?¿?” isn’t really enough…

FOR PICTURES + INSTRUCTIONS IF YOU NEED HELP, GO HERE!

1 year ago - (3991)
— Tumblr Theme Maker Masterpost

charmings:

I’m annoyed and tired of seeing people reposting my tumblr theme maker listography on tumblr and claiming it as their own, so I’m just going to post in on my own tumblr just for the sake of it. 

the plain white hipster themes

the anime themes (transition effects, pixel small fonts, hover effects)

the big fandom themes

the themes idk what to categorize as

If you know of any more tumblr theme makers, feel free to leave an ask and I’ll update it.

(Source: dongwoon)

1 year ago - (5142)

zuvia:

Music Player with Playlist!

How to Install:

  1. Copy THIS CODE (the CSS)
  2. Paste it before “</style>” (Use CTRL+F to find it)
  3. Then copy THIS CODE (the BODY)
  4. Paste it after “<body>”

To add music, paste your code from Billyplayer right after the line that says

<!— YOUR MUSIC CODE GOES HERE, RIGHT AFTER THIS LINE. —>

It’s found in the BODY code. There are further instructions in the code - just follow them and you should be alright.

You can also move the player around on your theme. To do so, find “#editthis{” in the CSS, and change the “top” and “left” value numbers. 

1 year ago - (192)
shinkos:

Nihonjin (theme 4)

Preview and code

My first grid theme with infinite scrolling and, IT WORKS!! Thank you so much fukuo for your help :) It was too difficult to make the infinite scrolling work right so i didn’t want to make pagination, hope you like it.
Also, the image of the corner is not included on the code, and there are 4 custom links that appear when hovering over the sidebar image.

shinkos:

Nihonjin (theme 4)

Preview and code

My first grid theme with infinite scrolling and, IT WORKS!! Thank you so much fukuo for your help :) It was too difficult to make the infinite scrolling work right so i didn’t want to make pagination, hope you like it.

Also, the image of the corner is not included on the code, and there are 4 custom links that appear when hovering over the sidebar image.

1 year ago - (216)
via zojoh ,org. zojoh
#page: bias
zojoh:

BIAS PAGE

PREVIEW | CODE

HOVER EFFECT CREDIT: Codrops
HOW TO ADD THIS
Go customize your blog
Scroll to the bottom and click “pages” 
Then click “+ add a page”
Then instead of “Standard layout” pick “Custom Layout”
As always chose your URL
Copy the code and paste it in the .. box..
Create the page, save and then DONE ~
I’ve made /* */ info in the code, so it’s hopefully easy to tweak, to your liking. But if you want a bit more help then;

Look for this in the &lt;body&gt; section


THE HEADER
  &lt;div id=”title”&gt; TITLE HERE &lt;/div&gt;    &lt;div id=”navi”&gt;        &lt;a href=”/”&gt;back&lt;/a&gt; -        &lt;a href=”/ask”&gt;message&lt;/a&gt; -        &lt;a href=”http://zojoh.tumblr.com”&gt;credit&lt;/a&gt; dont even dare to touch that lol    &lt;/div&gt;
THE TEXT UNDER THE HEADER

&lt;div id=”my”&gt; hover pictures / hover title for navigation&lt;br/&gt; other text can be added&lt;/div&gt;

THE PICTURES

&lt;!—- COPY THIS AS MANY TIMES AS YOU WANT—-&gt;&lt;div class=”view view-first”&gt;     &lt;img style=”width:300px” src=” PICTURE URL HERE ”  /&gt;       &lt;div class=”mask”&gt;       &lt;h2&gt;PICTURE TITLE / NAME&lt;/h2&gt;       &lt;p&gt;DESCRIPTION HERE&lt;/p&gt;           &lt;a href=” IF YOU HAVE A TAG OR OTHER THINGS ON YOUR BLOG THEN PUT URL HERE” class=”info”&gt;More&lt;/a&gt;       &lt;/div&gt;  /* if not ‘more’ then delete from &lt; href=”“&gt; to &lt;/a&gt; */&lt;/div&gt;  &lt;!—- COPY THIS AS MANY TIMES AS YOU WANT —-&gt;



Hope you’ll enjoy!

zojoh:

BIAS PAGE

PREVIEW | CODE

HOVER EFFECT CREDIT: Codrops

HOW TO ADD THIS

  1. Go customize your blog
  2. Scroll to the bottom and click “pages” 
  3. Then click “+ add a page”
  4. Then instead of “Standard layout” pick “Custom Layout”
  5. As always chose your URL
  6. Copy the code and paste it in the .. box..
  7. Create the page, save and then DONE ~

I’ve made /* */ info in the code, so it’s hopefully easy to tweak, to your liking. But if you want a bit more help then;
Look for this in the <body> section
THE HEADER
  <div id=”title”> TITLE HERE </div>
    <div id=”navi”>
        <a href=”/”>back</a> -
        <a href=”/ask”>message</a> -
        <a href=”http://zojoh.tumblr.com”>credit</a> dont even dare to touch that lol
    </div>

THE TEXT UNDER THE HEADER

<div id=”my”> hover pictures / hover title for navigation<br/> other text can be added</div>

THE PICTURES
<!—- COPY THIS AS MANY TIMES AS YOU WANT—->

<div class=”view view-first”>
     <img style=”width:300px” src=” PICTURE URL HERE ”  />  
     <div class=”mask”>  
     <h2>PICTURE TITLE / NAME</h2>  
     <p>DESCRIPTION HERE</p>  
         <a href=” IF YOU HAVE A TAG OR OTHER THINGS ON YOUR BLOG THEN PUT URL HERE” class=”info”>More</a>  
     </div>  /* if not ‘more’ then delete from < href=”“> to </a> */
</div>
  <!—- COPY THIS AS MANY TIMES AS YOU WANT —->
Hope you’ll enjoy!
1 year ago - (68)
via zojoh ,org. zojoh
#misc: themes

zojoh:

#7 Europium

V1: Preview, Code & Features | V2: Preview, Code & Features

The differences are minor details! like pagination is moved in V2. But the whole point of V2 is that i wanted to show a colorful version of this theme. I’m sorry, i’m not so good with color combos XD

They have the same features, i just enabled different things on each version.

I hope you like it! it took me a long time, because i constantly screwed a thing up! 

Inspirations for this theme : -apple & nunmuri

Hope you all like it! I would love feedback/like/reblog if you use it, no presure tho n_n. If you find any bugs, problems etc. leave it in my askbox thank you ~!

1 year ago - (74)
mogimochi:




REDIRECT THEME 01 by MOGIMOCHI
LIVE PREVIEW | VIEW CODE
If you’d like the code for the interactive fish background, please ask me for it. (It’s made by aBowman)
Read more for instructions on how to use/edit this redirect theme! (PLEASE READ IF YOU ARE USING IT!)
Please like/reblog if you’re using the theme!




Read More

mogimochi:

REDIRECT THEME 01 by MOGIMOCHI

LIVE PREVIEW | VIEW CODE

If you’d like the code for the interactive fish background, please ask me for it. (It’s made by aBowman)

Read more for instructions on how to use/edit this redirect theme! (PLEASE READ IF YOU ARE USING IT!)

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

Read More

1 year ago - (643)
— 3D Glasses Text CSS Tutorial

ettudis:

Today, we’re going to be looking at how to create the 3D glasses text effect with only CSS. A familiarity with CSS is required but it is a very easy concept to grasp. For a clearer example, please take a look my monologue theme for a live preview of the effect. (Also, click on images for larger view)

So basically, the 3D Glasses effect is just using 2 text-shadow properties placed in different positions to achieve the tri-coloured look. Having one text-shadow property can make a text look like the following:

The text will be put as a heading in the HTML:

<h1>ettudis</h1>

The CSS is:

h1 {
text-shadow: 2px 0 .2px #FF0000;
color:#000;
font:25px lucida sans,arial,sans-serif;
}

The 2px explains the positioning in the horizontal plane (positive is to the right, negative is to the left). The 0 explains the positioning in the vertical plane (negative is upward, positive is downward) and the .2px explains the extent of blur and of course, #FF0000 is the hex colour of the shadow. 

For example, a blue text-shadow going ONLY to the left will look like the following (note the negative sign):

The CSS:

h1 {
text-shadow: -2px 0 .2px #00F1F5;
color:#000;
font:25px lucida sans,arial,sans-serif;
}

Now we put two of those text-shadow properties together, one going to the right (red) and one going to the left (blue). 

h1 {
text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
color:#000;
font:25px lucida sans,arial,sans-serif;
}

Notice, I’ve added a comma, followed by the second text-shadow properties, and ta-da! That’s how you get a 3D Glasses effect for your text using CSS.