100 + Free WordPress Themes 2014

When I was browsing for latest wordpress themes in internet, most of themes I found are old. Even though the websites says “Latest”, “2014”, etc. most of the themes they are listing are old. I got sick of this and decided to collect my own list of new WordPress themes of this year. Below I am sharing them with you. I hope you find it useful.

What is WordPress Theme?

Word press Theme is a collection of php file that combine to produce graphical and unified design for weblog.  It allows user to change the look of site, without changing the underlying software.  It has image files (.jpeg/.gif), style sheets (.css), custom pages and necessary code files (.php).  wordpress.org has a WordPress Theme Directory for free themes downloading.

themify-wordpress-theme

tracks-wordpress-theme

link-wordpress-theme

tdpersona-wordpress-theme

forceful-lite-wordpress-theme

carrot-lite-wordpress-theme

fictive-wordpress-theme

make-wordpress-theme

quality-wordpress-theme

pictorico-wordpress-theme

forefront-wordpress-theme

Solon-wordpress-theme

minamaze-wordpress-theme

accelarate-wordpress-theme

hueman-wordpress-theme

Pilot-Fish-wordpress-theme

Circumference-Lite-wordpress-theme

Fifteen-wordpress-theme

News-Flash-wordpress-theme

papercuts-wordpress-theme

advertica-wordpress-theme

anew-wordpress-theme

Spacious-big-wordpress-theme

Dazzling-wordpress-theme

Adament-wordpress

 

How to create CSS Outline

CSS Outline property sets one or more of the individual properties such as outline-style, outline-color and outline-width.

Outline Style Property
outline-style property specifies the outline style of an element like dotted, dashed, solid, etc.

Outline Color Property
outline-style property specifies the outline color of an element.

Outline Width Property
outline-width property specifies the outline width of an element.

Example of CSS Outline

Try the above code with our Free Online HTML Editor.

Commenting in HTML

Comment tag is used to insert comments in source code for explaining and editing your codes. Comments are not displayed in the browsers.

Code for comments

Example for Commenting in HTML

Try the above code with our Free Online HTML Editor.

How to create CSS Menu

How to create iframe css

We can apply css to iframe by using style attribute. In iframe CSS, we can style following things.

  • overflow
  • margin
  • padding
  • border

Code of iframe css

Try the above code with our Free Online HTML Editor.

CSS Disable Selection

CSS Disable selection highlighting is achieved by setting none value to user selection.

Code for Disable text selection highlighting

Example for Disabling text selection highlighting

Try the above code with our Free Online HTML Editor.

How to create a parent selector

Parent selector is a element that have at least one child node.

Code for Parent selector

Example for Parent Selector

Try the above code with our Free Online HTML Editor.

How to create CSS Box Model

HTML Elements can be assumed as a rectangular box. The box model describes margin, border, padding and content.

  • Padding provides space around the content box.
  • Border is a line that separates margin and padding.
  • Margin provides space after border till page end.

CSS Box Model Code:

CSS Box Model Example

Try the above code with our Free Online HTML Editor.

CSS Group

CSS Group is collecting two or more comma separated selector list or two or more semicolon separated declaration list attached to one selector.

Example for CSS Grouping

Try the above code with our Free Online HTML Editor.

CSS Selector

CSS Selector selects the contents you need to style. CSS Selectors is mainly classfied in to three types.

  • ID Selector
  • Class Selector
  • Element Selector

ID Selector
ID selector styles the element by using id attribute. ID selector declared by hash value preceding id name.

Code for ID Selector

Class Selector
Class selector styles the element by using class attribute. Class selector declared by dot preceding class name.

Code for Class Selector

Element Selector:
Element Selector styles element by its element name.

Element Selector Code

Example for CSS Selector

Try the above code with our Free Online HTML Editor.