hover titles


To start off, I know photoshop seems all over the place!  I remember when I first started using it, I had absolutely no idea what the heck I was doing, so don’t feel bad if thats where you are at too!  Also, you will get the hang of it!  After using Photoshop for a little bit, things start to come naturally!  THIS WILL BE A VERY LENGTHY TUTORIAL.  PART ONE WILL BE WRITTEN TIPS, AND THE SECOND PART WILL JUST BE IMAGES GUIDING YOU THROUGH THE PROGRAM.

tutorial below the cut:

Keep reading


    「   THEME #008: 150° by angelicxi   」
    ↳ [ preview / codes ]
    ❥ the code link is in the description on the sidebar.

I’ve been meaning to do something new for a while. This is the result. 150° comes with a completely revamped style of posts (I’m personally most proud of how the audio posts look) & a fun little post info detail. It’s simple and clean, and its’ sleek look works great for personal & aesthetic blogs. I hope you will like it! ^^
& as always, if you encounter a problem/note a bug, message me.

[+] 500px posts
[+] left sidebar (295px x 450px)
[+] sidebar content on hover
[+] title & description slots
[+] home & ask + 3 extra links
[+] tags on hover
[+] webkit scrollbar (only works on chrome)
[+] plain color background (you can upload an image if you so choose, though)

    Do NOT:
       —  remove the credit
       —  steal the code / parts of it
       —  claim as yours in any way, shape, or form.
     Respect the maker’s work, please.
     This theme is optimized for Mozilla Firefox & Google Chrome.
     It is best viewed on a 1366x768 screen resolution.

010 / 101 kisses

010; impromptu
♡ optional bias (second person)
♡ neighbors!au
x; when you share your first kiss 

rummaging through your kitchen at 1am for a snack wasn’t something unusual.

hearing your doorbell ring while you were face first into the refrigerator with cheeks filled with blueberries at 1am, however, was somewhat unusual.

Keep reading


Pool - Theme // Preview 1 + code

A pretty and minimal theme, perfect for aesthetic or colorcoding blogs!

400px posts only, normal pagination, up to 6 links and a description that appears when you hover over the title! Don’t make the title longer than 7 characters or else it won’t look good~

It’s optimized for Google Chrome on 1366 x 768px resolution, but it should work on other sizes and browsers aswell!

  • Please like/reblog if using/considering
  • Do not imitate or steal parts of it
  • Do not redistribute or claim as yours
  • Do not remove my credits
Sixty-Four - Genji x Mercy - Overwatch Fic

Mercy hasn’t heard from Genji in almost three days. She cannot sleep, think, and is sick with worry. At last, he returns. Or so she thinks.
Genji x Mercy

Sixty-four hours.

Sixty-four hours ago they had lost contact with Genji, his link to Overwatch severing, at his final words “It is done.”

Sixty-four hours of pacing, of a shred of fitful sleep, disturbed by the slightest of noise; by the whisper of a word, her eyes springing open in the hope that the words were his. That the noise were his steps. That it was him.

But it wasn’t.

Mercy awoke this time with a start, her dream a mess of vague images. It shadowed a recurring dream she suffered on and off from her years as a medical student in a community hospital. The hospital had been subjected to a terrorist attack simply for its values. She had tried to save everyone. Oh, she had tried. But she couldn’t. Lives were slipping away, beneath her fingers, and she had tried.

Keep reading

cakepopidols  asked:

Updates tab tutorial, please? *

Of course :3 Im going to start off by saying i got the code for this updates tab from here, and i edited it to be the way it is now :) 

