Easy Html Tutorials

Stats

/

Notifs

Complete blog makeover (1/22/2014) Send me your thoughts!

The results are in! Look here to see the survey responses.

NETWORKS

Support Me
Support easy-html-tutorials! If you enjoy my tutorials, consider adding one of the following to your blog!

Easy Html Tutorials
Scrollbar in Pop-Ups!

For a customizable scrollbar in your Pop Up windows:

Paste this code before </style> or after <style type=”text/ccs”>
Then, go to your pop up in your html (should be near the bottom) and add:

<div class="scroll">

Then before the end of your pop up code add </div> It should end up looking like this: (however the number you have after div id may be different)image

To customize the scrollbar:

  • Change the colors of all the different sections.
  • Change the border to “dotted” or “dashed” and change the size of the border. 
  • Change the font-family to match your theme and change the font-size. 
  • You can also change around the sizes of the scrollbar. 

Please *LIKE* this tutorial if you found it helpful!

Tuesday, July 16, 2013
Popup ask/fask

Live Preview!

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. 

imageimageimageimageimageimageimage

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 or the more tab on our blog.
image 

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 LOOK HERE BEFORE ASKING QUESTIONS ABOUT THIS TUTORIAL! IT MAY HAVE BEEN ANSWERED!

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

Sunday, July 14, 2013
Scrollbar in Pop Ups

For a default scrollbar (meaning you can’t change how the scrollbar looks in your pop up box) 

Paste 

width: 300px; 
height: 400px; 
overflow-y:scroll;
overflow-x:hidden;

under .popup_block{

Sunday, July 14, 2013