AddClass and removeClass on moveover on a list using jquery asp.net csharp

28. May 2010
Comments (0)

In this article, author try to tell us how to append and remove class on client side using jquery and css style.

Reference:Addclass and removeClass on moveover on a list using jquery asp.net csharp

online demo


Author: Aamir Hasan     औथोर: आमिर हसन       أثر أمير حسن .

ALL, asp.net, CSS, HTML, JQuery , , ,

Center Page Content Horizontally using Div with CSS

18. March 2010
Comments (0)

Center your website content to create equal sized Space from  the left and right using css. Horizontally centered by setting its right and left margin widths to "auto". This is the preferred way to accomplish horizontal centering with CSS. Create a warpper div which will hold your content div and then give it a margin:auto attribute which will bring your warpper div into center of page.




<html>
<head>
<title>Center Page Content Horizontally and Vertically using Div with CSS </title>

  <style type="text/css">
body{background-color:#eaeaea;}
  #wrapper {width: 777px;margin:auto}
  #content{background-color:#00FF00;min-height:400px;}
  </style>
  </head>
  <body>
  <form id="form1" runat="server">
  <div id="wrapper">



  <div id="wrapper">

   <div id="content">
  Welcome to Studentacad.com
  </div>


  </div>
  </form>
  </body>
</html>

Center Page Content Horizontally and Vertically using Div with CSS 

 
  
  
  




 


  

  Welcome to Studentacad.com


Author: Aamir Hasan     औथोर: आमिर हसन       أثر أمير حسن .

ALL, CSS, HTML ,

asp.net Menu and css Style

31. December 2009
Comments (0)

<asp:Menu  ID="Menu1" Runat="server" DataSourceID="SamplesSiteMap"
             Orientation="Horizontal" BackColor="#6D90AC" DynamicHorizontalOffset="1" Font-Names="Verdana"
    Font-Size="12px" ForeColor="White" Height="25px" StaticSubMenuIndent="" BorderColor="Transparent"
    MaximumDynamicDisplayLevels="1" EnableTheming="True" Font-Bold="True" Font-Overline="False" Font-Strikeout="False"
    Font-Underline="False" ScrollDownText="" StaticPopOutImageUrl="~/members/template/images/menu/trileft.gif" SkipLinkText="" CssClass="toolbar" Width="919px"  OnMenuItemDataBound="Menu1_MenuDataBound" >
      <StaticMenuItemStyle HorizontalPadding="5px" BackColor="#6D90AC" BorderColor="#EAEAEA" Font-Bold="True"
       Font-Names="Verdana" Font-Size="12px" Height="31px" ItemSpacing="0px" VerticalPadding="0px" CssClass="menuitem" />
      <DynamicHoverStyle BackColor="#91AFC1" ForeColor="White" BorderColor="Transparent" Font-Bold="True"
      Font-Italic="False" Font-Names="Verdana" Font-Overline="False" Font-Size="12px" Font-Strikeout="False"
      Font-Underline="False" CssClass="dmenuitemover"/>
      <DynamicMenuStyle BackColor="#888888" BorderColor="#EAEAEA" CssClass="toolbar1" Font-Overline="False" />
      <StaticSelectedStyle BackColor="#587993" BorderColor="White" />
      <DynamicSelectedStyle BackColor="#587993" BorderColor="White" CssClass="selected" />
      <DynamicMenuItemStyle HorizontalPadding="5px"  BackColor="#6D90AC" BorderColor="#EAEAEA"
      Font-Bold="True" Font-Names="Verdana" Font-Size="12px" CssClass="dmenuitem" VerticalPadding="3px" />
      <StaticHoverStyle BackColor="#91AFC1" ForeColor="White" BorderColor="White" Font-Bold="True" Font-Names="Verdana"
      Font-Size="12px" CssClass="menuitemover" />
 
      <StaticMenuStyle BackColor="#6D90AC" BorderColor="#EAEAEA" Width="110px" Height="31px" HorizontalPadding="0px"
      VerticalPadding="0px" />
  </asp:Menu>

 

and css style

.toolbar
        {
           filter:progid:DXImageTransform.Microsoft.Shadow(color='#888888',
Direction=135, Strength=3);
       
        }
        .menuitem{
         border-left:0px #00ff00 solid;
         border-right:1px #00ff00 solid;
         border-bottom:1px #00ff00 solid;
         border-top:1px #00ff00 solid;        
        }
        .menuitemover{
            border-left:0px #00ff00 solid;
            border-right:1px #00ff00 solid;
            border-bottom:1px #00ff00 solid;
            border-top:1px #00ff00 solid;
         /*filter:"progid:DXImageTransform.Microsoft.GradientWipe(duration=.5, wipeStyle=1)"*/
        }
        .dmenuitem
        {
            text-align:left;
         border-left:0px #00ff00 solid;
         border-right:1px #00ff00 solid;
         border-bottom:1px #00ff00 solid;
         border-top:0px #00ff00 solid;
        }
        
        .selected{
         border-left:0px #00ff00 solid;
         border-right:1px #00ff00 solid;
         border-bottom:1px #00ff00 solid;
         border-top:0px #00ff00 solid;
        }
        .dmenuitemover{
          border-left:0px #00ff00 solid;
          border-right:1px #00ff00 solid;
          border-bottom:1px #00ff00 solid;
          border-top:0px #00ff00 solid;
        }
        .toolbar1
        {
         filter:progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=157, Strength=2);
        }
        

     #idMainMenu  A,
     #Menu1  A:link,
     #Menu1  A:active,
     #Menu1  A:visited,
     #Menu1  A:hover,
     #Menu1  SPAN SPAN
{
 color:#ffffff;
 
 
 font-family: tahoma;
 font-size:larger;
 font-weight: bold;
 font-style: normal;
 line-height: normal;
 font-variant: normal;
 text-transform: none;
 text-decoration: none;
}


