pop-up-ask

How to Use BTS Official Shop (Credit Card & Paypal)

Firstly, make sure you’re using a PC computer (preferably Internet Explorer) and that you have the payment plugin installed. It’ll prompt you to install the first time you check out, so just install it and that’s how your payment will be processed.

Credit Card Payment

1. After entering your address, click 결제하기/Check Out.

2. Select “신용카드” (the 2nd radio button), tick the checkbox to agree to the terms & conditions, and click 결제하기.

3. You’ll get a pop-up that asks you to re-confirm the payment terms and conditions, so tick that checkbox as well and then click “Next.”

4. All of the credit cards on the main menu are Korean, but if you choose the “Other Card” drop-down menu it gives options for Visa and Mastercard. Choose you card type.

5. Enter your credit card number and expiration date and click “Next” again.

6. You’ll get a “processing” popup from your credit card company, followed by a screen that asks you to confirm the details of your payment, tick another agreement box, and then click “Send Order.” After you click “Send Order,” you’re done!

Paypal Payment

1. After entering your address, click 결제하기/Check Out.

2. Select the Paypal payment button (the 3rd radio button this time), tick the checkbox to agree to the terms & conditions, and click 결제하기.

3. A pop-up from Paypal will come up, showing your payment details and asking you to log in. Enter your Paypal login information and log in.

4. Confirm your payment information. Don’t worry if your shipping address doesn’t match what you put in the website–the Official Shop prioritizes the address you enter at checkout on their website, not on Paypal. Click “Pay Now.”

5. Your payment is complete! Click “Continue” to be redirected to the BTS Official Shop website and see the details of your payment.

  • i imagine myself looking at you and seeing nothing. there's no fire in your gaze and you've changed so much, you barely look human. your voice is plain, you choose topics that bore me to death. you know nothing about this version of myself and maybe you don't want to know me anymore.
  • this could be fine, but i can't forget how one year ago i promised to be yours forever. at least i am the one to keep my promises until the end.
*lengthy drawn out sigh goes here*

Hey folks, so in case you didn’t notice, I’ve been basically absent from the rp scene lately (those of you precious babs who have been waiting on responses from me sure have ;-; )

First of all, I’m sorry to everybody waiting: my muses have been stubborn as hell, and my anxiety and sleep issues have kept me from posting a lot lately, as well as an abundance of every rper’s worst nightmare:

Real Life.

So, for the record, yes I’m alive, yes I still love all of you, yes I’d LOVE to pick up any rps and asks left stagnant when I’m able to come back. Yes, I’m being semi-selective, and yes I may indulge in likes and reblogs (neither take any effort or time and are basically never gonna stop). Yes I will come back.

I love Destiny, I love this community, and I love the friends I’ve made here. I’m not leaving them.

So I’m still alive, and I’ll try to be as active as I can, but no promises. I clearly can’t keep them. I’ve been super artsy lately, so I’ll try to get some pics out and drawn of you guys ocs (late Crimbus gifts? Idk) and some of mine.

Special shout outs to my friends @blade-dancing , @ask-vesta-zila, @theawokenguardians, @azatheincrediblygayhunter, @theforgottensentinel, @razorbeard, @striker-lysander, @rays-art-rp : you all are wonderful rpers and I love you all. I’ll be trying to get updates for you as much as I can. Sorry it’s been such a struggle with me lately. ;_;

Special shout out to these other peeps: @reborninlight, you’re a wonderful person, and I hope you feel better sooner than later. Keep your head above water.
@lionalkilliganmkii, I may never have rped with you, but I love lional, and when I get active again I’d love to rp with you and the Fireteam sometime. You are probably one of my most frequently fav’d tumblrs. XD
@nightpiercer, the same goes for you as did Lional; I love seeing your updates, they always brighten my day. Love to rp with you too.
@apexai, love your art to death, keep it up ~
@awokenladiesafterdark , Best Destiny Porn anywhere. Seriously, keep it up. It’s lovely. My mornings consist of cereal, orange juice, and nodding my head appreciatively to well made smut. Never never stop. X3

In short: I’m alive, love you all, keep on keeping on and I’ll be lurking until life let’s me actually do shit again. XD

SEE YOU STARSIDE, GUARDIANS.

Theme #1- Layover

So this is my first ever theme that I’m putting up for release. I’m hope you guys enjoy it. Thanks to @mattdraddario for the base code and @ciralism for the review.

Features

  • Pop Up Askbox (credit to @htmlthemecodes​)
  • 150x150 Circle Sidebar Image
  • Icons along with link in sidebar
  • 500px posts
  • Shadows on both Sidebar and Posts
  • Pagination
  • Works best white but black could also work as a background

Guidelines

  • Don’t use a base…just used the original one
  • Personalizing is great but please keep the credits on the page and in code
  • Have fun!
  • Please report any issues to me!

static preview//code

below is how to use the pop up ask

Keep reading

one time a friend of mine programmed a thing called “coke.exe” and all it did was bring up a little pop-up that asked you if you were thirsty for cola and if you clicked “yes” it opened your CD tray and said “here is a cup holder”

2

