Theme Stuff.

why is your pop-up ask box tutorial the exact same one as itweaak's? o:

Mon, 05 Nov 2012 23:18:12 -1000

does it matter?

academyoftumblr: staff: New Dashboard shortcut! Quickly switch...

Thu, 18 Oct 2012 19:46:00 -1000

staff:

New Dashboard shortcut!

Quickly switch between your blogs in just a few keystrokes.

Mac: Option + Tab

Windows: Z + Tab

Find more shortcuts on our Tips page.

I really like your themes, I wish I was creative like you!

Wed, 17 Oct 2012 22:54:23 -1000

oh stop! you’re creative too! but thank you :)

To the anon who wanted a tutorial on how to do a description like mine.

Wed, 17 Oct 2012 14:22:16 -1000

I didn’t make this tutorial, I’m just reposting it.

http://pastebin.com/DTM6PMrT

could you do a tutorial on how to have a sidebar like yours please?

Tue, 16 Oct 2012 14:16:53 -1000

sure :)

how did you do your description like that?

Wed, 10 Oct 2012 21:27:50 -1000

it’s just a code for hover description. i was actually gonna post the theme, but decided to use it for my blog.

WebKit Filter properties

Tue, 09 Oct 2012 15:31:20 -1000

etrothemes:

Recently,most of the theme makers are using different kinds of filters to give different styles to their themes or their own blogs. How many themes have the option for Grayscale Photos and Photosets,right? Other theme makers use the Blurfilter to make a cool effect,also. So I’d like to present all the properties WebKit filters can offer.

Grayscale
Most theme makers are using it now to make more monochrome themes.But if you’d like so,you can make a balance of it:Instead of only colors or grayscale,you can make the photos “kind of” grayscale, just by using .5 or .3 instead of only 0 or 1.

Blur
Another filter frenquently used,makes your layout more unique. On this case,you won’t use just 1 or 6, you must put px after the value.For example: blur(2px).

Sepia
Just like the name says, this filter allows you to give the photos a old look. To use it, you just have to put values like the ones on the grayscale filter.

Saturate
This one is not really used much with CSS, but those who make graphics probably understands what it means. On this one, you use numbers like 2 or 4 to increase the saturation.

Opacity
All kinds of themes use this filter, this allows you to make the elements more transparent so you can see what’s behind it, or even make hidden elements. Like grayscale, you’ll use values from 0 to 1.

Brightness
Also, like the name says, this filter allows you to make the brightness of a image or anything else more intense. Also uses values from 0 to 1.

Contrast
This one now allows you to give your elements a normal or intense contrast. It may be a interesting filter to make more colorful themes. Values variate from 0 to 1.

Hue-rotate
Another exception,instead of 0 to 1,you can use a whole number,but using the deg unit,like this: hue-rotate(120deg). This one allows you,how you can see, to rotate elements, making different effects and forms for your themes.

Invert
Another interesting effect,it inverts the color scheme of your photos.Most cellphone cameras these days have this effect too. Also use it with values from 0 to 1.

How can I use it?

All these filters can be really useful to create various effects, but how to use it?
After creating the element you’d like to customize with these filters, add on the bolded part:

.example_box { background-color:white; width:30px; height:30px; -webkit-filter:blur(2px) grayscale(.5) saturate(6); } ;

You can substitute the italic parts for the filters and values you’d like to use, since this was just an example. So,basically,you have this :

-webkit-filter: filter name(value);

If you still can’t understand what I mean,you can acess this site: davidwalsh, that explains the properties.
NOTE:These are WebKit Filters. It won’t work on all browsers. I’d highly recommend you to use Chrome.
In case you’d like to use the grayscale filter,many theme makers have a cross-browser code for it on their blogs. Just look at their resources!

What every theme should have (HTML/CSS Codes):

Sun, 07 Oct 2012 23:29:24 -1000