tutorial below the cut!


  1. Go to Customize, then click edit HTML
  2. Put This Code Before </style>
  3. Then Put This Code Below <body>
  4. You Replace ‘Title 1’ with The First title you want, etc..
  5. and you replace ‘text here’ with the text you want below your title :3


  1. First you want to go to the first code and find this section: 

  2. To Move it to the right, you want to increase the number in ‘left: 38px’
  3. To Move it Down, Increase the number number in ‘top: 130px’
  4. This is the current position of my updates tab.. which looks like this: 


  1. Go to the first part of the code
  2. find the section you want to change
  3. Change the height under #ocehans1:hover{


  1. go to the first code and copy this part:                             #ocehans1{
    border-bottom:1px solid #efefef;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
  2. Change the numbers after #ocehans_ to the next available number
  3. for example: there are four original sections, so you would change the number to 5
  4. paste the changed code after all of the other ones so it will look like this:

  6. Then, go to the second part of the code and copy this code:    
  7. <div id=”ocehans”>
    <div id=”ocehans1”>
    <div style=”font-size:8px;”>title 1</div> <div style=”padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;”>
    text 1 here
  8. change the number to the next available number
  9. paste it after the other text sections


  1. First you want to put this code <meta name=”image:updatestab” content=”“/>
  2. with the other <meta name= ‘s at the top of your HTML
  3. Then Put this code 

    #updatestab img{
    margin-top: 5px;
    margin-left: 28px;

  4. somewhere after <style type=”text/css”>

  5. then you need to put this code: <div id=”updatestab”><img src=”{image:updatestab}”></div>  after </style> and </head>
  6. To move the picture, change the numbers after margin-top and margin-left


  1. First you will need this code: <a href=”url here” target=”url here”>LINK TITLE</a>
  2. Replace both url here’s with the link you want, and replace LINK TITLE With what you want to call it
  3. EXAMPLE: 


  1. Take the Code for the links (<a href=”url here” target=”url here”>LINK TITLE</a>) and add this code: title=”HOVER WORD HERE”
  2. it will look like this:

<a href=”url here” target=”url here” title=”HOVER WORD HERE”>LINK TITLE</a>


  1. First, find an image you want to use as a dividers. Here is a whole shit load to choose from :3
  2. Save the picture to your computer and go to tinypic.com and follow the directions on the site
  3. Take the HTML link and put it in this code:
  4. <img src=”URL HERE” height=”20” width=”110”>
  5. Adjust The height and width to the size you want it to be :)


  1. The first thing you need to do to change certain words to cool fonts, is find a font you would like to use. HERE is a Page with fonts that already have the code you will need
  2. Take the code from the font page and paste it after <style type=”text/css”>. It should look like this:        

  3. The word after ‘font-family:’ is the font name
  4. Then go to the text you want to change and do this:                   <font color=’#COLOR HERE’><font face=’FONT NAME HERE’;><font size=’5’> TEXT HERE </font></font></font>
  5. Here is a page where you can choose colors and get the code numbers :3
  6. Change the font size to the size you want it to be


  1. <marquee> TEXT HERE </marquee>
  2. Thats it :)

Thats about it!! If you have any questions, feel free to send me a message here :3

Kids - Theme #36 | Preview | message me for the code


- Cool link hovers

- Two titles

- Swirl graphic under sidebar

- Three columns

- Like and rebog buttons

- Hover for notes permalink


bechloe ao3 fic rec

Note: I, personally, prefer reading completed fics which are just usually one shots, so I apologize if you wanted more multi-chapter fics.

I suggest you check out the authors of all these fics, as they usually have more Bechloe fics they’ve written (I’m sure you recognize some of these). 

For my opinion, hover over the title or author and there’s my shitty commentary.

Also, I just opened them all from my history and pasted in order of the tabs, so don’t be offended if your fic is at the bottom.

COMPLETED (okay tbh i only read completed fics so these will all be completed only):


life during wartime by betternovembers

Words: 2,943

Beca gets better at a lot of things. Mostly dying. (An Edge of Tomorrow AU. Watching the movie prior to reading is highly recommended.)

Storytellers and Legends by novel_concept26

Words: 7943

Dr. Mitchell has the habit of kicking off his classes with personal stories: stories about a girl so outrageous, she couldn’t possibly be real. At least, that’s what Chloe always told herself. 

this love ain’t enough to leave you by lismicro

Words: 9,629

On a one-way trip to Los Angeles, aspiring DJ Beca Mitchell doesn’t expect her world to change. Enter Chloe Beale, photographer and journalist, who doesn’t know how to make hers stand still.

eliminate the distance between us by Care

Words: 7,921

Senior year isn’t really going the way Beca thought it would.

Blow a Kiss, Fire a Gun (We All Need Someone to Lean On) by wherehopelies

Words: 24,516

Emily knew that she’d enter a sisterhood when she joined the Bellas, she just didn’t realize she’d gain an aca-mom and an aca-dad too! At least, that’s if Stacie has anything to do with it.

You Still Make Sense to Me (Your Mess is Mine) by wherehopelies

Words: 31,419

“Chloe fills up all of the spaces inside her that she didn’t even know existed until Chloe was there.”

