Asp.net, Sqlite, Jquery,HTML 5, Sql Server,vb, C#, Javascript,Sugarcrm API, WCF ,WPF, WWF,MVC: CSS

Showing posts with label CSS. Show all posts

Tuesday, January 29, 2013

Changing image within Gridview programatically

Simple RowdataBound event isit? an alternate if it reduce memory load and time. wht abt that :)
Yup by jquery :)

show clock on bottom pf page-current date and time in Jquery and css

Shuffle div in jquery

Hi,

Shuffle div in jquery

.span1

{

width: 228px;

background-color: #2D89EF !important;

height: 63px;

float: left;

cursor: pointer;

}

.span2

{

width: 228px;

background-color: #00A300 !important;

height: 63px;

float: left;

cursor: pointer;

}

.span3

{

width: 228px;

background-color: #FFC40D !important;

height: 63px;

float: left;

cursor: pointer;

}

.span3:hover

{

cursor: pointer;

}

.place-right

{

float: right !important;

margin-left: 10px;

}

.fg-color-white

{

color: #FFFFFF !important;

}

</style>

$(document).ready(function () {

shuffle();

});

function shuffle() { // pass the divs to the function

var e = $('#shuffle div');

var replace = $('<div>');

var size = e.size();

while (size >= 1) {

var rand = Math.floor(Math.random() * size);

var temp = e.get(rand); // grab a random div from our set

replace.append(temp); // add the selected div to our new set

e = e.not(temp); // remove our selected div from the main set

size--;

}

$('#shuffle').html(replace.html()); // update our container div with the

// new, randomized divs

}

setInterval(shuffle, 2000);

</script>

</head>

<body>

D1</h2>

</div>

D2</h2>

</div>

D3</h2>

</div>

D1</h2>

</div>

D2</h2>

</div>

D3</h2>

</div>

D1</h2>

</div>

D2</h2>

</div>

D3</h2>

</div>

</form>

</body>

</html>

To see the demo check out the menu of this blog

If u had any trouble just ask, Happy to help u :)
Stay Tune...
Have a nice day... 'N happy Coding :)

Sunday, May 20, 2012

In this article I’d like to show you six effective ways to add a touch of style to your HTML links. The techniques presented here are really simple to implement. Let’s see the details.

Using a different color

This is the simplest way to make your links different from the rest of the text:

a.color {
    color: #d34545;
}

Using a different color on hover

This technique adds a little bit of dynamism to your links when a user hovers them with the mouse:

a.hover {
    color: #800;
}
a.hover:hover {
    color: #f00;
}

Using a different background color on hover

Same as above, but this time we change also the background color of the links:

a.hover-bg {
    color: #003b6c;
}

a.hover-bg:hover {
    background: #003bc6;
    color: #fff;
}

Using text decoration

A dynamic effect on hover involving the text-decoration property:

a.decoration {
    text-decoration: none;
}

a.decoration:hover {
    text-decoration: underline;
}

Using borders

Another effect on hover but with the border-bottom property:

a.border {
    text-decoration: none;
    border-bottom: 1px solid;
}

a.border:hover {
    border-bottom: 1px dashed #008;
}

Using generated content

We can add a rounded bullet to our links when a user hovers them:

a.generate {
    text-decoration: none;
}

a.generate:hover:after {
    content: '>';
    margin-left: 4px;
    color: #000;
    font-weight: bold;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #ccc;
    border: 1px solid #999;
    border-radius: 50%;
    text-shadow: 1px 1px 1px #444;
}

If u had any trouble just ask, Happy to help u :)
Stay Tune...
Have a nice day... 'N happy Coding :)

Tuesday, October 4, 2011

Change the font color based on the value in dropdownlist in asp.net c#

Hi *.*,

2day i'm showing some css magic on dropdown list.

demo

How to Implement?

On html

<title>Change the font color based on the value in dropdownlist in asp.net c#</title>

</head>

<body>

<div>

<asp:DropDownList ID="ddpdown" runat="server" >

</asp:DropDownList>

</div>

</form>

</body>

</html>

On Server Side

protected void Page_Load(object sender, EventArgs e)

{

for (int _i = 0; _i < 10; _i++)

{

if (_i <5)

{

ddpdown.Items.Add(_i.ToString()+" - Not Avilable");

ddpdown.Items[_i].Attributes.CssStyle.Add("color", "red");

}

else

{

ddpdown.Items.Add(_i.ToString()+" - Avilable");

ddpdown.Items[_i].Attributes.CssStyle.Add("color", "green");

}

Hope u got it...

Stay Tune...

Have a nice day... 'N happy Coding :)

Monday, August 15, 2011

Addons to visual studio 2010

Hi,

Last day i visited msdn.microsoft.com then i can to know the release of few nice addons for visual studio 2010

Here it goes check out

read carefully and install Remember these are third party product.

Stay Tune...

Have a nice day... 'N happy Coding :)

Tuesday, August 9, 2011

Sample Lavalamp menu

Hi *.*,

A Lavalamp effect is simply made by an empty element with a declared background color that follows the mouse position when you move it through the items of a menu. In other words, it consists of a simple cursor that changes its left offset when you change your mouse position moving from an item to another.

DEMO

Asp.net, Sqlite, Jquery,HTML 5, Sql Server,vb, C#, Javascript,Sugarcrm API, WCF ,WPF, WWF,MVC

Pages

Tuesday, January 29, 2013

Changing image within Gridview programatically

Friday, January 11, 2013

show clock on bottom pf page-current date and time in Jquery and css

Thursday, January 10, 2013

Shuffle div in jquery

Sunday, May 20, 2012

css for html links

Tuesday, October 4, 2011

Change the font color based on the value in dropdownlist in asp.net c#

Monday, August 15, 2011

Addons to visual studio 2010

Tuesday, August 9, 2011

Sample Lavalamp menu

Total Pageviews

Translate