Easy Html Tutorials

Stats

/

Notifs

Due to my lack of time for being online I can't answer questions anymore, but please use these tutorials to help you create a beautiful blog!

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
Adding Backgrounds to a Pop Up

*This tutorial is for use with this Pop Up tutorial

To have a background inside your pop up window (Live Preview), find .popup_block in your html code. Look for background:#fff; delete it and add: background-image:url(‘url of the image’);

image

To change the background behind a pop up box (Live Preview), find #fade in your html code, and then look for background:#000; delete that section of the code and replace it with: background-image:url(‘url of the image’);

image

Update the preview before you save to make sure it looks the way you want! 

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

Monday, July 22, 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