hi, how can you add an ask box to your faq page? i hope you'll answer. thank you! :'>
Hello! You just have to add these codes on your faq page:

seen from Malaysia
seen from China
seen from United States
seen from Indonesia

seen from China

seen from Macao SAR China

seen from United States
seen from United Kingdom

seen from Ireland
seen from United States

seen from United Kingdom

seen from United Kingdom
seen from China

seen from United States
seen from United States
seen from United Kingdom

seen from United Kingdom
seen from India
seen from Türkiye

seen from United States
hi, how can you add an ask box to your faq page? i hope you'll answer. thank you! :'>
Hello! You just have to add these codes on your faq page:

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch ⢠No registration required ⢠HD streaming
Styled Ask Boxes
15 Styled Ask Boxes!
Get your ask boxes to look like those below (actual screenshots)
Copyrighted by 4lisonwonderland,Ā distributionĀ or use without credit is a breach of terms and services
Pick the ask boxes below, click on the picture for the code, and paste the code where you want the ask box to be (i.e. sidebar, popup ask, ect)
IMPORTANT: Replace the part of the iframe code that says everythingtmblr, with your username,Ā Not the credit part, because that will mess it up, but the one in <iframe>Ā
Adding a scroll box to your faq
Alot of people have their faq in a scroll box above their ask, this is how you do it.
(if you are using this for a pop up, i will add a bit of additional info for you at the end)
Add this code to your <style type="text/css"> tag or <style> tag
.scroll{ text-align:center; padding:5px; width: 100%; /* width of scroll box */ height: 400px; /* height of scroll box */ background-color: #fff; /* background of box */ border-color: #000000; /* border color of box */ border-width: 1px; /* border width*/ border-style: solid; /* border style */ color: #00000; /* TEXT color */ font-size: 10px; font-family: Arial; overflow: auto; } /* ---------------------------------- Scroll bar code ---------------------------------- */ .scroll::-webkit-scrollbar { height: 2px; width: 15px; background: #ffffff; /* Scrollbar background color */ } .scroll::-webkit-scrollbar-thumb { background-color: #6CC; /* Scroll bar color */ border:1px solid #fff; -webkit-border-radius: 5ex; /* delete if you want square */ -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75); } .scroll::-webkit-scrollbar-corner { background: #transparent; }
Now add this code into your faq
<div class="scroll">Your faq stuff here, add <br> to add line breaks in the text</div>
If you are using a pop up ask box,
add the code above right above your <iframe> code
Making an Faq/Ask
Paste this code under the <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(''); 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(' '); $('#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>
Paste this code under the <style type="text/css"> tag
#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: #fff; padding: 20px; border: 20px solid #ddd; 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; }
Now paste this code under your </body> tagĀ
Replace YOUR FAQ STUFF HEREĀ with your faq
To get different lines in your faq do
<center>Text</center> <center>More text</center> <center>And even more text</center> Under YOUR FAQ STUFF HEREĀ
<div id="02" class="popup_block"> <Center><font size="3" color="#1C1C1C">YOUR FAQ STUFF HERE<p></font> <iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"> </center></div> </div></div></div></div></div></div></div></div></div></div>
Replace your /ask code with this
<a href="#?w=500" rel="02" class="poplight">ask me</a>
Slide Out Ask (from the side)
Ā© This code belongs to 4lisonwonderland and publicĀ distributionĀ or use with out credit is a breach of the terms and services
Live View
Put this code under your <style type="text/css"> tag
#slideinnav{ margin-top: 40%; position: fixed; right: -32%; height: 30%; width: 30%; overflow: hdden; background-color: #fcf; -webkit-transition: ease-in-out 2s; -moz-transition: ease-in-out 2s; -o-transition: ease-in-out 2s; padding-left: 5%; padding-right: 2%; border: 2px dashed #000; border-radius: 10px; } #slideinnav:hover{ transform: translateX(-80%); -webkit-transform: translateX(-80%); -moz-transform: translateX(-80%); -o-transform: translateX(-80%); transition: ease-in-out 2s; -webkit-transition: ease-in-out 2s; -moz-transition: ease-in-out 2s; -o-transition: ease-in-out 2s; }
Now put this code under your <body> tag
<div id="slideinnav"> <div class="title">Ask</div> <Center><iframe frameborder="0" scrolling="yes" width="93%" height="180" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe> </iframe></Center> </div>

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch ⢠No registration required ⢠HD streaming
How to place your ask box on your sidebar, at the end of a page, or anywhere else.
Just insert this code whereever you want it to be.
<iframe frameborder="0" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="300"/></iframe>
Pop up ask code to put in your own background and header!
This is the code to put in your theme to have a pop up ask where you can choose your own pop up ask, header, and header text (i.e. ask my anything, read my faq)
Step one, find the meta options in your theme by searching āMetaā and you should find a block that looks like this
After you have found that, add the following codes to it
<meta name="image:AskBackground" content=""/> <meta name="image:AskBanner" content=""/>
<meta name="text:AskHeader" content=""/>
Ā Now after you have put those codes in, if you go to yourĀ appearance tab, you should see the options are now there
Now do not upload or do anything to these just yet, because we have to add a few more things first
Now you have to paste the following code under the <head> tag
</script> <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>
Now find the <style type=ācss/textā> tag Note: If you are using the Narnia theme, you do not have this tag. Just add it in the EXACT tag in the <head> section, then the code below, and then </style> at the end. If you do not add </style> at the end, your coding will be completely messed up
.popup_block{ display: none; background: {color:askcolor}; background-image: url({image:AskBackground}); padding: 10px; font-family: Garamond; float: left; font-size: 10px; position: fixed; top: 50%; left: 50%; z-index: 2; border: 2px solid #363636; -moz-box-shadow: 0 0 5px #CFCFCF; -webkit-box-shadow: 0 0 5px #CFCFCF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } img.btn_close { float: right; margin: -5px -5px 0 0; } *html .popup_block { position: absolute; }
Now we are almost done. Now just find the </body> tag and add the following code under it. Note: If you do not have a </body> tag, then just add it to the bottom of your theme code Ā
<div id="02" class="popup_block"> <Center><p><IMG SRC="{image:askbanner}" ALT="Ask Banner" width="400" height="80"></p> <font size="5" color="{color:text}"><p><small><small>Pop up ask by 4lisonwonderland</small></small></p><p>{text:AskHeader}<p></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/YOURTUMBLRUSERNAME.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"> </center></div> </div></div></div></div></div></div></div></div></div></div>
IMPORTANT:Ā Replace YOURUSERNAMEHERE with your tumblr user name, or else the ask box will not appear
Last step, find your ask code, by searching {askenabled}, /ask, message, ask me anything, ask, ect. And then paste this code to replace it Ā
<a href="#?w=500" rel="02" class="poplight">ask me</a>
And now we are done, and you can start customizing!
Note: If you are still confused, i have a video tutorialĀ posted here
Tutorial to help you install your ask box
For those of you having trouble installing the ask box, here is a simple tutorial that should help you
NOTE: to find the elements you need in your code use ctrl+f (cmd+f on a mac) to search for it
Go to your custom html
Search for the <head> tag
Paste the first code directly under the <head> tag
Ā Find the <style type="css/text"> tag
Paste the second code directly under it
Now find the </body> tag NOTE: Some themes do not have it, just add it at the VERY END of your theme code
Paste the code after the </body>
Now after you pasted the code it should look like this
Now replace whenyourinwonderlandd with the your tumblr name EXACTLY. Like this
Now replace your ask code. The orginal code that you are going to replace will look like this Try searching <a href="/ask"> to find it, or just ask, and keep on searching until you find a code similar to this one
Ā Now replace it with the last code. After it should look like this.
NOTE: Replace Ask me with whatever you want the title of your ask to be. Like Message, or ask me questions, ect.Ā