Pages

Free download WP Advanced Newspaper Theme by Gabfire

Thursday, 27 December 2012


It is now extremely easy to start an e-newspaper site even for a startup user of WordPress with WP Advanced Newspaper theme. It is a newspaper style WordPress theme that has all the features of a newspaper site. This WordPress theme has a unique newspaper layout and is ad and search engine optimized. The new theme contains a lot of new features, including, but not limited to, eye-catching featured entries, and a unique newspaper layout that is easy to navigate and powerful.

WP Advanced Newspaper Demo
Click Here to Download

Recipe and Food Blog Theme by ThemeForest – FoodPress

Friday, 7 December 2012

FoodPress is a recipe & food blog WordPress theme, which makes it easy for you to share your recipes with the custom recipe options built in to this theme. Furthermore it is very easy to customize the looks of the theme inside the theme options panel where you can choose whatever colors you like.




Jobpress Pro v2.0 Theme Pack by DailyWp



JobPress converts the simple WordPress website into a full fledged job portal with tons of features including job and resumes management, job seekers and employers dashboards, featured listings, payment gateway, and much more. JobPress allows you to easily setup a website for your business and begin earning money right away. It is easy to customize and understand, and has been a successful job board model around the world for many years.

DEMO  

DOWNLOAD

Some paper pattern for Photoshop and web designing

Monday, 19 November 2012

here is some paper patterns for photoshop design













Button Style for a tag using CSS

Wednesday, 7 November 2012

Now we are creating some buttons using CSS. Here I used CSS to anchor tag to make a button effect. Just copy and paste the script into a notepad and save as webtuter.html.

<style type="text/css">
.button {
font-family: Arial, Helvetica, sans-serif;
padding: 10px 75px;
margin: 0 20px;
text-decoration: none;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
}
.green {
border: solid 1px #3b7200;
background-color: #88c72a;
}
.violet  {
border: solid 1px #720000;
background-color: #6633CC;
}
</style>

<a href="#" class="button green">Green Button</a>
<a href="#" class="button violet">VioletButton</a>



Result

Green Button VioletButton

Understanding DOCTYPES and Effects on Browser Layout

Monday, 5 November 2012

HTML 4.01 has three document types: strict, transitional, and frameset. XHTML 1.1 has one document type, but XHTML 1.0 has three document types, like HTML 4.01. Only one document type definition (DTD) appears in the HTML document

DOCTYPE, short for DTD, defines an HTML or XHTML document's building blocks and tells the browsers and validators which version of HTML or XHTML your document is using.
The DOCTYPE declaration must appear at the beginning of every web page document before the html element to ensure your markup and CSS are standards compliant, and that browsers handle the pages based on the appropriate DTDs.
HTML 4.01 Strict DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

HTML 4.01 Frameset DTD:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
" http://www.w3.org/TR/1999/REC-html401-19991224/frameset.dtd">

XHTML 1.0 Strict DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1 DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 

Here's a basic page with the XHTML 1.1 DTD and the required head, body, and html tags.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html>
 <head>
  <title>XHTML Document Type Definition (DTD) </title>
 </head>
 <body>
  <p> XHTML requires DOCTYPE, otherwise the pages won't validate and the browsers fall back on quirks mode.</p>
 </body>
</html>

Comments Within CSS


Add /* and */ anywhere in the styles to show the start and end of a comment. Comments can explain and organize code to help with reviewing at a later time.
/* This is a comment */
a {
 text-decoration: underline;
}
/* This is also a comment */
h1, h2 {
 font-size: 120%;
 color: #ffffff;
}
 

Labels

Blogger news

Blogroll

Most Reading

Tags