So this post are things or codes that every theme or at least most themes should have. I was looking through some of my themes/tweaks and also at other people’s theme blogs and I saw a couple of things that bugged me a little (not in a bad way).

The first thing I’ve seen is when pictures don’t fit in the theme layout or whatnot. I’m not just talking about a picture post but also the pictures (most likely GIF) people upload when commenting on another posts.

This code will keep those pictures inside the theme layout:

blockquote img, blockquote a img {max-width: 400px;}

The part that’s bolded can be changed. So if your theme layout for the posts are smaller, make the number smaller. If the post size is bigger, make it bigger.

Another thing that I’ve seen is when long text posts or codes (for theme makers) don’t fit in the theme layout. For example, if you were to put a link on a text post, there usually aren’t any spaces between them, it just continues on. Ex: http://tumblr.com/tagged/idgafitsjustanexampleforthispost If you look at this, there’s no spaces and if it’s too long, it’ll go off the theme layout.

This code will keep the text from going outside of the theme layout:

pre

{overflow: auto;

margin: 2px;

margin-bottom:4px;

padding: 1px 3px;

background: #f1f1f1;

color: #333;

max-height: 220px;}

This other code is for the scrollbar color and size:

pre::-webkit-scrollbar {width:2px; height:2px; background: #f9f9f9;}

pre::-webkit-scrollbar-track-piece {background-color: #f9f9f9;}

pre::-webkit-scrollbar-thumb {background-color: #000;}

The bolded parts can be changed to your liking.

So every time you post something that’s extremely long, go to HTML (on the top bar of the text box) > add in <pre>BLAH BLAH BLAH</pre>. Then, if you look on your theme or page, it’ll scroll instead of go off the layout.

Another thing I’ve seen, this one is just an option. Nor is it a bad thing; so the tumblr control buttons at the top (customize, dashboard, follow, etc.) can be fixed on the page. So you won’t have to keep scrolling up to use them.

This code will hold it in place or “fixed” on the page:

iframe#tumblr_controls {right:3px !important; position: fixed !important;

-webkit-transition: opacity 0.7s linear;

opacity: 0.2;

-webkit-transition: all 0.8s ease-out;

-moz-transition: all 0.8s ease-out;

transition: all 0.8s ease-out;}

This next code is the hover for it:

iframe#tumblr_controls:hover{

-webkit-transition: opacity 0.7s linear;

opacity: 1;

-webkit-transition: all 0.5s ease-out;

-moz-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;}

That’s all I can think of, if I see anymore things, I’ll make another post. Hope these help.

can you add the movie 'LOL' because the other one doesnt work and when i click on that person's page it says not found

Sat, 06 Oct 2012 21:10:56 -1000

It’s not my post, so I can’t. I just reposted it. Sorry.

Movies?

Fri, 05 Oct 2012 19:06:45 -1000

10 things i hate about you

13 going on 30
17 again
21 jump street 1 or 2
27 dresses
30 days of night
30 minutes or less
50/50
50 first dates
(500) days of summer
american reunion1 or 2
a cinderella story (hilary duff)
another cinderella story (selena gomez)
a cinderella story (lucy hale)
artificial intelligence
august rush
aquamarine
bad teacher
beastly
bridesmaids
bride wars
captain america
castaway
the change-up
clash of the titans
click
cloudy with a chance of meatballs
coraline
corpse bride
crazy, stupid, love
despicable me
devil wears prada
due date
dude wheres my car?
drive
easy a
enchanted
fast five
footloose
fired up
friends with benefits
gnomeo and juliet
grownups
harry potter: sorcerer’stone
harry potter: chamber of secrets
harry potter: prisoner of azkaban
harry potter: goblet of fire
harry potter: order of the phoenix
harry potter: half-blood prince
harry potter: deathly hallows pt 1
harry potter: deathly hallows pt 2
hall pass
the hangover
the hangover II
he’s just not that into you
horrible bosses
horton hears a who
how to train your dragon
the hunger games1 or 2
inception
i love you beth cooper
i love you, man
immortals
insidious
john tucker must die
jumper
just my luck
a knights tale
the last song
little nicky
love and other drugs
the lovely bones
just go with it
marley & me
mean girls
mirror mirror
mission impossible: ghost protocol
monster house
the notebook
no strings attached
pirates of caribbean: curse of black pearl
pirates of caribbean: dead mans chest
pirates of caribbean: at worlds end
pirates of caribbean: on strangers tides
ps, i love you
the proposal
role models
the roommate
scott pilgrim vs the world
silent hill
silent house
the sitter
shes the man
the smurfs
something borrowed
spider-man
spider-man 2
spider-man 3
step up
step up 2: the streets
step up 3D
tangled
time travelers wife
tooth fairy
Twilight
Twilight: New Moon
Twilight: Eclipse
twilight: breaking dawn pt. 1
the ugly truth
valentine’s day
the vow (HQ)
a walk to remember
when in rome
yes man
you got served
zombieland

*message me if any links are broken. or want me to add/find movies to here :)