orrrrr the one where it takes a fake-engagement and being domestic as hell for these two idiots to realize they’re in love. Set two years after PP2 and mostly canon compliant.

silhouettes by shitsinger

Words: 27579

“We’ve known each other for almost two years, we’ve seen each other naked, and basically know everything about each other, so I’d say we can say ‘I love you’. Also, we’re a giant cliché, so that counts for something.”


“Neighbours who become BFFs, then they end up together.”

(or: beca thinks everything is perfect, then chloe moves in across from her and they meet with beca colliding into chloe’s box of kitchen tools and a dildo. being domestic as hell and secretly in love with each other for two years come after.)

I Would by Galpalkru

Words: 18927

The One Direction-inspired Bechloe HSAU one-shot that nobody asked for.

Suffocating (I’m Tearing Up, Across Your Face) by wildw0lf

Words: 19,880 

You’re 18 when you discover that your life isn’t always going to be like this, that you’re not always going to be walking around with the chains locked and ready around your neck.

We Gotta Get It Right (but We Always Get It Wrong) by getpitchslapped

Words: 17,682 

It’s a foolproof plan: Impersonate her bother, infiltrate Barden Prep’s a cappella team, and kick some aca-butt. Beca just didn’t expect to end up playing matchmaker in exchange for it.


The She’s the Man HSAU where Beca is Viola, Jesse is Sebastian, Luke is Duke, Chloe is Olivia, a cappella is soccer, and somehow this became 17.7k words.

Canvasby LePetitCroissant

Words: 22,408

All Chloe ever has to do is look at Beca and the younger woman obliges her every whim and desire. Beca’s not really sure how it even happens, but she often finds herself regaling Chloe with stories about the ink on her body.

Ever Enough by coveredinsnow1698

Words: 3,456

“I’m not really her type and she’s not mine.” You laugh. It sounds hollow in your ears. “I’m very much single.” You throw in a wink for good measure.

Or the one where Chloe tries to be everything for Beca.

One touch and I was a believer (every kiss it gets a little sweeter) by eliseboobman (bechloehuh)

Words: 36,644

“I wonder how many there are.” Chloe says, pointing up with her finger. She starts to count, moving her finger every time she does, and Beca smiles as she watches her. It’s impossible to count every star in the sky, but obviously Chloe tries. It’s such a Chloe thing to do.


I See Fireby MsLane

Words: 21,218

It has to be the right moment, and no way is being all sweaty and gross after running around for nearly two hours part of a recipe for the right moment.
Chloe watches forlornly as Beca all but flies out of the gym, a confused and hurt puppy dog look on her face, not at all liking or understanding why Beca is suddenly being so aloof.

Whoever Fights Monsters by getpitchslapped

Words: 55100

AU. With a serial killer on the loose, the Barden Police Department calls in Special Agent Chloe Beale to assist in the investigation. Detective Beca Mitchell isn’t used to sharing her turf with the feds, but they must quickly learn to work together to stop the man only known as the Barden Strangler.

stare into the sky until we’re blind by lescousinsdangereux

Words: 23782

Chloe Beale has one rule. Just one. Had she known that the odd combination of hair dye, a crappy old convertible, sixty-plus hours of driving, a mix CD, and one Beca Mitchell would lead to her breaking it, she never would have suggested going on this stupid road trip in the first place.

(do check out all the authors and feedback is really appreciated. no, for real, authors are like starved puppies lost in deserts and feedback is like a three course meal that isn’t a mirage.)


the cute theme


  • images: sidebar, background, corner
  • 3 different post sizes
  • font + font size
  • title size
  • sidebar height
  • top margin
  • colors: accent, post background, blog background, gradient color, sidebar, text, links, link hover
  • dropdown menu with 5 optional links + pages
  • normal links with hover titles
  • faded posts that un-fade on hover or vice versa
  • post borders + border color and style
  • post footer with time stamp, notes, and reblog button
  • another post footer with tags and/or source

please follow my theme blog if you’re using this theme

preview 1 - preview 2 - code - creator

anonymous asked:

What's you favourite GTOP fan fiction story?

