Posts Tagged ‘CSS’

Basic jQuery Tutorial: Change CSS

February 27, 2010 |  by Mukesh Chapagain  |  No Comments

In this article, I will be showing you how to add or change css styling. You will be able to add or remove class in HTML elements.

VIEW DEMO

Read More

 Essential Best Practices to Improve Markup and CSS

Essential Best Practices to Improve Markup and CSS

January 31, 2010 |  by S@R0Z  |  4 Comments

Whenever we cover CSS articles we’ve got good response from our reader; for e.g. on one line CSS and Magazine style drop cap first letter with CSS. This makes us to write thorough, descriptive and clean articles.

.

If you want to develop great looking websites and want that to be easy to maintain you must follow certain rules in writing markup and CSS. Those sites requires high quality markup and styling. The most fundamental principle to remember while designing is separating presentation and the content or style & markup. Separation is the key a good designer need to build a good markup to produce good CSS.

Read More

Important Tips for Web Design

Important Tips for Web Design

January 24, 2010 |  by S@R0Z  |  Comments Off

webdesign

Website is the best online platform for the promotion of business or services. So the greatest necessity of website is its design. Design needs to be eye catchy and attractive enough so that the visitors stop by to browse through your site. A visitor hardly stays on a website for less than 5 seconds or so if the design is not catchy. So a web designer has to be careful enough to turn the first impression of the site into a good one. Acquiring designing skill is very important for a beginner which can be developed and polished with rigorous practice.

The web layouts, the look and feel of the website as well as many other things are taken into consideration for website designing. A proper knowledge and skill to use the web designing tools are essential for any web designer.

How to create pagination using CSS

October 31, 2009 |  by rob  |  No Comments

We can see different types of pagination style in webpage .They simply link pages. There are various ways to add pagination in our webpage. Here I have tried to show one of the common way to create pagination using CSS .page

First simple technique

We can create a pagination style similar to flicker with the following CSS .

<!--
<html>
<style>
 
ul{border:0; margin:0; padding:0;}
 
#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
} 
#pagination-flickr .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}
</style>
<ul id="pagination-flickr">
<li class="previous-off">«Previous</li>
<li class="active">1</li>
<li><a href="?page=2">2</a></li>
<li><a href="?page=3">3</a></li>
<li><a href="?page=4">4</a></li>
<li><a href="?page=5">5</a></li>
<li><a href="?page=6">6</a></li>
<li><a href="?page=7">7</a></li>
<li class="next"><a href="?page=2">Next »</a></li>
</ul>
 
-->

Controlling the border with CSS

October 2, 2009 |  by Rabi Shrestha  |  No Comments

border
We can customize the borders around the image , text and tables using the CSS.We can have absolute control over the page’s layout.The features like colour , size and width of four sides(top, bottom,left, right) can be customized as per our requirement.
Here , we are discussing on customizing the border around a text using CSS.

Example:
code:

<!--
<p class="tborder"><br />"Man and MOON"<br /><br />
<style>
.tborder{
    border-style:solid;
    border-top-color:rgb(170, 204, 255);
    border-bottom-color:rgb(16, 92, 182);
    border-left-color:rgb(128, 182, 42);
    border-right-color:rgb(128, 182, 149);
    border-width:20px;
    border-top-width:10px;
    border-left-width:10px;
       }
</style>
-->

Magazine style drop cap first letter with CSS

April 7, 2008 |  by Design Gala  |  7 Comments

Its been a quite while the trend of drop cap being used in website paragraphs. This article demonstrate on techniques on first letter drop cap using CSS.

Read More

One Line CSS Magic

March 21, 2008 |  by Design Gala  |  8 Comments

Its pure beauty of CSS that gives life to the website and makes it lively. Sometimes, one line in CSS can be more than a magic providing solutions. I reviewed some of the CSS files and came up with some one line CSS.

Read More

Creating an Iframe in CSS

August 17, 2006 |  by Design Gala  |  No Comments

Creating Iframe with help of CSS is an easy task. This article demonstrate how Iframe can be built within few minutes.

Read More

Building Web with Web Standards

February 5, 2005 |  by Design Gala  |  No Comments

Quite a few people in Nepal are following a web standards to build web application. Whether be it small or large web application, no one cares about the web standards. The web standard has been there for a long time and its been continuously upgrading and updating.

Read More