maceycakes: for all my fellow night owls hell0verme: i-am-god-like: Just click your desired...

Fri, 05 Oct 2012 19:02:21 -1000

maceycakes:

for all my fellow night owls

hell0verme:

i-am-god-like:

Just click your desired movie, follow the on screen instructions and enjoy! *Italic = New/Updated/Requests*

One Day

Tangled

Cinderella (1950)

Snow White (1937)

The Virgin Suicides

Somewhere

Body Heat

Mr & Mrs Smith

Hunger Games (Cam Quality)

Ted (Cam Quality)

Peter Pan Original

Peter Pan (2003)

Confessions of a Shopaholic

Confessions of a Teenage Drama Queen

Hairspray

What’s Eating Gilbert Grape

Ten Inch Hero

Captain America: The First Avenger

Thor (Part 1) & Thor (Part 2)

Madeline

Nowhere Boy

Sweeney Todd

Easy Virtue

Burlesque

My Sister’s Keeper

Never Let Me Go

Buffy the Vampire Slayer (1992)

Iron Man

Lolita (1997)

Alice in Wonderland (2010)

After Sex (2000)

After Sex (2007)

The Notebook

Young Adult

Diary of a Wimpy Kid

Diary of a Wimpy Kid 2: Rodrick Rules

50 First Dates

The Last Song

The Lucky One

Spiderman

Spiderman 2

Spiderman 3

Batman Begins

David and Lisa (1998) {In Parts)

Suddenly 30 / 13 Going on 30

The Avengers (Cam Quality)

The Avengers Version 2 (Cam Quality)

The Amazing Spider Man (Cam Quality)

Never Back Down

Swedish Love Story

Clueless

LOL (HD)

The Art Of Getting By

When Harry Met Sally

Kick-Ass

The Rocky Horror Picture Show

Anastasia

Brazil

Stick It

Freedom Writers

Submarine

Cruel Intentions 1

Cruel Intentions 2

Cruel Intentions 3

Beastly

Benny and Joon

Pride and Prejudice

Gia

The Imaginarium of Dr. Parnassus

The Dreamers

Schindler’s List

Anchorman

Poetic Justice

Sweet Home Alabama

Just Like Heaven

The Dukes of Hazzard (2005)

Are We There Yet

Are We Done Yet

College Road Trip

Daddy Day Care

Daddy Day Camp

Sorority Row

21 Jump Street

Project X

Superbad

Sex and the City

Sex and the City 2

10 Things I Hate About You

A Walk To Remember

A Cinderella Story

A Cinderella Story: Once Upon A Song

Aquamarine

Drive

The Roommate

Just Married

Monsters House

Just My Luck

What’s Your Number

Nick & Norah’s Infinite Playlist

