Thursday, 23 May 2013

How to give different colors for different rows in a table CSS | Different Colors To Row In TableCSS

How to give different colors for different rows in a table CSS | Different Colors To Row In Table CSS

In this tutorial I am going to Explain How to give Different Colors to Different rows in a Tables. Using CSS We can give different colors to different tables easily !!!

Look at the following code keenly, Because rows are defined with classes namely odd and even.
The header class is different.

Consider the html code

<html>
<head>
</head>
<body>
<table border="0">
<tr class="trhead" align="center">
<th>Row</th>
<th>Colors</th>
</tr>
<tr class="odd" align="center">
<td>odd row</td>
<td>blue color</td>
</tr>
<tr class="even" align="center">
<td>Even Row</td>
<td>Yellow Color</td>
</tr>
<tr class="odd" align="center">
<td>odd row</td>
<td>blue color</td>
</tr>
<tr class="even" align="center">
<td>Even Row</td>
<td>Yellow Color</td>
</tr>
<tr class="odd" align="center">
<td>odd row</td>
<td>blue color</td>
</tr>
<tr class="even" align="center">
<td>Even Row</td>
<td>Yellow Color</td>
</tr>
<tr class="odd" align="center">
<td>odd row</td>
<td>blue color</td>
</tr>
<tr class="even" align="center">
<td>Even Row</td>
<td>Yellow Color</td>
</tr>
</table>
</body>
If you paste the above code you will get a blank normal table.

In order to add color to it follow the below code. In this second piece of code I have added style to the table using CSS. Note that I didn't created a separate CSS file. I just given the CSS tag in the head tag using <style> tag.
Just see the below code to know how it woks.

The CSS code is:
<style>
.odd
{
background: blue;
}

.even

{
background: yellow;
}
</style>

Paste this CSS code in the head tag like in the below example. You will get different colours for your rows.


<html>
<head>
<style>
.odd
{
background: blue;
}

.even

{
background: yellow;
}
</style>
</head>

</head>
<body>
<table border="0">
<tr class="trhead" align="center">
<th>Row</th>
<th>Colors</th>
</tr>
<tr class="odd" align="center">
<td>odd row</td>
<td>blue color</td>
</tr>
<tr class="even" align="center">
<td>Even Row</td>
<td>Yellow Color</td>
</tr>
<tr class="odd" align="center">
<td>odd row</td>
<td>blue color</td>
</tr>
<tr class="even" align="center">
<td>Even Row</td>
<td>Yellow Color</td>
</tr>
<tr class="odd" align="center">
<td>odd row</td>
<td>blue color</td>
</tr>
<tr class="even" align="center">
<td>Even Row</td>
<td>Yellow Color</td>
</tr>
<tr class="odd" align="center">
<td>odd row</td>
<td>blue color</td>
</tr>
<tr class="even" align="center">
<td>Even Row</td>
<td>Yellow Color</td>
</tr>
</table>
</body>

Your output will be ...

If you want each row to be displayed in different colors just give a class to that row and right a CSS for that , Then you will easily display a table with multicolored rows. 

Just try it your self with diving colors to separate rows and columns, Feel free to post you doubt as comments here.

Hope this post would have helped you regarding building a table with different colors.

Friday, 17 May 2013

Image border In IE | How to remove image border in IE

How to remove image border in IE


Normally there are some issues which may work fine in some browsers and not in other browsers.
For example ,
Image tags may work fine in Chrome, Mozilla and Saffari but not in IE 6 like browsers.
Mostly browser compatibility issues arise when we start cecking our website in IE and other browsers.

Here is one of the issue and how to rectify it.
Some times we may see unnecessary image borders in Internet Explorer. We no need to be panic to remove those border.

Just give the value of border = "0".

Consider the example !

You may give a logo image for your website. And your code will look like 
<img src="logo.png"></img>

Just change the code to

<img src="logo.png" border="0"></img>
Now everything will work fine.

Any doubts please post here in comments, I will help you over come it.
Subscribe to us for More Updates...

Friday, 10 May 2013

How to partition a width/class in css | partitioning width

How to partition a width/space/class in css | Partitioning width in Website | HTML


Some times designers may think on how to do partition in css. It is as simple as you like.

Consider a ID(container) whose width is 900 and height is 300 and name of the class is "container"(any name of your wish can be given).  
Then the CSS for the above is

#container                                  <!--- Class name --- !>
{
width: 900px;
height: 300px;
}

Let us partition the container(ID) into three partitions (three sub classes) and their names inner1, inner2 and inner3 respectively.

Then we have to write the CSS accordingly.



.inner1
{
width: 290px;
margin-right: 10px;          // Space Between two classes
float: left;        <!----- Must needed -----!> // This is where the partition takes place
}

.inner2
{

width: 290px;
margin-right: 10px;
float: left;
}

.inner3
{

width: 290px;
margin-right: 10px;
float: right;
}

How to use it in HTML !!! (Copy paste this following code in your html and you can see how a particular space is partitioned and will add fuel to your desire towards CSS and web designing )

