Private: Code & Script Snippet » CSS+XHTML http://dev.kratik.net Every thing you imagin, study it - know it - use it Thu, 24 Jun 2010 08:30:01 +0000 http://wordpress.org/?v=2.8.5 en hourly 1 Firebug on google chrome http://dev.kratik.net/index.php/2010/03/12/firebug-on-google-chrome/ http://dev.kratik.net/index.php/2010/03/12/firebug-on-google-chrome/#comments Fri, 12 Mar 2010 08:39:33 +0000 admin http://dev.kratik.net/?p=862

+

Compatible with all major browsers: IE6+, Firefox, Opera, Safari and Chrome

ref: http://getfirebug.com/releases/lite/chrome/ ]]>

+

Compatible with all major browsers: IE6+, Firefox, Opera, Safari and Chrome

ref: http://getfirebug.com/releases/lite/chrome/ ]]> http://dev.kratik.net/index.php/2010/03/12/firebug-on-google-chrome/feed/ 0 Centering: Auto-width Margins http://dev.kratik.net/index.php/2009/10/12/centering-auto-width-margins/ http://dev.kratik.net/index.php/2009/10/12/centering-auto-width-margins/#comments Mon, 12 Oct 2009 17:15:31 +0000 admin http://dev1.wordpress.com/?p=658

#Content { width:500px; margin:0px auto; text-align:left; padding:15px; border:1px dashed #333; background-color:#eee; } ]]> body {
margin:50px 0px; padding:0px;
text-align:center;
}

#Content {
width:500px;
margin:0px auto;
text-align:left;
padding:15px;
border:1px dashed #333;
background-color:#eee;
}
 ]]> http://dev.kratik.net/index.php/2009/10/12/centering-auto-width-margins/feed/ 0 css http://dev.kratik.net/index.php/2008/11/22/css/ http://dev.kratik.net/index.php/2008/11/22/css/#comments Sat, 22 Nov 2008 15:33:41 +0000 admin http://dev1.wordpress.com/?p=472 root reference: runat=”server” use ~/ html use ./

]]> root reference:
runat=”server” use ~/
html use ./

]]> http://dev.kratik.net/index.php/2008/11/22/css/feed/ 0 valign http://dev.kratik.net/index.php/2008/07/29/valign/ http://dev.kratik.net/index.php/2008/07/29/valign/#comments Tue, 29 Jul 2008 14:02:32 +0000 admin http://dev1.wordpress.com/?p=355  

DISPLAY

: block; FLOAT: left; WIDTH: 124px; COLOR: #fff; LINE-HEIGHT: 37px; HEIGHT: 41px; TEXT-ALIGN: center; TEXT-DECORATION: none

]]>  

DISPLAY

: block; FLOAT: left; WIDTH: 124px; COLOR: #fff; LINE-HEIGHT: 37px; HEIGHT: 41px; TEXT-ALIGN: center; TEXT-DECORATION: none

]]> http://dev.kratik.net/index.php/2008/07/29/valign/feed/ 0 Most used CSS tricks http://dev.kratik.net/index.php/2008/03/18/most-used-css-tricks/ http://dev.kratik.net/index.php/2008/03/18/most-used-css-tricks/#comments Tue, 18 Mar 2008 03:11:11 +0000 admin http://dev1.wordpress.com/2008/03/18/most-used-css-tricks/ http://stylizedweb.com/2008/03/12/most-used-css-tricks/

]]> http://stylizedweb.com/2008/03/12/most-used-css-tricks/

]]> http://dev.kratik.net/index.php/2008/03/18/most-used-css-tricks/feed/ 0 tab http://dev.kratik.net/index.php/2008/03/18/tab-2/ http://dev.kratik.net/index.php/2008/03/18/tab-2/#comments Tue, 18 Mar 2008 03:10:22 +0000 admin http://dev1.wordpress.com/?p=349 http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html

form

http://www.noupe.com/css/47-excellent-ajax-css-forms.html

]]> http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html

form

http://www.noupe.com/css/47-excellent-ajax-css-forms.html

]]> http://dev.kratik.net/index.php/2008/03/18/tab-2/feed/ 0 icon http://dev.kratik.net/index.php/2008/03/17/icon/ http://dev.kratik.net/index.php/2008/03/17/icon/#comments Mon, 17 Mar 2008 03:04:48 +0000 admin http://dev1.wordpress.com/2008/03/17/icon/ http://www.divland.com/blog/2008/02/21/39-free-icon-ready/

]]> http://www.divland.com/blog/2008/02/21/39-free-icon-ready/

]]> http://dev.kratik.net/index.php/2008/03/17/icon/feed/ 0 css technic http://dev.kratik.net/index.php/2008/02/06/css-technic/ http://dev.kratik.net/index.php/2008/02/06/css-technic/#comments Wed, 06 Feb 2008 07:00:12 +0000 admin http://dev1.wordpress.com/2008/02/06/css-technic/ http://veerle.duoh.com/

http://www.noupe.com/

http://prototype-window.xilinus.com/samples.html

http://www.swfir.com/

simple modal

http://www.ericmmartin.com/simplemodal/ 

]]> http://veerle.duoh.com/

http://www.noupe.com/

http://prototype-window.xilinus.com/samples.html

http://www.swfir.com/

simple modal

http://www.ericmmartin.com/simplemodal/ 

]]> http://dev.kratik.net/index.php/2008/02/06/css-technic/feed/ 0 Style Your Image Links http://dev.kratik.net/index.php/2008/02/06/style-your-image-links/ http://dev.kratik.net/index.php/2008/02/06/style-your-image-links/#comments Wed, 06 Feb 2008 04:47:40 +0000 admin http://dev1.wordpress.com/?p=342

Mouse over behaviors have a certain significance when we’re talking about usability. Letting users know that particular section of our website is meant to be clicked on is best achieved through mouse over effect. Those “clickable” sections certainly include content images. But what can you do with image mouseovers? Add a different border? [...]]]> image

Mouse over behaviors have a certain significance when we’re talking about usability. Letting users know that particular section of our website is meant to be clicked on is best achieved through mouse over effect. Those “clickable” sections certainly include content images. But what can you do with image mouseovers? Add a different border? This script will certainly help you to do a bit more than that…

ref: http://cssglobe.com/post/1238/style-your-image-links

]]> http://dev.kratik.net/index.php/2008/02/06/style-your-image-links/feed/ 0 Drop shadow div (IE) http://dev.kratik.net/index.php/2008/02/04/drop-shadow-div-ie/ http://dev.kratik.net/index.php/2008/02/04/drop-shadow-div-ie/#comments Mon, 04 Feb 2008 11:44:00 +0000 admin http://dev1.wordpress.com/2008/02/04/drop-shadow-div-ie/ <div style=” color: White; background-color: Maroon; width: 200px; height: 200px; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=’gray’, Positive=’true’)”> xxxxxxxxxx</div>

ref: http://msdn2.microsoft.com/en-us/library/ms532985.aspx

]]> <div style=” color: White; background-color: Maroon; width: 200px; height: 200px; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=’gray’, Positive=’true’)”> xxxxxxxxxx</div>

ref: http://msdn2.microsoft.com/en-us/library/ms532985.aspx

]]> http://dev.kratik.net/index.php/2008/02/04/drop-shadow-div-ie/feed/ 0