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. Continue reading Create your own WordPress theme from scratch [Part 3]

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.

basic wordpress theme layout

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.

That css page adds the description and info about theme to wordpress dashboard, that code basically works as theme description. Now, you can see that your new theme is available to be activated from dashboard. Don’t activate it yet, as there no other files in the folder except for the style.css page. Continue reading Create your own WordPress theme from scratch [Part 2]

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 styling, Continue reading Create a side hover menu for your site with pure 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

Another Simple Looking Co-operative Website PSD Template[Release].

Here is another Template.

Click Here to Download.
http://www.mediafire.com/?9g2j37dqt9k918b
http://wisnewriters.deviantart.com/art/Another-Simple-Looking-Co-operative-Website-PSD-321947273

[Free] Another Dark, Elegant Music Web Template For Download.

Here is another Free Web template for Download. Very suitable for a Music site. Fonts are Free for commercial use, so need not to worry. Every Single bit is customizable. Check it out.Black Music Web Layout , Design, Psd, Freeclick here to download.