Working on FIW.ME!

We are currently working on fiw.me a next generation URL shortener!

Category: Downloads

Create your own WordPress theme from scratch [Part 3]

In last part we have coded index.php and header.php,  here we will code content.php, this page will display the posts and search results, and posts under categories, pages , etc. here is the code for content.php

The above code looks to0 complicated, let me break it for you line by line.

Create your own WordPress theme from scratch [Part 2]

Here is a basic theme idea, how the things are gonna be arranged in the theme. First, create a empty folder in wordpress’s main directory -> wp-content -> themes, name the new folder as testtheme. Now create a new css style sheet named style.css and add the below code to it and save it to empty folder of theme.

Create a side hover menu for your site with pure CSS

Create a nice and attractive side hover menu for your website with pure CSS. It will let you store menu items in it and only show when user move the mouse towards any edge of the screen. Here I am creating a left-sided menu. Lets first prepare a HTML page with menu,  

Now lets start playing with css…

Make Horizontal list with CSS/HTML

Here is how we can make a horizontal list with CSS(Cascading Style Sheet) and HTML (Hypertext Markup Language). Lets first prepare a HTML code for list.

Now is CSS style sheet attached to it :

The “float : left ; ” is the main line which makes lists align side-by-side.

CSS3 : Rotate property

Now CSS3 enables to rotate any elements in webpage as much as you want. just add these attributes to elements