Clik here to view.
How to code a w3c valid 2 columns xhtml layout–step 1
First,let’s have a overview of the 2 columns xhtml layout.There are five sections : Header (include Logo,Blog Name,Blog Description …),Top Dropdown Menu,Main Content, Right Content and Footer Let’s...
View ArticleHow to code a w3c valid 2 columns xhtml layout–step 2
In the first part,we aready done the 2 columns layout frame. Let’s go on, add elements to each sections also style it and finish the html template. First the header , usually the header include the...
View Articleul li css none-js SEO friendly sub-menu
We will use ul,li,css to create non-js seo friendly dropdown menu and horizontal sub-menu Which can be used in the wordpress . non-js seo friendly dropdown menu First of all, let’s use ul,li to build...
View ArticleThe simple ul li css SEO friendly horizontal menu
In this part we will use ul li css code some simple but usefull seo friendly menu.First let’s start with a Horizontal Menu with rollover image . we will use images,but most important is we need make...
View ArticleYour first normal wordpress template
Introduce Now,let’s make all together (w3c valid 2 columns xhtml ,ul li css none-js SEO friendly sub-menu),we get a full wordpress home page html template–Click HERE to view.It looks nice simple &...
View Articlecss hacks for chrome firefox ie6 ie7 ie8
When coding cross-browsers css xhtml layout,sometimes we may meet some pain css problem and cost much time . Fortunately, there are some css hacks for us : /*---google chrome hack---*/ @media screen...
View Articleawesome jquery slide menu
Add some lines of javascript codes to your page, you will see it’s magic: It make your normal menu looks more elegant. Have a try , you will see the fascination of animate menu .let’s go… Online demo...
View ArticleClik here to view.
Make IE8 Display in IE7 Compatibility Mode
Browser compatibility is realy pain for css coders,this is a quickly to fix the the pages have problems IE8 while looks good in IE7,just following line in the tag on the page, <meta...
View Articlenice web font with google font api
Are you still use flash and images for the art font in your web? if so you should know the magic of Google Font Directory and Google Font API , you can use all the font in the Google Font Directory ,...
View ArticleSome Tips you need know —Responsive html css for ipad and iphone
Responsive design is very popular now. There are few tips you need know while you coding style for ipad and iphone . Some default style and features are added by mac . Phone number format If you have...
View Article