Page Source Creation Part 8

Java Tutorials - Learn Java Online | Beginners Tutorial for JAVA JDBC JSP JBoss

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-6980313-1']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

label.error { width: 250px; color: red; display: block; float: left; padding-left: 10px; }

body {

padding-top: 60px; /* Whatever the height of your navbar is; the

default is 50px */

background-color: #fff;

/*background:#59585d url(/images/bodybg.gif) repeat-x;*/

font:normal 10pt Arial, Helvetica, sans-serif;

font:bold 10pt Arial, Helvetica, sans-serif;

color:#D10026;

.innerpageSearchinputtxt

width:350px;

height:32px;

float:left;

background:url(/d2/images/inputbg.gif) repeat-x;

border:0;

font-weight:bold;

.innerpageSearchinputbtn

border:0;

float:left;

padding:10px 15px;

background:#D10026;

color:#ffffff;

font-weight:bold;

text-align:center;

.search

padding:6px;

background:grey;

width:438px;

height:45px;

.pageTopicpostsinfo

float:left;

padding:8px 0 0 20px;

color:#000000;

background:url(/d2/images/icon_time.gif) no-repeat left bottom;

.pageTopicpostsinfo a

float:right;

text-align:right;

color:#000000;

font-weight:bold;

margin:0 0 0 200px;

padding:0 0 0 15px;

text-decoration:none;

background:url(/d2/images/icon_comments.gif) no-repeat left;

/* home page tutorials left */

.catboxshow

width:480px;

height:120px;

float:left;

margin:5px;

padding:8px;

background:#ebebeb;

.catboxicon

width:85px;

float:left;

.catdetailsleft

width:370px;

float:right;

color:#59585D;

padding:2px;

background:white;

.catdetails

width:330px;

float:right;

color:#59585D;

padding:2px;

background:white;

.catdetails a

color:#000000;

margin:0 10px 0 0;

line-height:18pt;

.catdetails a:hover

text-decoration:underline;

.catboxshow:hover

background:#dadada;

.catboxshowAds

width:463px;

height:95px;

float:left;

margin:5px;

padding:8px;

background:#ebebeb;

.catboxad

width:468px;

height:60px;

padding:17px 0;

.footerh1

font:normal 18pt Georgia, "Times New Roman", Times, serif;

color:#d10026;

.footerh1 a

color:#d10026;

.tutorialsstaticdata

width:380px;

float:left;

margin:5px;

padding:8px;

background:white;

/* --------------------------------------------- TOPIC DETAILS PAGE START --------------------------------------*/

.topoicdetails

width:100%;

float:left;

padding:5px 0 15px 0;

.topoicTitle

width:100%;

float:left;

margin:0 0 10px 0;

color:#000000;

border-bottom:1px solid #EBEBEB;

.topicDetailsShow

width:100%;

float:left;

font:normal 13px Arial, Helvetica, sans-serif;

line-height:18pt;

overflow:hidden;

.topicDetailsAdLeft

float:left;

margin:0 10px 10px 0;

width:350px;

.topicDetailsAdRight

float:right;

margin:0 0 10px 10px;

.topicDetailsCodes

width:100%

float:left;

margin:0 30px;

padding:10px 20px;

border:1px solid #f7e3d3;

color:#885600;

background:#fffffa;

font:normal 13px "Courier New", Courier, monospace;

.topicDownloadLink

float:left;

padding:8px 16px;

background:#EBEBEB;

color:#D10026;

.topicDownloadLink:hover

background:#D10026;

color:#ffffff;

.topicNavigations

width:100%;

float:left;

margin:10px 0;

padding:5px 0;

text-align:center;

background:#D10026;

.topicNavigations a

color:#ffffff;

margin:0 70px;

.topicNavigationsBlack

width:100%;

float:left;

margin:10px 0;

padding:5px 0;

text-align:center;

background:#ffffff;

.topicNavigationsBlack a

color:#D10026;

margin:0 70px;

.topicNavigationsnew

width:100%;

float:left;

margin:10px 0;

padding:5px 0;

text-align:center;

background:#ffffff;

.topicNavigationsnew a

color:#D10026;

margin:0 70px;

.topicrelatedpost

width:100%;

float:left;

.topicComment

width:98%;

float:left;

margin:5px 0;

padding:10px;

background:#f1f1f1;

.topicCommentTitle

width:98%;

float:left;

margin:0 0 15px 0;

border-bottom:1px solid #9e9ca5;

color:#59585D;

text-transform:uppercase;

.leveltxtfrom

width:150px;

float:left;

padding:4px 0 0 0;

text-align:right;

.levelinputfrom

width:98%;

float:right;

margin:0 0 10px 0;

padding:0 10px 0 0;

.levelinputfrom a

margin:0 10px;

color:#D10026;

.topicfrmtxt

width:50%;

float:left;

padding:5px;

background:#ffffff;

border:0;

.topicpostcomment

width:100%;

float:left;

padding:10px 0;

.topicpostcommentShow

width:98%;

float:left;

background:#f1f1f1;

padding:20px;

margin:0 0 3px 0;

.topicpostcommentLeft

width:60px;

float:left;

padding:0 0 0 0;

.topicpostcommentRight

width:98%;

float:left;

.postusertitle

color:#000000;

.postusertitle:hover

/* --------------------------------------------- TOPIC DETAILS PAGE END --------------------------------------*/

/* --------------------------------------------- START QUESTION/ANSER PAGE --------------------------------------*/

.questionsec

width:100%;

float:left;

padding:10px;

background:#f1f1f1;

overflow:hidden;

.questionsecQuestionListing

width:100%;

float:left;

padding:10px;

background:#DFDFDF;

overflow:hidden;

.questionsecWhite

width:100%;

float:left;

padding:10px;

background:white;

overflow:hidden;

.questionsecShow

width:100%;

float:left;

margin:0 0 20px 0;

padding:5px 0;

border-bottom:1px solid #CCCCCC;

.questionsecShowNoBorder

width:100%;

float:left;

margin:0 0 5px 0;

padding:5px 0;

.questionsecLeft

width:100px;

float:left;

text-align:center;

.questionsecRight

width:400px;

float:left;

line-height:14pt;

margin:0 0 0 10px;

.questionsecRight a

color:#333333;

.answerheading

width:100%;

padding:10px;

float:left;

background:#EBEBEB;

color:#D10026;

.answerheadingWhite

width:100%;

padding:10px;

float:left;

background:white;

color:#D10026;

.answerShow

width:100%;

padding:10px;

margin:0 0 20px 0;

float:left;

.answerLeft

width:100px;

float:left;

text-align:center;

.answerRight

width:100%;

float:right;

line-height:14pt;

.answerRight a

color:#D10026;

.QuestionShow

width:100%;

padding:10px;

margin:0 0 5px 0;

float:left;

background:#EBEBEB;

.QuestionListingRight

width:100%;

float:right;

line-height:14pt;

.QuestionListingRight a

color:#D10026;

.relatedPages

width:100%;

padding:10px;

margin:0 0 20px 0;

float:left;

.relatedPages a

color:#D10026;

.ads336x280

width:100%;

margin:0 auto;

float:left;

background:white;

text-align:center;

.answerdetailsNopadding

width:100%;

float:left;

.listQuestions

width:100%;

float:left;

padding:3px;

margin:0 0 8px 0;

background:#ebebeb;

overflow:hidden;

/* question and answer - Ends */

/* Footer Css */

.pageFooter

width:98%;

float:left;

padding:0 6px;

background:url(/d2/images/page_footerbg.gif) no-repeat

.footer

width:98%;

margin:12px 0 0 0;

float:left;

background:#000000 url(/d2/images/footer_bg.gif) repeat-x;

.footerShow

width:98%;

margin:0 auto;

color:#999999;

.footerh1

color:#d10026;

.footerh1 a

color:#d10026;

.footerLink

width:98%;

float:left;

.footerLink ul

width:166px;

float:left;

padding:0;

margin:0;

list-style:none;

font-weight:bold;

color:#ffffff;

.footerLink li

width:166px;

float:left;

margin:0;

list-style:none;

.footerLink ul li a

float:left;

margin:1px 0;

padding:0;

list-style:none;

color:#999999;

.footerLink ul li a:hover

.footerShow a

font-weight:bold;

color:#ffffff;

margin:0 20px 0 0;

.footerShow a:hover

/* footer Css ends */

.fb-comments, .fb-comments iframe[style], .fb-comments span {

width: 100% !important;

.navbar

background-image: url(/d2/images/navigation_bg.gif);

background-repeat: repeat-x;

.navbar li

color:#ffffff;

/*-- change navbar dropdown color --*/

.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {

background-color: #9F0000;

color:#ffffff;

.navbar-default {

background-color: #e74c3c;

border-color: #c0392b;

.navbar-default .navbar-brand {

color: #ecf0f1;

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

color: #ffbbbc;

.navbar-default .navbar-text {

color: #ecf0f1;

.navbar-default .navbar-nav > li > a {

color: #ecf0f1;

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

color: #ffbbbc;

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

color: #ffbbbc;

background-color: #c0392b;

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

color: #ffbbbc;

.navbar-default .navbar-toggle {

border-color: #c0392b;

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

.navbar-default .navbar-toggle .icon-bar {

background-color: #ecf0f1;

.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

border-color: #ecf0f1;

.navbar-default .navbar-link {

color: #ecf0f1;

.navbar-default .navbar-link:hover {

color: #ffbbbc;

@media (max-width: 767px) {

.navbar-default .navbar-nav .open .dropdown-menu > li > a {

color: #ecf0f1;

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

color: #ffbbbc;

.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {

color: #ffbbbc;

/* search bar */

.innerpageSearch

width:100%;

margin:0 0 10px 0;

.innerpageSearchLeft

width:132px;

height:59px;

float:left;

background:url(/d2/images/search_tutorials.gif) no-repeat left top;

.innerpageSearchMiddle

width:70%;

height:59px;

padding:10px 5px;

float:left;

background:#59585d;

.innerpageSearchinputtxt

width:70%;

height:32px;

float:left;

background:url(/d2/images/inputbg.gif) repeat-x;

border:0;

font-weight:bold;

.pageTopicSec

width:100%;

float:left;

padding:5px;

background:#ebebeb;

font:bold 20pt Georgia, "Times New Roman", Times, serif;

color:#D10026;

.topicDetailsShow

width:98%;

float:left;

line-height:18pt;

overflow:hidden;

/* Questions Css */

.questionsec

width:100%;

float:left;

padding:10px;

background:#f1f1f1;

overflow:hidden;

.questionsecShow

width:100%;

float:left;

margin:0 0 20px 0;

padding:5px 0;

/* Questions css -ends */

/* ------------------------------- START COMMENT PAGE HERE -------------------------------------*/

.questionsec fieldset

border:1px solid #CCCCCC;

float:left;

width:100%;

padding:0 5px 8px 10px;

margin:0 0 15px 0;

.questionsec legend

padding: 0.2em 1em;

color:#59585D;

font:bold 9pt Arial, Helvetica, sans-serif;;

.postimgleft

float:left;

margin:0 10px 0 0;

/* ------------------------------- END COMMENT PAGE HERE -------------------------------------*/

/* 600px comment box */

.postcommentshow_tutorial

width:100%;

float:left;

padding:1px;

margin:20px 0 20px 2px;

border:1px solid #cccccc;

.postcomment_tutorial

width:100%;

float:left;

padding:11px;

background:#f1f1f1;

.postcomment_tutorial h1

margin:0;

text-shadow:2px 1px 1px #ffffff;

.writelvltxt_tutorial

width:120px;

float:left;

text-align:left;

padding:8px 20px 0 0;

.writefrmtxt_tutorial

width:90%;

float:left;

padding:8px 5px;

border:0;

margin:0 0 10px 0;

background:#ffffff;

.writefrmtxtCaptcha_tutorial

width:50%;

float:left;

padding:8px 5px;

border:0;

margin:0 0 10px 0;

background:#ffffff;

.writefrmtxt_tutorial:focus

border:1px solid #cccccc;

padding:7px 4px;

background:#f9f9f9;

.writefrmbtn_tutorial

float:left;

padding:5px 10px;

color:#ffffff;

background:url(/d2/images/maroon_grad.gif) repeat-x;

border:0;

text-transform:uppercase;

text-align:center;

letter-spacing:1px;

/* 600px comment box ends*/

.paging

width:100%;

float:left;

height:30px;

padding:4px;

.paging a

float:left;

margin:0 3px 0 3px;

padding:4px 6px 4px 6px;

border:1px solid #C3C3C3;

color:#d10026;

.paging a:hover

border:1px solid #ECECEC;

color:#ffffff;

background:#d10026;

.AdsBottom336X280

width:98%;

height:300px;

float:left;

margin:0 0 10px 0;

color:#ffffff;

text-align:center;

.socialplugin

width:98%;

float:left;

margin:0 0 10px 0;

color:black;

text-align:center;

.leftSecPage

width:160px;

height:610px;

float:left;

margin:0px 0 10px 0;

.leftFloatMenu ul { list-style: none; }

.leftFloatMenu ul li a { display: block; margin-bottom:2.5px; border-bottom: 1px dotted #ccc; font-weight:normal; padding: 0 0 0 4px; color: black; font-size: 13px;text-decoration:none; }

.leftFloatMenu ul li a:hover { background: #f1f1f1; color: #D10026; }

.leftFloatMenu ul li:last-child a { border: none; }

.leftFloatMenu ul li a.current { color: #D10026; font-weight:bold;}

.leftFloatMenu { background: #EBEBEB; padding: 2px; margin: 0 0 20px 0; overflow: hidden;}

.leftFloatMenu ul,li {

margin:0;

padding:0;

.leftFloatMenu ul.menu li.heading

background:#a6c53b !important;

border:1px solid #4b4b4a !important;

.tutorialpselected{

background-color:#FBFBCC;

.pageTopicSec

width:100%;

float:left;

padding:5px;

background:#ebebeb;

color:#D10026;

.pageTopicSec h1

color:#D10026;

padding:2px;

margin: 0 0 0 0;

.pageTopicSec a

float: right;

padding:10px;

color:#D10026;

/* Related tutorials */

.relatdtutorialsdiv{

background: white; /* Background color for the related posts container */

padding: 1px;

margin: 2px;

float:left;

width:95px;

height:152px;

overflow:hidden;

.relatdtutorialsdiv:hover { background-color: #F5F5F5 !important; text-align:center; }

.relatdtutorialsdiv a{

border-bottom:1px solid #d5d5d5;

color:#000000;

text-align:center;

.relatdtutorialsdiv a:hover

color:#D10026;

/* related tutorials ends */

/* ------------------------------- START SERVICES PAGE HERE -------------------------------------*/

.servicesleftPage

width:100%;

float:left;

line-height:13pt;

.servicesleftPage h1

width:100%;

float:left;

color:#D10026;

padding:0 0 3px 0;

margin:0 0 15px 0;

.servicesleftPage a

color:#000000;

.servicesleftPage a:hover

color:#D10026;

.servicesrightPage

width:310px;

float:right;

.rightbox

width:306px;

float:left;

padding:1px;

margin:0 0 10px 0;

.rightboxShow

width:306px;

float:left;

background:#EBEBEB;

.rightboxShow h1

width:296px;

float:left;

background:url(/d2/images/maroon_grad.gif) repeat-x;

color:#ffffff;

margin:0;

padding:5px;

.rightboxShow form

width:296px;

float:left;

padding:10px 5px;

.rightboxShow form label

width:90px;

float:left;

padding:2px;

margin:2px 10px 5px 0;

text-align:right;

.rightboxShow form .inputtext

width:180px;

background:#ffffff;

border:0;

padding:3px;

margin:2px 0 5px 0;

.rightboxShow form textarea

background:#ffffff;

border:0;

margin:2px 0 5px 0;

.rightboxShow form radio

width:280px;

float:left;

padding:3px;

background:#ffcc00;

border:0;

margin:2px 0 5px 0;

.iconimg

float:left;

margin:0 2px 0 0;

/* ------------------------------- END SERVICES PAGE HERE -------------------------------------*/

div.google_tut_table {

position: relative;

width: 100%;

border: 1px solid #99CCFF;

background-color:#F4F8FF;

margin: 15px 0px 15px 0px;

padding: 10px 0px 0px 0px;

span.google_tut_cat {

font-family: arial;

font-size: 10px;

color: #fff;

position: absolute;

left: 8px;

top: -8px;

padding: 1px 3px 1px 3px;

background-color: #336699;

z-index: 2;

a.category, a.category:hover {

text-decoration: none;

color: #fff;

table.tut_content {

width: 100%;

text-align: left;

border-bottom: 1px dashed #336699;

margin: 0px 0px 5px 0px;

z-index: 1;

.innerpageSearchMiddle{

width:150px;

.innerpageSearch{

display: none;

#breadcrumdiv {

display: none;

.catboxshow{

width:98%;

.catdetailsleft{

width:70%;

.catdetails{

width:67%;

.nav {

background-image: url(/d2/images/navigation_bg.gif);

background-repeat: repeat-x;

.navbar-default .dropdown-menu>li>a:hover {

color: white;

.navbar .nav > li > a {

float: none;

padding: 10px 15px 10px;

color: black;

text-decoration: none;

text-shadow: 0 2px 0 #ffffff;

.navbar .navbar-header > li > a:hover {

color: white;

.navbar .navbar-header > li > a {

color: white;

Toggle navigation

Java

Java - Index

Core Java

Java SE 6

Advanced Java

JSP

Servlets

JDBC

EJB

Web Services

J2ME

JSTL

Frameworks

Frameworks - Index

Hibernate

Struts 1.x

Struts 2

JSF

JavaFX

Ajax

Spring 2.5

Spring 3

DOJO

iBatis

Flex 3

Flex 4

Database

Database - Index

SQL

MySQL

Technology

Technology - Index

GPS

WiMaX

VoIP

WiFi

HSDPA

WAP

EAI

Web

Web Development - Index

HTML

Java Script

Build/Test

Build/Test Tools - Index

DBUNIT

ANT

Maven

JUNIT

Jmeter

Servers

Servers - Index

Servers for Java

Tomcat

Apache Geronimo

Jboss

Programming Tutorials

Tutorials of Software Programming technologies: Java, JSP, EJB, JDBC, Servlets, Hibernate, Spring, J2EE, BioInformatics, Java Server Faces, Struts, XML, MySQL, Web development, PHP and other Technologies. Learn latest software development, testing and deployment process with the help of articles and examples provided on our website.

Share on Google+

This site contains many quality Java,

JSP Tutorials, Hibernate Tutorials, Struts Tutorials, JSF Tutorials,

RMI, MySQL Tutorials, Spring Tutorials, source codes and links to other java resources. We have large number of links to the tutorials on java which will help you learn java in better way. You will find these links very useful. Browser Programming tutorials by Category >>>

(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));

Documents

Page Source Creation Part 8