that last one looks like a screenshot but it's an actual person oops

reverse idol | kim taehyung

i am actually so excited for this i have so many ideas for tae tae. lets get some more role reversal, and transform kim taehyung from an idol to an idolizer (i just made that up does it sound good?). time, for reverse idol, kim taehyung style! (also @chimcharms i’m pretty sure you mention tae as your bias so i thought you might want to see this)

Originally posted by baobwi

  • no one knows how taehyung became a fan, all they know is that one day he suddenly had a huge love for your group
  • at first he’s all like ‘nah mate i stan EVERYONE, i can’t chose a favourite’
  • but then he sees a video (similar to a bangtan bomb) of you with your pet and he literally becomes the heart eyes emoji
  • so the next time jimin asks him tae is ready
  • he pulls out his phone, shows off a cute pic of you as his homescreen and is all like ‘yeah y/n is my bias look at this picture of them and a puppy’
  • he seems like the type to have quite a few screenshots of you
  • and he makes memes out of them because why not?? memes are fun (trust me i am one)
  • right so you know how much tae loves cypher and how he raps along occasionally
  • that’s him with every song your group releases
  • he’s a very loyal fan
  • someone thinks you don’t deserve to be in the group? he’ll sort out their opinon while somehow avoiding conflict
  • someone thinks you aren’t talented? tae will link them to every single video he can find of you singing, dancing, rapping, etc
  • one day your group comes to perform near to where he lives
  • but the tickets sell out before he can get them which is really :(
  • he’s quite sad about it but he doesn’t really show it
  • ‘it’s fine, i might see them live another time’
  • so its the day after your concert and tae’s social media is blowing up because of how lit it was
  • and jimin and jungkook can tell it’s making him sad
  • so they take him out for a milkshake
  • then after they leave the place where they got their milkshakes they just see this huge crowd of people
  • so they approach it and are like ‘???’ ‘what’s happening here?’
  • and this girl is just like ‘IT’S-’ dramatic pause ‘THE GROUP’
  • tae goes mental, and immediately joins the crowd so he can see you
  • it takes around twelve minutes for him to get to you
  • and when he does he sees how tired you are
  • like you were performing the night before then you got up early the next day to go out and meet fans
  • jungkook and jimin are surprised because when tae gets to you, the person he has been hardcore stanning for two years, he is completely calm
  • he greets you nicely, introducing himself, tells you that he loves your music and thinks you’re super talented
  • you’re just like ‘omg thank you so much’ because while other people have said that to you, none of them have seemed quite as sincere as him
  • tae was one of the last people to join the crowd, and your other group members are there, so you can have more of a talk with him
  • no one knows what the two of you talk about (apart from you and him obviously)
  • but the conversation somehow led to you two swapping numbers
  • you say it was because he seemed so nice and sincere, plus you were enjoying a conversation with him and wanted to get to know him more
  • but all your group are just like ‘ ( ͝סּ ͜ʖ͡סּ) sure y/n you totally didn’t just find him cute’
  • i mean you don’t deny finding him cute
  • but yeah the two of you talk whenever you’re free
  • this is super long oops i’ll let your imagination do the rest okay (you two are like super good friends and yeah there is lots of lowkey flirting and maybe one day it goes further)

anonymous asked:

Hey, Rabbit! Do you know how to make the container part of your theme into a circle instead of a square?

Hi, anon! Yes, I absolutely do. Just a quick note that this way might not be the easiest or the simplest; it’s just a method I use that fits the way I code themes.

Let’s start with a page and a background image! Here we go:

<style>

  body {
    background-color:#808080;
  }

  #bg {
    background-image:url(http://i.imgur.com/ImRMZv4.png);
    position:fixed;
    height:700px;
    width:700px;
    left:0px;
    top:0px;
  }

</style>

<div id="bg"></div>

So, there’s our div, with its background image–a big circle where we want our posts to go. We need to add a place for our posts to go, roughly the same size as the circle in our background image. Let’s put in another div, and let’s give it a class of posts, since that’s where our posts are going to go.

<div id="bg"><div class="posts"></div></div>

We need the .posts div to have certain attributes: it needs to be so many pixels wide and high, it needs to be positioned right over the circle in our background image, it needs to scroll (or else it won’t function as a container theme!), and it needs to be perfectly round.

Width and height are easy; because we created the circle in Photoshop, we know that it’s 515px by 515 px. Positioning is also a pretty simple process; by giving .posts a fixed or absolute position property and adding margins, we can position it right over our circle. Scrolling is equally easy–all we need to do is add an overflow!

How do we give it the last quality–that of being a circle? Enter border-radius! This is a CSS property which can give page elements rounded corners. Border-radius takes either pixels or percentages, and either will work for us in this case: Setting border-radius either to 515px or to 50% will make our div perfectly round.

Here’s the CSS for the .posts class:

  .posts {
    height:515px;
    width:515px;
    border-radius:50%;
    position:absolute;
    left:77px;
    top:60px;
    overflow:scroll;
  }

Here’s a screenshot of the page. I’ve added some dummy text so you can see where the div is!

“Wait a second, Rabbit,” I hear you saying. “Look at all the text that’s cut off! How can we put posts in that? No one will be able to read them!”

That’s one of the problems with circle themes: because of the rounded borders, the actual space you can give to posts is reduced by quite a lot. I mean, think about how much of the div you’re actually cutting off by changing the border-radius!

Never fear: there’s a fix.

Let’s add another div into the mix, inside the .posts div. Let’s assign the third div the class .fixit.

Here’s what your HTML might look like now:

<div id="bg"><div class="posts"><div class="fixit"></div></div></div>

What do we want to fix by adding this div? What we need is to pull the content of the div away from the sides of the .posts div. Let’s try doing that by assigning .fixit a width of, hmm… 400px?

  .fixit {
    width:400px;
  }

Oops! We want our posts in the middle of the circle, not all the way to the left, where they’re still cut off by the rounded corners. Let’s add margin:auto; to our CSS, a quick way to center a page element.

  .fixit {
    width:400px;
    margin:auto;
  }

That’s part of the problem solved! Posts are no longer cut off on the left and right–but what about the top and bottom?

What we need is to add a space between our text/posts/etc. and the top and bottom of the .posts div. Let’s do that by adding a margin-top and a margin-bottom! (These don’t do anything to affect margin:auto–the div will remain centered.)

  .fixit {
    width:400px;
    margin:auto;
    margin-top:100px;
    margin-bottom:100px;
  }

Now there’s a space between your posts and the rounded edge of the top and bottom of the div. Anything that might be cut off can be revealed as you scroll.

Speaking of scrolling! Because I have a Mac, as you can see in the gif, scrollbars aren’t always immediately visible. When it does appear, though, it’s ugly, and kind of ruins the illusion of the circle. The way I personally solve this problem is to use CSS to make the scrollbar transparent:

::-webkit-scrollbar{
    width: 0px;
}

::-webkit-scrollbar-thumb{
    background:transparent;
}

::-webkit-scrollbar-track{
    background-color:transparent;
}

You may choose to do something different with the scrollbar! This is just my fix.

Here is our completed sample code:

<style>
  body {
    background-color:#808080;
  }
  #bg {
    background-image:url(http://i.imgur.com/ImRMZv4.png);
    position:fixed;
    height:700px;
    width:700px;
    left:0px;
    top:0px;
  }
  .posts {
    height:515px;
    width:515px;
    border-radius:50%;
    position:absolute;
    left:77px;
    top:73px;
    overflow:scroll;
  }
  .fixit {
    width:400px;
    margin:auto;
    margin-top:100px;
    margin-bottom:100px;
  }
</style>
<div id="bg"><div class="posts"><div class="fixit">YOUR POSTS GO HERE</div></div></div>

Here are some examples of themes I’ve made that use circle containers, so you can see this in action:

( theme )

( theme )

I hope this was helpful, anon! Please let me know if there’s anything else I can help you with!