Taylor Swift - Journey To Fearless

Rataouille & Ratatouille (link 2)

Remember Me

The Incredibles

The Mask

Horrible Bosses

Knight and Day

Water for Elephants

Life As We Know It

The Green Hornet

The Other Guys

She’s The Man

The Little Mermaid

The Little Mermaid II: Return To The Sea

High School Musical

Crazy Stupid Love

Easy A

Pineapple Express

Julie & Julia

The Stepfather

This Means War

Something Borrowed

The Change Up

Panic Room

Step Brothers

Hall Pass

Step Up

The Strangers

The Switch

The Princess Diaries

The Princess Diaries 2

Scott Pillgrim vs The World

Tron Legacy

Alice In Wonderland (1951)

The Devil Wears Prada

Dear John

Nemo

Nims Island

Jennifer’s Body

Sleeping Beauty

The Time Travelers Wife

Taken

It’s Complicated

Wild Child

Definitely, Maybe

Thirteen

Black Swan

Mean Girls

Mamma Mia

Friends With Benefits

Orphan

The Woman In Black

Bring It on Again

Bring It On All Or Nothing

Bring It On- In It to Win It

Bring It On Fight To The Finish

Ice Age

Ice Age 2: The Meltdown

Ice Age 3: Dawn Of The Dinosaurs

Up

500 Days Of Summer

50/50

The Dictator

Bridesmaids

Labor Pains

Lilo & Stitch

Napoleon Dynamite

Pocahontas

The Holiday

The Hangover

The Hangover: Part 2

Due Date

The House Bunny

Bad Teacher

Rent

Hannah Montana The Movie

The Breakfast Club

Jaws

SLC Punk

The Vow

The Kids are Alright

The Help

Love & Basketball

Rush Hour

Love and Other Drugs

Penelope

Little Miss Sunshine

I Am Number Four

It’s Kind Of A Funny Story

Hot Tub Time Machine

Get Smart

Angus, Thongs and Perfect Snogging

Pirates of the Caribbean: On Stranger Tides

Charlie and the Chocolate Factory

Freaky Friday

Wedding Crashers

Letters to Juliet

The Bounty Hunter

Scary Movie

Scary Movie 2

Scary Movie 3

Scary Movie 4

American Pie

American Pie 2

American Wedding

American Pie Presents: Band Camp

American Pie Presents: The Naked Mile

American Pie Presents: Beta House

American Pie Presents: The Book of Love

American Reunion

The Philosopher’s Stone

The Chamber of Secrets

The Prisoner of Azkaban

The Goblet of Fire

The Order of the Phoenix

The Half-Blood Prince

The Deathly Hallows (Part 1)

The Deathly Hallows (Part 2)

PLEASE READ:

If you have any requests, if any of the links don’t work, there are problems or are of bad quality, please message me here: http://fashionisendless.tumblr.com/ask. If you are requesting a movie, please make sure you are NOT on anonymous or else I will not respond to your request. You also must be following me if you request. That’s fair. This list will be made into a page on my blog permanently and will constantly be updated with new and improved versions plus all requests, so please check back often!

If you wish to keep these movies forever, you can download them to your computer. To download movies, go to http://www.real.com/realdownloader FOR PC or http://asia.real.com/?mode=rp_mac FOR MAC.

Instructions are as follows:

Install RealDownloader.

Go to your favorite video website and select a video.

Position your mouse over the upper-right corner of the video.

The “Download This Video” button appears. Click the button to begin downloading your video.

I hope you enjoy these movies and good luck!

best thing ever!!!

Preview: http://freedomsecret.tumblr.com/ Ask for the code: OFF...

Fri, 05 Oct 2012 12:01:46 -1000

Preview: http://freedomsecret.tumblr.com/

Ask for the code: OFF ANON