Author: Aamir Hasan     औथोर: आमिर हसन       أثر أمير حسن .

ALL, asp.net, CSS ,

Dynamic exchange of Themes and css asp.net csharp

22. November 2009
Comments (0)

create two css 

blog.css

body
{
color: #cc000a;
background-color: #eaeeee;
}
.reverse
{
background-color: White;
color: Maroon;
}

forum.css
body
{
background-color: White;
color: Black;
}
.reverse
{
background-color:Black;
color:White;
}

copy this link into head tag

<link href="dark.css" rel="stylesheet" type="text/css" id="sst1" />

 

copy this in aspx file in form tag

<asp:RadioButton ID="radio1" runat="server" AutoPostBack="True" GroupName="sst" OnCheckedChanged="sss" Text="Light" />
<asp:RadioButton ID="radio2" runat="server" AutoPostBack="True" Checked="True" GroupName="sst" OnCheckedChanged="sss" Text="Dark" />

 

 

in cs file

 

protected void sss(object sender, EventArgs e)
{

if (radio1.Checked)
stylesheet.href="blog.css";
if (radio2.Checked)
stylesheet.href="fourm.css";
}


Author: Aamir Hasan     औथोर: आमिर हसन       أثر أمير حسن .

ALL, asp.net, CSS, Themes

siFR - Scalable Inman Flash Replacement

19. November 2009
Comments (0)

hen you want to use sIFR on links and don't want to compromise on accessibility and usability, check out this link:

crossroads

Here you will see and read how to apply sIFR on links, that still do have:

  • title attribute showing as tool tip
  • accessible trough tabbing
  • context menu on right-click
  • href info showing up on status bar
  • clean referrer passthrough

sIFR and Pixelfonts

in dontcustomizeme.as around line 116 you'll find :

textsize = textsize -12

if you add the following two lines straight after it, your font size will be a nice multiple of 8...

textsize = (Math.floor(textsize/8)*8); textsize = Math.max(8,textsize);


Author: Aamir Hasan     औथोर: आमिर हसन       أثر أمير حسن .

Ajax, ALL, asp.net, CSS, HTML, JQuery, Search Engine Optimization , TIPS



User Name: Guest

Your Ip: 38.107.191.93
Time: