All About CSS

URL : http://www.cssportal.com/


Here at CSSPortal, we have gathered as much information as possible to try and help you learn CSS and improve your web design skills.

At this site, you'll find a range of quality resources all geared towards CSS, if you're looking for a new design for your website, then please check out our range of CSS templates or if you would like to design your own site, you may wish to check out some software to help, go to CSS software for some great programs. Also at CSSPortal, you'll find all the CSS properties, CSS books and a nice collection of CSS examples.

CSS Menu Generator has been updated to make it more user friendly.

- CSS properties list has been updated to include CSS 3 Properties.
- New CSS tool has just been released, Format CSS Code.
- Check out our new page about CSS3 Examples.

URL : http://www.cssportal.com/

Different Style in HTML Text Field

CSS Text Box Element

CSS Code

/* Text Box with Different Border: */
.tb-border {
border: 1px solid #0000FF;
}

/* Text Box with Background Color: */
.tb-background {
background-color : #99FFCC;
border: 1px solid #008000;
}

/* Text Box with Background Image: */
.tb-bg-image {
background-image: url(bg.png);
border: 1px solid #6297BC;
}

/* Text Box with Focus: */
.tb-focus {
border: 1px solid #888377;
}
.tb-focus:focus {
background-color: #F4EEDD;
}

/* Text Box with Side Image: */
.tb-bg-side {
background-image: url(Portal.gif);
background-repeat:no-repeat;
background-position:left;
border: 1px solid #6297BC;
padding-left:16px;
}

/* Text Box with Rounded Corners: */
.tb-rounded {
border:0;
background: transparent url(rounded.gif) no-repeat top left;
height: 22px;
width: 230px;
padding-top:2px;
}

/* Text Box with Gradient: */
.tb-gradient {
border:0;
background: transparent url(gradient.gif) no-repeat top left;
height: 22px;
width: 230px;
padding-top:2px;
}

Source: http://www.cssportal.com/form-elements/text-box.htm
Demo: View Demo

jCarousel-jQuery plugin

jCarousel description

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order.
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order.
The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).
To use the jCarousel component, include the jQuery library, the jCarousel source file, the jCarousel core stylesheet file and a jCarousel skin stylesheet file inside the head tag of your HTML document.
----------------------------------------------------------------------
Home Page: http://sorgalla.com/jcarousel/
Demo: View Demo
Download : Download jCarousel
Documentation: http://sorgalla.com/projects/jcarousel/
Examples : http://sorgalla.com/jcarousel/
----------------------------------------------------------------------

How to turn on log4j debug

use this jvm flag : -Dlog4j.debug

How to disable copy paste and autocomplete for an HTML textbox

INPUT size=12 name=”FundsTransferTo” maxlength=12 onCopy=”return false” onDrag=”return false” onDrop=”return false” onPaste=”return false” autocomplete=off;