Hover description.
Option to reverse layout (sidebar originally on the right side).
Option to have “wobbly” title.
You can choose what type of border style (solid, dashed, dotted).
You can type whether you want the background to repeat or where to put it.
Four custom links.
All the basic stuff.

The Art of Asking Theme Makers Questions

Fri, 05 Oct 2012 11:28:00 -1000

I’ve noticed more and more theme makers getting frustrated with questions they’re being asked. So I thought as a theme maker myself that I would write up a sort of guide on asking theme makers questions so that not only more theme makers may not resort to closing their ask box, but also help you as theme users get help faster.

Read More

Text Effect

Tue, 02 Oct 2012 20:47:02 -1000

academyoftumblr:

Ok guys.. here are some text effect you can apply on your theme.

Rainbow Glow Text Effect

Wobble Text Effect

Flirty Text Effect

Bubbles Text Effect

Neon Light Multi-Wipe Text Effect

Shuffle Text Effect

News-Ticker Text Effect

here or ads here

I'm thinking about having another person run this blog with me...

Sun, 30 Sep 2012 20:11:23 -1000

what do you guys think?

Preview: http://fuq-widdit.tumblr.com/ Ask for the code: OFF...

Sat, 29 Sep 2012 22:06:06 -1000

Preview: http://fuq-widdit.tumblr.com/

Ask for the code: OFF ANON

Option to change sidebar, background and times background.
Side Permalink image (the pink pig on the side of the posts).
Reblog button option when posts hovered.
Rainbow links.
Option to show blog title.
Tiny cursor option.
Music player option (make sure you use HTML codes).
Option to show sidebar image.
Infinite scrolling.

do you know where i can watch free movies? i saw a list of links to free movies like the hunger games and the vow a long time ago but i can't find it anymore.

Sat, 29 Sep 2012 11:44:50 -1000

here: http://imonlyshayla-themes.tumblr.com/post/24460799096/movies-anyone

Navigation Tutorial

Thu, 27 Sep 2012 18:03:00 -1000

I had a request on how to make this kind of navigation:

Step 1 - You’ll need to paste this code after <head>:

<meta name=”color:link1” content=”#aed8a4” />

<meta name=”color:link2” content=”#89d876” />

<meta name=”color:link3” content=”#82b876” />

<meta name=”color:link4” content=”#5bda3d” />

<meta name=”color:link5” content=”#82b876” />

<meta name=”color:link6” content=”#89d876” />

<meta name=”color:link7” content=”#aed8a4” />

This part of the code controls the color on the appearance tab. Just paste this and save it and then reopen customize again.

You’ll also need this code:

<meta name=”text:Link1” content=”/” />

<meta name=”text:Link1 Title” content=”Link1” />

<meta name=”text:Link2” content=”/” />

<meta name=”text:Link2 Title” content=”Link2” />

<meta name=”text:Link3” content=”/” />

<meta name=”text:Link3 Title” content=”Link3” />

<meta name=”text:Link4” content=”/” />

<meta name=”text:Link4 Title” content=”Link4” />

<meta name=”text:Link5” content=”/” />

<meta name=”text:Link5 Title” content=”Link5” />

This controls the links you want and the title. Once again, just paste it (after <head>), save it and reopen customize.

Step 2 - Now that you have the “controls” for the colors and links, paste this code anywhere between <style type=”text/css”> and </style>:

#nav {

position:fixed;

display:block;

width:100px;

padding-top:-00px;

padding-right: 100px;

padding-left: 100px;

margin-top:120px;

margin-left:980px;}

#link1 {

float: left;

display:inline;

background:{color:link1};

width:6px;

height:30px;