THEME :OVERDOSE 
Static preview // Download

This theme is in celebration of EXO's comeback "Overdose"
  • 250/400/500 post size
  • Sidebar image shuffle
    (up to three images that will be on shuffle)
  • Logo image in top bar
  • description (long descriptions look best)
  • Title (keep it short, down to 1 word)
  • 4 extra links
  • Show caption Option
  • Popup ask Option
  • Infinite Scroll Option
  • Notes/ Tags / Reblog on posts
  • Customizable colors and backgrounds
EXO LOGO - [X] You can change the color in PS (thanks to my wonderful followers)
Background images from - Starious
POP UP ASK TUTORIAL!!

ok so ive been getting a lot of questions on how to do the pop up ask so i made a tutorial for you guys!!!

1. paste this code under <head>

2. paste this code before </style>

3. past this code under </body>

4. now in the <div> tags find <a href=“/ask” and replace that tag with this code 

it should look like this when youre done

also you MUST put your url in the 3rd code for it to work!!!!!

if you have any troubles or need help with anything else just come ask! i am more than willing to help you!!

2
THEME #7 SUOMI

static preview | pastebin | freetexthost

features:

  • 500px posts
  • 70x70px sidebar image (keep it square!)
  • pop up with 4 custom links
  • pop up ask box (don’t forget to add your url!!!)
  • tooltips
  • hover tags option
  • if you have any questions, feel free to ask away :)

if using, please like/reblog and follow the rules (ノ◕ヮ◕)ノ*:・゚✧

click here for more themes!~

misscapaldi asked:

hey Marcie how did you get the ultra-cool popup pages for your message/navi? I've been trying to find a good tutorial but dammit none of the codes are working for me and I can't write javascript :/ did you get the codes off of a certain tutorial? thanks in advance ;)

Hello dear! I actually built my pop up pages through a combination of different tutorials and examples I saw around Tumblr, most of which can be rather confusing. So I am gonna go ahead and explain the way I did it. Please let me know if at any point you get confused!

Keep reading

Background images in pop ups

In reference to this tutorial and/or this tutorial.

For an image as the background behind the pop up:
Example:

1. From the code in step 2 of the tutorial, find background:#000; (as shown below):
 

2. Then replace it with this code:
background-image:url(“URL OF BACKGROUND IMAGE”);

You can get the url of the background image by right-clicking on the background you want to use and selecting ‘copy image address’. For example:
background-image:url(“http://slowbuddy.com/wp-content/uploads/2012/04/PowerPoint-Background-Pale-Pink-Rust.jpg”);



For an image as the background inside the pop up:
Example:

1. From the code in step 2 of the tutorial, find background:#fff; (as shown below):

2. Then replace it with this code:
background-image:url(“URL OF BACKGROUND IMAGE”);

You can get the url of the background image by right-clicking on the background you want to use and selecting 'copy image address’. For example:

background-image:url(“http://slowbuddy.com/wp-content/uploads/2012/04/PowerPoint-Background-Pale-Pink-Rust.jpg”);


Please ‘like’ this tutorial if it was helpful! x

How to have Multiple Pop Up Boxes

For more animations click here
To add a background click here
To add a fade background click here

Paste this code under your <head> tag

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
// 
$('a.poplight[href^=#]').click(function() { 
var popID = $(this).attr('rel'); //Get Popup Name 
var popURL = $(this).attr('href'); //Get Popup href to define size 
var query= popURL.split('?'); 
var dim= query[1].split('&'); 
var popWidth = dim[0].split('=')[1]; //Gets the first query string value 
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>'); 
var popMargTop = ($('#' + popID).height() + 80) / 2; 
var popMargLeft = ($('#' + popID).width() + 80) / 2; 
//Apply Margin to Popup 
$('#' + popID).css({ 
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft 
}); 
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) 
return false; 
}); 
$('a.close, #fade').live('click', function() { 
$('#fade , .popup_block').fadeOut(function() { 
$('#fade, a.close').remove(); //fade them both out 
}); 
return false; 
}); 
}); 
</script>

<style>
#fade { /*--Transparent background layer--*/
    display: none; /*--hidden by default--*/
	background: #fcf; /*--Other Stuff Background Color--*/
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	
	-webkit-animation: fly 3s linear  normal ;
	-webkit-animation-duration: 3s;
	-moz-animation: fly 3s linear  normal ;
	-moz-animation-duration: 3s;
	animation: fly 3s linear  normal ;
	animation-duration: 3s;
    
	display: none; /*--hidden by default--*/
	background: #fff; /*Pop Up background Color*/
	padding: 20px; 
	border: 20px solid #ddd; /*--Border color and width--*/
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -5px -5px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
</style>

Now paste this code right BEFORE your </body> tag

Click here for the ask box code to insert if you want a pop up ask
Click here for styled ask boxes code

Click here for the submit box to instert 

<div id="02" class="popup_block">

<a href="http://everythingtumblr.4lison.com/">Pop boxes by {Everything} Tumblr</a><center>YOUR POP UP STUFF HERE</a></div>
<div id="03" class="popup_block">
<a href="http://everythingtumblr.4lison.com/">Pop boxes by {Everything} Tumblr</a><center>MORE POP UP STUFF HERE</a></div>


