Sep 23, 2009
Admin
1 Comment
Tutorials

CSS Injection 01 – Tutorial


Just wanted to share you this activity we had before in our Web Engineering class. :D
The title of the activity is Table Colors.

Table is an html tag which is often used in webpages. Hopefully you’ll learn something useful? Haha! :D
Click READ MORE below to see an example.

—
Click on this link to see a live demo of the activity.

We actually injected the css codes inside the html; making the tables change its color when hovered.
Sadly, this only works with Mozilla Firefox and Google Chrome (I don’t know if this works with other browsers but definitely won’t work with Internet Explorer)

Below is the CSS Injection we used :D

<style type="text/css">
td.a:hover
{background-color:#ff0000;}
td.b:hover
{background-color:#fcff00;}
td.c:hover
{background-color:#fcff00;}
td.d:hover
{background-color:#ff0000;}
td.e:hover
{background-color:#0000ff;}
td.f:hover
{background-color:#0000ff;}
td.g:hover
{background-color:#1FA30A;}
td.h:hover
{background-color:#fcff00;}
td.i:hover
{background-color:#fcff00;}
td.j:hover
{background-color:#ff0000;}
td.k:hover
{background-color:#ff0000;}
</style>

1 Comment

  • ALDY September 23, 2009 at 3:15 pm

    wow hehe .. css .. d ko ma edit ung akin ehh may bayad hehehe :D

Leave a comment

Stop censorship