Discover Top Posts Tagged with #pop up ask tutorial

hey what code did you use for the pop up ask box?

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

Now paste this directly UNDER CustomCSS

#fade { /*--Transparent background layer--*/display: none; /*--hidden by default--*/background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index: 9999;}.popup_block{display: none; /*--hidden by default--*/background: none;padding: -10px;border: 0px solid #f2e7e2;float: left;font-size: 10;position: fixed;top: 55%; left: 55%;z-index: 99999;/*--Making IE6 Understand Fixed Positioning--*/*html #fade {position: absolute;}*html .popup_block {position: absolute;}

Now find your ask link and replace it with this

INSERT ASK LINK NAME HERE

Finally add this code under which is usually at the very bottom of your coding

INSERT ASK TITLE

I hope you found it useful if you need any help just ask me :3

#pop up ask #pop up ask tutorial #hope you find it helpful!#allisonargens

Where did you get your updates codes? It's awesome :o

i found the tutorial for pop up ask hereeeee

and then i did some editing so this will be difficult to explain ok:

first of all, follow the steps for a pop up ask (it’s the same code) and make some adjustments.

The last part of the pop up ask, where you have to replace your ask code, instead make it one of your links. it should look like this:

ok so if you’ve followed all the steps in the pop up tutorial, there might be something like this in the second bit of coding:

this is the code for putting your ask on a pop-up page

delete it.

and then were it says ‘faq stuff here’ (above the code i told you to delete) you can fill in your updates

hopefully that’s everything c: if it went wrong or you have any more questions let me know because that was a terrible explanation

#updates tab tutorial #pop up ask tutorial #nonny

can you please explain how do you make a ask with faq pop up?

i’d probably be pretty bad at explaining coding myself, but i found the tutorial hereeeeee. if you have any questions about it let me know and i’ll try and answer them for you c:

#pop up ask tutorial #answered #stilinskhi

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!!

#pop up ask #pop up ask box #pop up ask tutorial #pop up ask box tutorial #tutorials

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.

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

#pop up #pop up ask #pop up ask tutorial #pop up tutorial #html #tutorials #html tutorials