What are your favourite gtop fics?(:

It’s literally impossible for me to pick a single favorite gtop fic but here are my top 10 of various genres. Hover over the fic title for my comments/notes:

  • The Rise and Fall by ruinwyn Seunghyun is able to see into the future, to see the outcome of the path he travels.  That path may or may not lead to Jiyong.  Canon. 
  • Tabula Rasa by ruinwyn Seunghyun wakes up after a car accident thinking it’s 2011, that he and Jiyong are still together and happy and in love.  And Jiyong, burnt and jaded, has no idea what he’s supposed to do with that.  Canon.
  • I’ve Felt and I’ve Been by autotunedd Seunghyun disappears and Jiyong finds himself in an abusive relationship when he returns.
  • The Best is Yet to Come by i-feel-electric Seunghyun’s life was mostly unexceptional until he noticed the young man who lived across the street and one floor below. Then he started paying attention. And that’s when everything changed.
  • Rise by Lunar_Pull This is not a story for the faint of heart. Set in a Alternate Universe, where slavery is common throughout the world, five men must band together to rise against the injustice. (side note: this story includes baeri and gdybri)
  • Finally it Happened to Me by mephyr College AU. All Jiyong can think is, This can be my life, this right here. Screw high school, I can be one of the cool kids now.
  • You’re on to me, and all over me by schmetterling Seunghyun is a camp counsellor at a place where they try to “fix” gay people. He’s always been very sure of his orientation until he meets Jiyong.
  • Online by trixielovesgd They met online. But Jiyong has a secret he can’t tell.
  • grey & blue by franticfiction Jiyong is a dreamer- he dreams of the sun and the stars even though they don’t exist anymore. Seunghyun is a realist-he believes in things he can see and touch. They are perfect together, they complete each other in so many ways. Until Jiyong dreams of the one thing Seunghyun can never giver him.
  • Drunk Googling by badwolf204 Tipsy Jiyong goes looking for fanfictions about him and Seunghyun, and decides to invite his hyung over to read them. A bit of comedy and a whole heap of smut, and a surprised Jiyong who doesn’t expect that Seunghyun has a few favourites of his own to show him. 

“Winter Wonderland” theme by teentide! :)


this theme comes with:

  • 2 columns
  • one vertical sidebar photo
  • vertical sidebar
  • snowflake background detailing
  • 5 snowflake links
  • link swivel/snow falling effect on sidebar hover
  • color change on link hover
  • customizable link hover titles
  • auto-conforming description (any length)
  • one long length blogtitle
  • faded posts
  • posts outline background

preview || message me for the code (include the name of the theme and you must have liked this post)

message me if you have any problems!


Tutorial On My Updates Tab, and more!

I’ve been getting a lot of request on how i do my updates tab or how i added more than five songs on my playlist; since, usually that site only allows you to add five. 

step 1: how to add an updates tab

okay so, i used this website to get the base of my updates (here)
once, i’ve placed that..you could “save” and “refresh” your pick a picture to display on your blog! (ex: my lights and whouffle fan art)

then, you should see the picture appearing on your page..if for some reason it’s too tiny for you or just plain awkward…you can just re-adjust the sizing of the image. 

in the coding you added under the “#sidebar” etc. you should see this coding

you can increase or decrease the numberings, of your choice.

step 2: how to add information onto your updates tab (the basics of html)

now, when i first saw this..i was so confused..but, i soon learned the basics first! 

  •  to add space in-between your words just do <p>
  • to make a syntax or word bold..add <b></b> (note: make sure you have the </b> at the end or your word won’t be bold)
  • to add an image add… <img height=“#” src=“link”/>
  • to add a link with  a hover title add… <a hef=“link” title=“whatever you want it to say, when you hover over it”>a word or symbol<a/>
  • to add a link without a hover title add… <a hef=“link”>a word or symbol<a/>

step 3: the complex html

  • to add dividers like mine do.. <div style=“color:#fff; background-color:#16c224; padding:4px;”>whatever you want it to say, “updates”, “networks”, etc</div>

pay VERY ATTENTION HERE the coding i have highlighted is the color of the divider..you can change it by…

  1. saving your work for now and going back to the main page

  2. then, scroll down to wear you see “links” and click a color that you would want for your updates tab (now, you don’t have to have the same color links as your updates tab..i just think it looks neater.)

  3. go back to the html and type in where it says “#whatever the coding is” and that should change the coloring of the dividers..

now, let’s say you want transparent dividers (aka transparent images) as your dividers like, sabrina’s

instead of adding the coding, we added for the colored dividers you add

<img scr=“the link of the picture you want” height=“35” width=“150”>

and that is the basics to coding and html, i will make the tutorial for my playlist; when i have the time! :)