</div></div></div></div></div></div></div></div></div></div>

Now paste these codes where you want your pop up links to be

<a href="#?w=500" rel="02" class="poplight">Pop Up Box 1</a>
<a href="#?w=500" rel="03" class="poplight">Pop Up Box 2</a>

Now to add even more pop ups, just copy the codes and change the div id # and the rel # for each box you add!

Pop up links and ask tutorial by lchiban

~*PLEASE FOLLOW THE STEPS CAREFULLY*~

Pop up links and ask boxes are as hard as they look, I wish there were an easy way that I knew of but sadly there isn’t, but I will explain it as easily as possible for you as I can. I’ve divided the codes into 4 sets on Paste Bin so it doesn’t look so long and scary on here

All right, to start off, add this code AFTER <head>

Then paste this code AFTER <style type=“text/css”>

Now, paste this code BEFORE </body>

To make it an actual link in your sidebar, instead of using the usual a href code, use this code instead

~*FOR POP UP ASK BOX + FAQ (IF WANTED) FOLLOW THESE STEPS*~

Following the same steps above, except instead of using #3 coding, use this code instead

~*IF YOU’RE NOT USING ONE OF MY (lCHIBAN) THEMES, FOLLOW THESE STEPS FOR COLOURS*~

As you know, every theme makers coding is different, so the colours used in this tutorial are colour codes for my themes (Example: {color:Post Link};)

To change the colours to your theme codes colours, you can do it two ways

You can either do it manually, meaning going to #2 code and find h2 { and h2 a { and changing {color:Post Text}; and {color:Post Link}; to the actual HTML colour code by using colorpicker.com

-OR-

You could change {color:Post Text}; and {color:Post Link}; to your themes colour code (Example: {color:Sidebar Text} -or- {color:Text} etc etc)

It will take some time to work for beginners, it’s not an easy thing to do, it was even hard for me to get the hang of it! But I hope I helped and explained it as easy as I could because I know a lot of people were waiting for me to make a tutorial!

POP UP ASK BOX/LINKS .
  1. Copy and paste THIS code below between <head> & </head> tags.

  2.  Paste THIS code under <style type=”text/css”> , or above the </style> tag  

For Pop up ask box —————————————————————————————————-

  1. Paste THIS code after </body> tag.
  2. Change the code of your “ask” link to THIS code.NOTE: change “ask me” to whatever you want your ask title to be  

     
                                                           Then save and close. 

For Other Pop up Links ——————————————————————————————————

  1. Paste THIS code after the </body> tag
  2. Paste THIS code after the ask link, or where you find the other links   

                                  ** if the code not working, move the code right BEFORE </body> tags
1 month ago

Pop up ask box! [close buttons]

       

External image
 
External image
 
External image
 
External image
 
External image

Right click & get the image url & place it in the highlighted part of the code:

P.S. These close buttons are not mine. 

Pop up ask

1. Copy THIS CODE and paste it before </head> or after <head> in your theme code (use Control F to find it).

The url highlighted below is for the close button. You can change what it looks like by replacing the highlighted URL with another image URL. If you want the url of one of these close buttons, right click on the button you want and click ‘copy image url' and paste it into the code.

External image
External image
External image
External image
External image
External image
External image

External image

2. Paste THIS CODE before </style> or if you can’t find that, put it after <style> or <style type=“text/css”>

The codes highlighted below are the colours of the pop up box background and the border, you can change them if you like using this website.
 

3. Find your ask link. It can be tricky to find for some people, but you have to replace it with THIS CODE.
It might look like <a href=“/ask”>ask</a> or <a href=“/ask”>message</a> or <a href=“{text:Link one url}”>{text:Link one}</a>
Message me for help with step 3 of adding a pop up ask box if you can’t find it.
You can change 'MESSAGE’ to whatever you want the title of the link to be.

4. Paste THIS CODE after </body> in your theme code.
If you want to add an faq to your pop up ask box, find <center> and put your faq directly after it. Then, add <p> directly after your faq.


Please 'like’ this tutorial if it was helpful! x

Adding a cool whole page faded background to a pop up box

Here are the instructions for making a pop up box

Find the #fade css code.
(you can do this by press ctrl+f and searching “#fade”, make sure you are looking at the css code and not java script)

Now look for the background: #fcf; code

Now replace the #fcf; or hex code with the code below,
Don’t forget to include your own image url of the background of your choice

	background: url(YOURIMAGEURL); /*--Other Stuff Background Color--*/
    background-size: 100%; 100%;
3

THEME 5 - Special. by ILOVEPACKSS

RULES
Like if use;
Do NOT repost or claim as your own;
Do NOT use as base;
Do NOT remove the credit;
You can edit, but just for your personal use!


FEATURES
240X670px sidebar image;
500px posts;
One column;
5 custom links;
Pop Up Links;
Pop Up Ask;
Tooltip;
Tiny Cursor option;
Appearance.

preview - code

don’t forget to change (YOURURL) for your url, otherwise the ask won’t work!