margin-right:3px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link1:hover{

height:60px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link2 {

float: left;

display:inline;

background:{color:link2};

width:6px;

height:40px;

margin-right:3px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

 

#link2:hover{

height:70px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link3 {

float: left;

display:inline;

background:{color:link3};

width:6px;

height:50px;

margin-right:3px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link3:hover{

height:80px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link4 {

float: left; 

display:inline;

background:{color:link4};

width:6px;

height:60px;

margin-right:3px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link4:hover{

height:90px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link5 {

float: left;

display:inline;

background:{color:link5};

width:6px;

height:50px;

margin-right:3px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link5:hover{

height:80px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link6 {

float: left;

display:inline;

background:{color:link6};

width:6px;

height:40px;

margin-right:3px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link6:hover{

height:70px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link7 {

float: left;

display:inline;

background:{color:link7};

width:6px;

height:30px;

margin-right:3px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

#link7:hover{

height:60px;

-webkit-transition: all 0.6s ease;

border-radius: 0px 0px 5px 5px;

}

The parts that are bolded, you can change to your liking.

Step 3 - Now you’ll need this code and paste it anywhere between <body> and </body>:

<div id=”nav”>

<a href=”/” title=”home” id=”link1”></a>

<a href=”/ask” title=”message” id=”link2”></a>

{block:ifLink1}<a href=”{text:Link1}” title=”{text:Link1 Title}” id=”link3”></a>{/block:ifLink1}

{block:ifLink2}<a href=”{text:Link2}” title=”{text:Link2 Title}” id=”link4”></a>{/block:ifLink2}

{block:ifLink3}<a href=”{text:Link3}” title=”{text:Link3 Title}” id=”link5”></a>{/block:ifLink3}

{block:ifLink4}<a href=”{text:Link4}” title=”{text:Link4 Title}” id=”link6”></a>{/block:ifLink4}

{block:ifLink5}<a href=”{text:Link5}” title=”{text:Link5 Title}” id=”link7”></a>{/block:ifLink5}

</div></div>

Here, the first two links (bolded) are preset to home and ask. You can change it if you’d like.

If this is too confusing, just let me know and I can help you further.

MAKE SURE YOU RE-TYPE ALL THE QUOTATION MARKS OR ELSE IT WON’T WORK!

how did you get your navigation like that? i tried looking through your posts and tutorials and stuff but the font hurts my eyes.

Wed, 26 Sep 2012 14:09:59 -1000

I’ll make a tutorial later.

Speech balloon music player

Tue, 25 Sep 2012 18:05:00 -1000

athenabilitythemes:

Paste the following code inside the CSS area (style tags). You can change #ffffff with the color you want. You can also change bottom:10px; with the position you’d like.

#musicplayer {
text-align:center;
font-size:9px; color:#000;
position:fixed;
bottom:10px;
left:-88px;
opacity:1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width: 70px; 
height: 20px; 
background: #ffffff;
-moz-border-radius:   5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;}
   
#musicplayer:after {
content:"";
position: absolute;
left: 100%;
top: 6px;
width: 0;
height: 0;
border-top: 4px solid transparent;
border-left:8px solid #ffffff;
border-bottom: 4px solid transparent;
}
   
#musicplayer:hover {
left: 10px;
}
#musicplayer:hover #music {
margin-left:90px;
opacity:1;}

#music {
padding-top:6px;
background-color: #ffffff;
height:14px;
width:20px;
text-align:center;
font-family:consolas;
text-transform:uppercase;
font-size:8px;
opacity:1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
margin-top:-21px;
margin-left:95px;
-webkit-border-radius: 30px ;
border-radius: 30px;
  z-index:999;}
 

#musik {
overflow:hidden;
padding:6px;
width:50px;margin-top:-2px; 
margin-left:0PX;
z-index:998;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;}

Paste the following code inside the <body> tags.Note: Replace ’ with ” on the div tags

<div id='musicplayer'>
<div id='musik'> <center><!--INSERT MUSIC PLAYER CODES HERE-->
</center> </div> 
<div id='music'><img src="http://media.tumblr.com/tumblr_m9gvlwf7gt1qzb4to.gif"></div>

You can get your music player on hypster.com or on sheepproductions.com