<html>
<head>
<style>
#container
{
width: 900px;
height: 300px;
}
#container .inner1
{
width: 290px;
         // Space Between two classes
float: left;
height: 300px;
      <!----- Must needed -----!> // This is where the

partition takes place
}

#container .inner1
{
width: 290px;
margin-right: 10px;
float: left;
height: 300px;
}


#container .inner2
{
width: 290px;
margin-right: 10px;
float: left;
height: 300px;
}

#container .inner3
{
width: 290px;
margin-right: 10px;
float: right;
height: 300px;
}
</style>
</head>
<body bgcolor="yellow">
<div id="container">
<div class="inner1">
<p> This space occupies 300 pixels of width and floats to

the left </p>
</div>
<div class="inner2">
<p> This space occupies 300 pixels of width and floats to

the left  follows the first class (inner1)</p>
</div>
<div class="inner3">
<p> This space occupies 300 pixels of width and floats to

the right  follows the second class(inner2)</p>
</div>
</div>
</body>
</html>

Your Output is:

After copy pasting try it with your own contents and images etc., Note that width and height should be accurate.

Please do subscribe more Updates on CSS... If any doubts in this tutorial please feel free to comment you doubts here !

Monday, 6 May 2013

Techniques to increase page likes | How to develop a FB page | Getting Likes for new Facebook page

How To get more likes for my page | Ways to get more likes in my page

I want tell you the technique of how to improve Facebook page Likes.

Nowadays Facebook is widely used and users adhered to that social networking site is keep on increasing. Most users want to increase their page likes in order to make their post to reach many people.



Starting page is easily but how to Increase Likes ??? First thing is to give an attractive page Title, then follow the below steps.

I want to share few steps to get "LEGAL"likes to a FB page !!!

1. After Staring your page put some quality posts and invite you friends through invite friends option.

2. After inviting your friends there will be some decent likes for your new page then you have to Tag you friends on the posts you were posting in your page.
RESULT ?
Friends of your friends will come to know about your page and they will like it, If the post quality is good they will share your posts.
3. In turn people who saw those shares will mostly like your page and they may share, Your likes will keep on increasing.

4. Now join groups and post your page link with a description that lures people to like your page. Advantage of facebook group now is, If any user post in group that post will reach all the users of that group in the news feed, so it is good to share your page in groups and get more likes.

5. Next important thing to increase page likes. Ask pages of other admins to share your page.
But how to do ?
There are many page admin groups in FB which you can simple search like "facebook page admins" or some key word related to that. And you can post your page link in those groups and can ask those admins to share your page.

These are the ways to get Likes legally to your facebook page. If you go for getting FB likes in an illegal way like software or apps there is a huge threat of loosing your password and giving your facebook page to hackers. 

Be safe go safe :)

Saturday, 4 May 2013

UDI-12560 operation generated oracle error | ORA-12560 TNS protocol adapter error

UDI-12560 operation generated oracle error

This error is commonly seen in SQLPLUS.
No need to panic while seeing this error just follow the basic steps.

 While installing Dump you will be fired UDI-12560 operation generated oracle error 12560.
If this error occurs, it means that you have not created the user for the database.

Action:

create user user_name identified by password default tablespace tablespace_name quota unlimited on autosalvage;

Then your issue will be resolved.

If Your issue is not resolved please post your comment here.

Thursday, 2 May 2013

How To add Oracle Listener

How to Add oracle Listener | Adding Listener for Oracle Database

STEPS TO FOLLOW :

Basically Listener is used to receive incoming connection requests and to manage the traffic of these requests to the DB server accordingly.  I am going tell you how to create an Oracle Listener.

Go to Start

Click Oracle database Home 11g


Click configuration and Mitigation tools and 
 keep the cursor on "Net Configuration Assistant" and Right click it and run it as an administrator



Click Listener configuration and click Next




Give your listener name and click Next




Choose Your Protocol (Basically TCP is chosen mostly by default) and click Next




You will be prompted for other Listener, Just click the "No" radio button and give next.




After clicking next then click Finish



Then after adding Listener you have to check whether the listener is started or not right ???

Give The Command LSNRCTL STATUS  in your command prompt to check that you have added listener properly or not.


Hope this will help you, If you have further queries please feel free to ask me.

How To Create A Face Book Page

Creating a Facebook Page | With Screen shots


Creating facebook page is like a bread and butter for everyone. Just follow the simple steps.

Login to your profile ... Click Home Button and just start creating the page.

See the left hand side, There you can see the options " Page" below that you will have option create page. Click the "Create Page" option.

                              

Choose The type of your page, you going to start


Here Below I chosen Artist, brand or public figure and my category is artist. The Click Get started option.

You can Add what your page is about and in the second step you can add a profile picture that is relevant to your page and if you want you can enable advertisements.

Click home then, If your created page name is displayed below the pages option like in the below picture, then you have created your page successfully.





















If you have any doubts regarding the creation of page , Please feel free to comment here for further queries.

Thank you.