1259 Subscribers and Counting!!!

Few days back, Atul from Ocean of Web left a comment at How to Block Visitors from specific IP using .htaccess hack.

This is what he asked :

Hi Nihar
Make sure you backup .htaccess file before you making any changes.

for this line in red color box with cross mark, are u using any plugin for this

You can check the comment here

In above post where he left the comment, I have put the following:

Make sure you backup .htaccess file before you making any changes.

Today, i am going to share the CSS and images and also tell you how you can add these Custom Paragraphs or Sentences to highlight them in your Blog post

How to add Custom Paragraphs or Sentences in your Blog post

1. First open your Theme's style.css file and then copy the below CSS snippet at the end of the file. Note: all themes doesn't have css filename as style. So, check accordingly.

   .info {font-size: 11px;color: #191919;background: #ebe9ce url(images/info.gif) no-repeat 5px center;font-family: Verdana, sans-serif, "Courier New";line-height: 125%;margin: 10px 0px 0px;padding: 12px 12px 12px 25px;display: block;font-weight: 400;width: 80%;border-top: 2px solid #DAD6A5;border-bottom: 2px solid #DAD6A5;}
   .warning {font-size: 11px;color: #191919;font-family: Verdana, sans-serif, "Courier New";line-height: 125%;background: #e3aeae url(images/warning.gif) no-repeat 5px center;display: block;margin: 10px 0px 0px;padding: 12px 12px 12px 25px;font-weight: 400;width: 80%;border-top: 2px solid #D68585;border-bottom: 2px solid #D68585;}
   .download {font-size: 11px;color: #191919;font-family: Verdana, sans-serif, "Courier New";line-height: 125%;background: #d5ecd5 url(images/download.gif) no-repeat 5px center;display: block;margin: 10px 0px 0px;padding: 12px 12px 12px 25px;font-weight: 400;width: 80%;border-top: 2px solid #A9D8A9;border-bottom: 2px solid #A9D8A9;}
   .alert {font-size: 11px;color: #191919;line-height: 125%;background: #FFE5BF url(images/alert.gif) no-repeat 5px center;font-family: Verdana, sans-serif, "Courier New";display: block;margin: 10px 0px 0px;padding: 12px 12px 12px 25px;font-weight: 400;width: 80%;border-top: 2px solid #FFC46A;border-bottom: 2px solid #FFC46A;}
   .note {font-size: 11px;color: #191919;font-family: Verdana, "Times New Roman", Times, Georgia, serif;line-height: 125%;background: #eaf2f5 url(images/note.gif) no-repeat 5px center;display: block;margin: 10px 0px 0px;padding: 12px 12px 12px 25px;font-weight: 400;width: 80%;border-top: 2px solid #B7D2DD;border-bottom: 2px solid #B7D2DD;}
   .click {font-size: 11px;color: #191919;font-family: Verdana, "Times New Roman", Times, Georgia, serif;line-height: 125%;background: #fcfbed url(images/click.gif) no-repeat 5px center;display: block;margin: 10px 0px 0px;padding: 12px 12px 12px 25px;font-weight: 400;width: 80%;border-top: 2px solid #F2EDB0;border-bottom: 2px solid #F2EDB0;}

2. Now, if you check the above css code. It is using some images. Below, i am providing the images.zip file. Please download it and upload it in your THEME DIR/images/ directory. If you don't see images directory under your THEME directory, then create one and extract the images from the images.zip file.

   Download Images for above CSS code

(more...)