November 20, 2008

Free CSS XHTML Website Template -14


This design is one of my important.Here i have used images to make the site attractive.This template can be used for creating magzine websites or you can use it in wordpress,Blooger and other free blogger sites.This design is having fixed Layout with two column.This design has passed XHTML 1.0 Strict Validations & CSS level 2.1.Sorry for the delay for not updating the site.Before using these templates,Please send your feedback & help us to grow.

Download this template

September 19, 2008

Creating Rounded Corners with GIMP

This article was created for my own purpose titled Creating Curved or Rounded Corners with GIMPa free, open source image editing and manipulation program.

The easiest way to create an image with rounded corners is to open your image,choose Select from the top,and choose Rounded Rectangle.You can adjust the 'Radius' to make the curves and also you can make concave curves also.Gimp will automatically create a rounded rectangle selection on top of your image.



When you choose the Rounded Rectangle tool under Selection, you will get the option to adjust the radius & for concave. This will be a trial and error process for you as there is no way to preview your radius selection.



Now choose Select -> Invert (Ctrl+I), then Edit -> Cut (Ctrl+X), then File -> Save As… (Ctrl+Shift+S) to delete the corner pieces. This eliminates the need to create a new image to paste into, which can be a time saver if you are working with many image.

After selecting the radius



Invert (Ctrl+I)



Cut (Ctrl+X)




At this point we are ready to design our XHTML with rounded corner images.

September 16, 2008

Make a Suggestion

Gendesigns is constantly evolving. We make the blog better with your suggestions. So let us know what you have in mind!

Let us know how we can improve our site.so please fill the comments form for suggestions & feedback.

Thank you,
Gen.

About Gen Designs

GenDesigns is a resource blog for XHTML/CSS Templates,offering xhtml templates.As a webdeveloper,i started learning about xhtml/css templates.Then started sharing my knowledge to others with my blog.Most of the designs found here are available in OpenDesigns.My most of the designs will be inherited from flash designs


Future Plans


Create Templates with css3 & make Templates similar to flash templates.

Free CSS XHTML Website Template -13


This is my design on business.I started focussing to design business templates.It has passed XHTML 1.0 strict & css level 2.1 validations.I have checked the template in IE 7 & mozilla firefox browsers.The template is having two column fixed layout with left navigation.The site looks simple.My next site will be general one or towards nature.Planning to do blogger Templates very soon!!!

Download

August 25, 2008

Free CSS XHTML Website Template -12


Hi iam posting my design after 2 months,for the past 2 months i had lot of other works so i am unable to post the design.now i have focussed my template designs in Business area.The design which i posted has passed XHTML 1.0 strict & css 2.1 level.Its a liquid two column layout with black background.my next design will be arriving shortly.

Download

August 7, 2008

Free CSS XHTML Website Template -11


Hi after a long back i am posting my designs.Its version 2 of my previous design Consuling Services.It has passed all XHTML & CSS Validations.You can use as consulting websites.


Download

July 9, 2008

Free CSS XHTML Website Template -10


After a long gap i have did a template for healthcenter like hospitals etc.TThis template has passed XHTML 1.0 Strict! & CSS level 2.1.In this template i have used some fonts like trajan pro.if the client system is having this fonts it will come in good manner else by default i have given arial.This template i s a fluid two column layout.Thanks for the visitors for supporting the site

Download

July 1, 2008

Free CSS XHTML Website Template -09


This design is a basically a flash template.but i changed it into xhtml/css template.Its a mixture of two column and three column layouts.This design has been mainly focussed for business.It can be used as corporate sites.It has passed XHTML 1.1 Strict & CSS 2.1 Validations

Download

June 26, 2008

Free CSS XHTML Website Template -08


Hi after 1 week i am going to post my new business oriented design.I am very happy to see persons are coming to my site and downloading my templates.Now i have a designed a business template and i named as COMPUTER WORLD.This template is rich & it has passed XHTML 1.0 Strict Validations & CSS 2.1 validations.

Download

June 18, 2008

Free CSS XHTML Website Template -07


This template has been created under the guidance of Ganny.He was the one who told to create the XHTML Template in a flash manner.At first i tried to do the template in flash manner.Then i changed the template to the my own style.here the website is having some images.This template is fluid one and its a mix of two coulmn and three column.It has passed all the XHTML 1.0 Strict validation & CSS level 2.1

Download

June 12, 2008

Free CSS Website Template -06


This is my next generation creation.After creating some templates i got nice critics from the world expert designers.so i started to develop the templates in my own creativity.here i have developed a two column fluid layout with black pach as background.It seems to cool and attractive.This template is Valid XHTML 1.0 Strict! & it has passed CSS validations.I have started implementing images from this template onwards.

Download

June 11, 2008

Free CSS Website Template -05


This template is a three column fluid layout.it has passed XHTML Strict validations and css too.This Template can be used for many of your projects & it is free to use.Template is 100% XHTML 1.0 Strict and CSS Valid.This site can be used for making business templates

Download

June 5, 2008

Free CSS Website Template -04


This template is having two column layout.it has passed XHTML Strict validations and css too.In this template i have applied some images that seems to be looking good.I good.This Template can be used for many of your projects and it is free to use.Template is 100% XHTML 1.0 Strict and CSS Valid.This site can be used for making business templates

Download

June 3, 2008

Free CSS Website Template -03


This template is having two column layout.it has passed XHTML Strict validations and css too.In this template i have mentioned the height of the left div.I have developed this website using less images.This Template can be used for many of your projects and it is free to use.Template is 100% XHTML 1.0 Strict and CSS Valid.

Download

May 31, 2008

Free CSS Website Template -02


This site is a duplication of wordpress templates that i have made,its a two column layout website.it has passed XHTML Strict validations and css too.I have developed this website using less images.This Template can be used for many of your projects and it is free to use.

Download

May 30, 2008

Free CSS Website Template -01



Simple website template is available for download on my blog.

Template is 100% XHTML 1.0 Strict and CSS Valid.

This is two column free css template with navigation bar in the right column.

Template can be used for numbers of different projects. It is simple and very easy to customize.

Get it from here

May 7, 2008

tableless form using div tags

div.row {
clear: both;
padding-top: 5px;
}

div.row span.label {
float: left;
width: 100px;
text-align: right;
}

div.row span.formw {
float: right;
width: 235px;
text-align: left;
}


<div style="width: 360px; background-color: #ccc;
border: 1px dotted #333; padding: 5px;
margin: 0px auto;">
<form>
<div class="row">
<span class="label">Name:</span><span
class="formw"><input type="text" size="25" /></span>

</div>
<div class="row">
<span class="label">Age:</span><span
class="formw"><input type="text" size="25" /></span>
</div>

<div class="row">
<span class="label">Shoe size:</span><span
class="formw"><input type="text" size="25" /></span>
</div>
<div class="row">

<span class="label">Comments:</span><span
class="formw">
<textarea cols="25" rows="8">
Go ahead - write something...
</textarea>
</span>
</div>

<div class="spacer">
&nbsp;
</div>
</form>

</div>