Category Archives: PROGRAMMING

How To Rewrite URL’s || The Basic Concept

Having simple and clean URL’s will add an advantage to your website. It helps search engines to understand the content of your website easily. Creating meaning full URL’s allow user’s to search the content on your website easily. URL rewriting plays a major role in producing dynamic sitemap (where sitemap.xml will be mapped to sitemap.php which produces sitemap dynamically). Now, it is possible to submit sitemap.xml to google rather submitting sitemap.php which is not possible. URL rewriting method is different for different type’s of hosting.

Dynamic Pagination Plugin For PHP Scripts

          I was recently engaged with a PHP application where dynamic pagination is needed. I faced many problems and took much time to build dynamic pagination function. If you are a person who involved in developing a site with pagination, here is the right plugin. Don’t waste your time by building it from scratch. Here, I have provided the function and methods to use. The script is user-friendly and allows you to style as you need.

JavaScript | Get The Position Of Character In A String

          We are going to use “string.indexOf()” method to get the position of a character in the given string. The above syntax can also be used to check whether a character is present in the given string. The “string.indexOf()” method return’s the position f the first matching character. If the character is not found in the given string, it returns “-1” and thus we can use this syntax to check whether a character is present in the given string. Let’s move on to the function.

Background Image For Select Box Does’n Work In Google Chrome

Have you tried setting background-image or transparent color for select box in Google chrome 2.0. It doesn’t work since there is a problem with 2.0 version. You can try  out an example here: http://jsfiddle.net/JeaffreyGilbert/PbYFT/

HTML – How To Make Round Edged div’s

Hi Folks!!,
          Here is a post about making div’s edge’s into rounded one’s. There are inbuilt libraries in some browsers like IE9 and greater than that which allow us to build very attractive web pages. There is another method of making rounded edged div’s in which edges are managed by inserting images. But using the inbuilt attributes is the easier one to create round edges.
      Let’s have a look at these attributes:
  
            border-radius:25px; //IE 9
            -webkit-border-radius:25px; //Chrome and safari
            -moz-border-radius:25px; //Mozilla
            -o-border-radius:25px; //Opera
          Above I have mentioned Radius attributes based on the type of browser’s. By applying the above attributes  on a div, Its border radius will be set to 25px.

How To Hide Navbar In Blogger

          Hiding navbar may give a professional look to your blog than showing it. Here, the question is about “How to hide the navbar?”. Its possible by adding css “margin” property to your template’s body element. Here, I will show you how to do it.

1. Login to your blogger account and select “design” tab.
2. Under “design” tab select “edit HTML”.

3. The templates code may be big and its difficult to find a line manually, so you can use browsers “find” tool to find a line.
4. In that code, You need to find the below lines first.

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

5. After finding the above lines, add a property “margin-top: -30px;” to that list. After adding, the code appear’s as shown below.
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
  margin-top: -30px;
}

6. Now, preview your blog and save the template. That’s all to do to hide your blog’s navbar.
Enjoy the tip…
Note: Before editing, Please backup your template.

How To Create Horizontal List Without Bullets

          Horizontal lists are mainly used for creating tabs in menu bar. Creating tabs in your website provides easy navigation for the visitors. To create tabs, you need to create list with links horizontally and with no bullets.

          First, we need to create a list with necessary links, Then we need to overwrite the ul and li tags as shown below.
ul {
  list-style-type: none;
}

ul li {
  display: inline;
}

          The attribute “list-style-type: none” makes the list with no bullets, and “display: inline” makes the list appear horizontally.