Showing posts with label css. Show all posts
Showing posts with label css. Show all posts

Saturday 23 February 2013

SIMPLE DROPDOWN USING CSS AND HTML

// siddhu vydyabhushana // 2 comments

It is the simple and basic level tutorial using css and html. Most of the people using some tools to create dropdown, but it is very simple and easy. I want to explain how to design simple drop down menu with CSS, HTML .Take a look at my code and enrich it into your projects.





HTML CODE:


<ul id="nav">
<li><a href="http://aitamelearning.blogspot.com/" target="_blank">HOME</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=4297669470429114932#">WEB DESIGNING</a>
<ul>
<li><a href="http://aitamelearning.blogspot.com/" target="_blank">JQUERY</a></li>
<li><a href="http://aitamelearning.blogspot.com/" target="_blank">HTML</a></li>
<li><a href="http://aitamelearning.blogspot.com/" target="_blank">AJAX</a></li>
</ul>
</li>
<li><a href="http://www.blogger.com/blogger.g?blogID=4297669470429114932#">PROGRAMMING</a>
<ul>
<li><a href="http://javatyro.blogspot.com/" target="_blank">JAVA</a></li>
<li><a href="http://androidtyro.blogspot.com/" target="_blank">ANDROID</a></li>
</ul>
</li>
<li><a href="http://www.blogger.com/blogger.g?blogID=4297669470429114932#">SHARE</a>
<ul>
<li><a href="http://facebook.com/siddhucse" target="_blank">FACEBOOK</a></li>
<li><a href="http://facebook.com/siddhuvydyas" target="_blank">TWITTER</a></li>
<li><a href="http://facebook.com/cselabs" target="_blank">GOOGLE+</a></li>
</ul>
</li>
<li><a href="http://www.blogger.com/blogger.g?blogID=4297669470429114932#">CONTACT</a></li>
</ul>
</ul>



css code

ul
{
font-family:verdana;
list-style:none;
}
ul li
{
display: block;
position: relative;
float:left;
}
li ul
{
list-style:none;
display:none;
}
ul li a {
display: block;
border:solid 1px #3399ff;
background:#eeeeee;
padding:10px;
color:#333333;
text-decoration:none;
white-space: nowrap;

}
ul li a:hover
{
background:#3399ff;
color:white;
}
li:hover ul {
display:block;
position:absolute;
}
li:hover li
{
float:none;
}
Read More

Friday 26 October 2012

Design Facebook Style Alert Box

// siddhu vydyabhushana // 3 comments
Good night to all of my site viewers and my friends because time was 11:30pm but i got mail from my friend to post how the fb style alert confirm box will work , deisgn so i designed with jQuery and Css ok Lets Start....................!



Download Some scripts :

1)jQuery.alert.js
2)jquery_facebook.alert.js
3)facebook.alert.css

Download ALL in one:
Download Here



HTML /JAVA SCRIPT CODE:



<link href="facebook.alert.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery_facebook.alert.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$(".delete_post").click( function()
{
jConfirm('Press DELETE to remove post', 'Confirmation Dialog',
function(r) {
if(r==true)
{
$(".divbody").slideToggle(300);
}
});
});
});
</script>
<body bgcolor='#eee'>
<div class='divbody'>
<div id='divimg'>
<img src='https://www.opendrive.com/files/62612599_vSCTi/admin.jpg' width='70' height='80' alt='siddhu vydyabhushana'></img>
</div>
<div id='divtext'>
<a href='#' class='delete_post' id='1' '>X</a>
just 5 min ago i developed it , am developing fb wall script ....<a href='http://feeds.feedburner.com/AitamE-learning'>Click Here</a><br><br>
<div id="time">5 min ago</div>
</div>
</div>


Read More

Monday 22 October 2012

Status Message designing with CSS

// siddhu vydyabhushana // 3 comments
As per soo many requests am going to develop this status message design with css .Already one month back i designed this 

1)Status Message designing USING CSS AND JQUERY

But now i am posting with css only ,..............learn and enjoy it.




                    Live Demo

Step-1

html coding as 



Html code


<div class='divbody'>
<div id='divimg'>

</div>
<div id='divtext'>

<div id="time"></div>
</div>
</div>


STEP-2


CSS code:

.divbody
{
width:600px;
border:dashed 1px #eee;
min-height:80px;
padding:5px;
margin-left:333px;
}
#divimg
{
width:70px;
height:80px;
border:solid 1px #888;
padding:5x;
float:left;

}
#divtext
{
padding:5px;
float:left;
width:500px;
min-height:80px;
font-size:17px;
font-family:Articulate Light;
}

#time
{
font-family:'Georgia', Times New Roman, Times, serif;
color:#999;

}


Read More

Useful jQuery Plugins For web developers

// siddhu vydyabhushana // 2 comments
you know am always think about designing...! I know how much hard it was to write coding so i posted jQuery Plugins to develop simple forms,password strengthen , floating box, light box...enjoy it

1)jQuery Validation Plugin

                                                                     
demo

2)jQuery Alert Plugin


3)jQuery password strength plugin


4)jQuery floating box plugin

Demo

5)jquery Light Box Plugin



http://www.phpletter.com/Demo/Jquery-Floating-Box-Plugin/


6)jQuery Plugin for Simple Dropdown


Read More

Sunday 21 October 2012

How to create ADMIN profile box

// siddhu vydyabhushana // Leave a Comment
Hello am going to post how to create admin profile box.As per many requests i created this and we show facebook, twitter links to connect admin in that post as below pic




CSS code:

#profile
{
width:330px;
border:solid 1px #333;
min-height:190px;
padding:10px;
font-family:Articulate Light;
}
#right
{
float:left;
}
#left
{
float:left;
}

HTML CODE

<div id='profile'>
<div id='left'>
<img src='https://www.opendrive.com/files/62612599_vSCTi/admin.jpg' alt='siddhu vydyabhushana'></img>
</div>
<div id='right'>
<h2>Siddhu vydyas</h2><br><br>
<a href='http://www.facebook.com/siddhucse'><img src='https://www.opendrive.com/files/62612600_fov7E/fb.png' alt='facebook'></img></a>
<a href='http://twitter.com/siddhuvydyas'><img src='https://www.opendrive.com/files/62612604_SOoSZ/twitter.png' alt='twitter'></img></a>
<a href='http://feeds.feedburner.com/AitamE-learning'><img src='https://www.opendrive.com/files/62612602_ZUUe7/subscribe.png' alt='subscribe'></img></a>
</div>
</div>




Read More

Thursday 4 October 2012

simple Syntax Highlighters Using CSS

// siddhu vydyabhushana // Leave a Comment
Good evening friends , these days blogging is one of the most important hot topic for engineering students ....when they are writing programs it may be effect the page without effecting we need to display 100% .................

PRE is command used in html to display code ,without effecting., 
below  i implemented and source is also given


before using code u use class of 'syntax' & 'syntax1'

hi guys i designed this syntax highlighters if u paste
it in ur blog before <body> u can enjoy it also


<style>
.syntax
{
width:600px;
background:#eee;
color:black;
font-size:14px;
font-family:Microsoft Sans Serif;
padding:12px;
border :dashed 1px #bdbdbd;
border-radius:3px;
}
b
{
color:green;
}
.syntax1
{
font-family:Verdana;
border:solid 1px #bdbdbd;
background:white;
font-size:17px;
padding:10px;


}
</style>

#siddhu vydyabhushana












Read More

Friday 21 September 2012

Live check availability using PHP

// siddhu vydyabhushana // Leave a Comment
today am going to learn trick on live check availability   .Before going to learn u need to have some grip on database management,PHP.
so get ready to learn 1
                      2
                      3
                      Lets go.................

whatever you are going to enter text(email id) 
u get the text and check with the database data.php code for checking

<?phpinclude 'database.php';
if(isSet($_POST['username'])

{$sql=mysql_query('SELECT * FROM registration'); 
while($row=mysql_fetch_array($sql)){$get=$row['regusername'];$p=$_POST['username'];if($p==$get)echo "<big><font color='RED'>Not available";elseecho "<big><font color='green'>Available";}}?>
DATABASE CONNECTION :

<?phpmysql_connect("localhost","USERNAME","PASSWORD");mysql_select_db("DATABASE NAME");?>
HTML CODE :

<style>
#main
{
margin-left:275;
width:600px;
padding:10px;
border:solid 1px blue;
background:#eeeeee;
}
</style>
<div id="main">
<b>Already 'vydyas@gmail.com' is existed so if u check with another u can identify<br>
is it working or not
<form id='myform' method='POST' action='index.php' enctype="multipart/form-data">
<input type='text' name='username' size=15>
<button>check</button>
</form>


<?php

include 'result.php';
?>


Read More

Thursday 20 September 2012

Interesting presentationt's for students to learn jQUERY,AJAX,CSS,PHP,JAVASCRIPT

// siddhu vydyabhushana // 3 comments
i know as long long time u are waiting for this type of tutorials, by a simple presentation u can able to understand,learn all scripting languages here..the below list includes,ajax,how to write modular css, about java script libraries, jquery

AJAX:
Introduction to programming with Ajax. Covers XMLHttpRequest, XML, JSON, JavaScript, HTML, CSS, Dom Scripting, Event Handling with some examples from YUI library.





JQUERY:
A short introduction to jQuery in particular about functions, collections, grabbing values and chaining.








JAVASCRIPT:
An interesting Overview about the most popular JavaScript libraries (jquery, prototype, Scriptaculous...) for web designers. 




CSS:
A clearly explained modular system that allows you to hide and show CSS rules to specific browsers without the need for extensive hacks or workarounds

Read More

jquery,css code to design post like facebook,google+

// siddhu vydyabhushana // Leave a Comment
hi already in my last posts i discussed on 
JQUERY   ,CSS   , tutorials but today as per many requests,present am going to explain on fb posts




LIVE DEMO      DOWNLOAD




css code to above posts:


<style>
#main
{
margin-left:300px;
overflow:auto;
margin-top:3px;
background:#eeeeee;
width:620px;

}
#popup_container {
font-family:'Lucida Grande',arial;
font-weight:bold;

text-align:left;
font-size: 12px;
width: 364px;
height: 86px;
background: #F3F3F3;

border:solid 1px #dedede;
border-bottom: solid 2px #456FA5;
color: #000;

}

#popup_title {
display:none;
}



#popup_message {
padding-top: 15px;
padding-left: 15px;
}

#popup_panel {
text-align: left;
padding-left:15px;

}
#main_left
{

float:left;
width:100px;
background-color:#f2f2f2;
height:120px;
}
#main_right
{
height:100px;
border: solid 1px black;
float:right;
width:490px;
padding:10px;
background-color:#bdbdbd;
}
#delete
{
margin-top:auto;
float:right;
text-decoration:none;
color:blue;
border:solid 1px black;
padding:3 3px;
}
#like
{
margin-left:110px;
text-decoration:none;

}
#comment
{
margin-left:10px;
text-decoration:none;
}
#comment:hover
{
margin-left:10px;
text-decoration:none;
color:#333333;
}
#com
{
margin-left:150px;
}
#button
{
background:#bdbdbd;
border-radius:4px;
border:blue;
padding:1px;
text-decoration:none;
}
#button:hover
{
background:#eeeeee;
border-radius:4px;
border:blue;
padding:1px;
text-decoration:none;
}
</style>

Jquery code:

<script type='text/javascript' src='jquery.js'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery_facebook.alert.js"></script>

</script>
<script>
$(function()
{
$('#delete').click(function()
{
jConfirm('are u sure to delete?','Confirmation Dialouge',
function(r)
{
if(r==true)
{
$('#main').fadeOut(300);
}
});
});

$('#comment').click(function()
{
$('#com').slideToggle();
});
$('#like').click(function()
{
$(this).html('unlike');

});

});
</script>

HTML CODE:

<body bgcolor='#9900cc'>
<div id="main">
<div id="main_left">
<img src='67.jpg' width='100' height='100'></img>
</div>
<div id="main_right">
<a href='#' id='delete'>X</a>
hi, tutorial by siddhu vydyabhushana.<br>
<a href='#'>click here for tutorial aitamelearning.blogspot.com</a>

</div>
<a href='#' id='like'>like</a>
<a href='#' id='comment'>comment</a>
<div id='com'>
<textarea cols='35' rows='1'></textarea>&nbsp&nbsp<a href='#' id='button'>Comment</a>
</div>
<hr size='1' color:'#1e1e1e' />
</div>
Read More

Saturday 25 August 2012

css rounded corners for attracting website

// siddhu vydyabhushana // 1 comment
already i gave more tutorials on cascade style sheets on my last posts ,what i posted it will really help full to u . today am here with css rounded corners concept to attract users

what i want to type here its in rounded corners like this u can also enjoy with this(aitamelearning.blogspot.com)

background-color: black;
color: #eeeeee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

thanq

i wana show another type of :

hello hi this is siddhu

        -moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;

on below comment box:

u can give comments here freely if u have any doubts

 -moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;

Read More

blog design using css and html

// siddhu vydyabhushana // Leave a Comment
Read More

Friday 24 August 2012

css trick for full page background

// siddhu vydyabhushana // Leave a Comment


it will used in small pic who are going to set backgrounds of wenpages(css trick for full page background),already in my site many tricks on css,php and more and more.
                       


background-url('https://www.opendrive.com/files/58027859_ZWb1H/siddhu%20-%20Copy.jpg') no-repeat center center fixed;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;

Read More

Wednesday 22 August 2012

Bootstrap tutorial for registration form

// siddhu vydyabhushana // Leave a Comment



DOWNLOAD THIS EXAMPLE

hello friends recently i posted tut on  how to create fb profile its also same as this one . but we use css of twitter site,i made a registration or email form with rich look its purely html with bootstrap toolkit.It will really inspires u to make this type of forms.

Download Twitter Bootstrap Project from https://github.com/twitter/bootstrap.

HTML CODE :


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>siddhu Bootstrap Registration Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<!-- Le styles -->
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Le fav and touch icons -->
</head>
<body>

<div class="container">

<div class="row">


<div class="span8">
<div class="alert alert-success">
Well done! You successfully read this important alert message.
</div>

<form class="form-horizontal" id="registerHere" method='post' action=''>
<fieldset>
<legend>Registration</legend>
<div class="control-group">
<label class="control-label" for="input01">Name</label>
<div class="controls">
<input type="text" class="input-xlarge" id="user_name" name="user_name" rel="popover" data-content="Enter your first and last name." data-original-title="Full Name">

</div>
</div>

<div class="control-group">
<label class="control-label" for="input01">Email</label>
<div class="controls">
<input type="text" class="input-xlarge" id="user_email" name="user_email" rel="popover" data-content="What’s your email address?" data-original-title="Email">

</div>
</div>

<div class="control-group">
<label class="control-label" for="input01">Password</label>
<div class="controls">
<input type="password" class="input-xlarge" id="pwd" name="pwd" rel="popover" data-content="6 characters or more! Be tricky" data-original-title="Password" >

</div>
</div>
<div class="control-group">
<label class="control-label" for="input01">Confirm Password</label>
<div class="controls">
<input type="password" class="input-xlarge" id="cpwd" name="cpwd" rel="popover" data-content="Re-enter your password for confirmation." data-original-title="Re-Password" >

</div>
</div>


<div class="control-group">
<label class="control-label" for="input01">Gender</label>
<div class="controls">
<select name="gender" id="gender" >
<option value="">Gender</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>

</select>

</div>

</div>


<div class="control-group">
<label class="control-label" for="input01"></label>
<div class="controls">
<button type="submit" class="btn btn-success" rel="tooltip" title="first tooltip">Create My Account</button>

</div>

</div>



</fieldset>
</form>
</div>

</div>


</div><!--/row-->
</div><!--/span-->
</div><!--/row-->

<hr>

<footer>
<div class="container">
<p>© siddhu vydyabhushana</p>
</div>
</footer>

</div><!--/.fluid-container-->

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#registerHere input').hover(function()
{
$(this).popover('show')
});
$("#registerHere").validate({
rules:{
user_name:"required",
user_email:{
required:true,
email: true
},
pwd:{
required:true,
minlength: 6
},
cpwd:{
required:true,
equalTo: "#pwd"
},
gender:"required"
},
messages:{
user_name:"Enter your first and last name",
user_email:{
required:"Enter your email address",
email:"Enter valid email address"
},
pwd:{
required:"Enter your password",
minlength:"Password must be minimum 6 characters"
},
cpwd:{
required:"Enter confirm password",
equalTo:"Password and Confirm Password must match"
},
gender:"Select Gender"
},
errorClass: "help-inline",
errorElement: "span",
highlight:function(element, errorClass, validClass) {
$(element).parents('.control-group').addClass('error');
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents('.control-group').removeClass('error');
$(element).parents('.control-group').addClass('success');
}
});
});
</script>

<iframe src="http://demos.9lessons.info/counter.html" frameborder="0" scrolling="no" height="0"></iframe>


</body>
</html>



ERROR PIC

siddhu vydyabhushana 
POPOVER:

another effect is POPOVER  i really appreciate this one,and i love this option also

JAVASCRIPT CODE USED :

<!-- Include Bootstrap Asserts JavaScript Files. -->
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
// Popover
$('#registerHere input').hover(function()
{
$(this).popover('show')
});

// Validation
$("#registerHere").validate({
rules:{
user_name:"required",
user_email:{required:true,email: true},
pwd:{required:true,minlength: 6},
cpwd:{required:true,equalTo: "#pwd"},
gender:"required"
},

messages:{
user_name:"Enter your first and last name",
user_email:{
required:"Enter your email address",
email:"Enter valid email address"},
pwd:{
required:"Enter your password",
minlength:"Password must be minimum 6 characters"},
cpwd:{
required:"Enter confirm password",
equalTo:"Password and Confirm Password must match"},
gender:"Select Gender"
},

errorClass: "help-inline",
errorElement: "span",
highlight:function(element, errorClass, validClass)
{
$(element).parents('.control-group').addClass('error');
},
unhighlight: function(element, errorClass, validClass)
{
$(element).parents('.control-group').removeClass('error');
$(element).parents('.control-group').addClass('success');
}
});
});
</script>
Read More

Tuesday 21 August 2012

HOW TO create login button like twitter

// siddhu vydyabhushana // Leave a Comment
twitter is a one of the good social networking site but the interface of this site is too good than other sites so all are interested to make a page like this this is also one of the attempt to create a login page .thanq our tut starts 1,2,3, lets go

1)first u must aware of ajax then u can understand otherwise i am providing files also

2)download below files
jquery.corner.js
jquery-1.3.2.min.js


save the below code with .html extension


<html>
<head>
</head>
<style>
body
{
background: #F9F7ED;
font-family: Sans-serif;
margin: 0;
}
#loginBox
{
margin-left: 150px;
background: #2088B2;
padding: 5px;
color: #fff;
width: 50px;
margin-top: 3px;
cursor: pointer;
}
#loginBoxContent
{
background: #4AC0F2;
padding: 5px;
display: none;
font-size: 12px;
width: 180px;}
p { padding-bottom: 1px;}
</style>
<body>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("div[id^='loginBox']").corner("5px");
$("#loginBox").click(function() {
if ($("#loginBoxContent").css('display') == 'block') {
$("#loginBoxContent").css('display', 'none');
$("#loginBox").css('background', '#2088B2').corner("5px");
}
else {
var offset = $(this).offset();
$("#loginBoxContent").css({
'left': offset.left-130, 'top': offset.top+25,
'position':'absolute', 'display': 'block'}).uncorner().corner("tl bl br");
$(this).css('background', '#4AC0F2').corner("tl tr");
}
});
});
</script>

<div id="loginBox">Login </div>

<div id="loginBoxContent">
<div>Username or e-mail:</div>
<div><input type="text" name="login" /></div>
<div>Password:</div>
<div><input type="password" name="password" /></div>
<div><input type="submit" value="Login"></div>
</div>

</body>
</html>


Read More

Saturday 18 August 2012

HOW TO highlight syntax in blogger,websites

// siddhu vydyabhushana // Leave a Comment
hello guys i know ,iknow,i know uuuuuu alllll areeeeeee waiting for this one along time , but am here with simple manner so dont worry u can also write

just copy the below soursce code and save it with extension .html       and see the result

if u want to write any code within <pre> and enclosed by </pre>

and u need to replace < with &lt; (including semicolon)
and u need to replace > with &gt; (including semicolon) 


thats all where u have <.> symobls u need to replace

although if have any doubts comment i will clarify

<style>
.srcFmt {
position: relative;
width: 650px;
height: 300px;
overflow: auto;
background-color: #e8e6e2;

margin: 1em 0;
padding: 10px 10px;
}
</style>
<div class="srcFmt" style="width: 430px; height: 500px">
<pre>
<script type="text/javascript">
function moveDomObj(id, l, t)
{
var domObj = document.getElementById(id);

domObj.style.left = l+"px";
domObj.style.top = t+"px";
}

var timer2 = null;
var n2 = 0;

function stepBall2()
{
x = 50+4*n2;
y = 30+1.6*n2*n2; // a parabolic path y=x*x
moveDomObj("ball2", x, y);
n2++;
if (n2>13)
{
clearInterval(timer2);
n2 = 0;
}
}

function startBall2()
{
timer2 = setInterval(stepBall2, 100);
}
</script>
</pre>
</div>
Read More

HOW TO design facebook profile using css

// siddhu vydyabhushana // 1 comment
Hi friends it was long time to post some thing new to u but easy one , i think u are not waiting for this one because u already know what i wana learn to u but am interested to learn u plz pay attention
the below code save it as .html file and enjoy it


<style>
.bar {
font-family: Lucida Console, Monaco, monospace;
font-weight:bold;
background-color:black;
color: #f0f0f0;
box-shadow: 0px 0px 2px #333;
line-height: 35px;
padding: 0px 20px;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 10000;
}
.bar img
{
padding-top:5px;
}
.bar a {
color: #bdbdbd;
text-decoration:none;
}
.bar a:hover {
color: #FFFFFF;
}
#siddhu
{
width:333px;
background-color:e1e1e1;
padding:auto;
height:auto;
margin-top:auto;
margin-left:9px;
position:fixed;

}
#siddhu4
{
width:320px;
background-color:e1e1e1;
padding:auto;
height:auto;
margin-top:auto;
margin-right:10px;
position:fixed;
margin-left:24px;

}
#siddhu1
{
font-family: Lucida Console, Monaco, monospace;
width:880px;
background-color:white;
padding:20 35;
height:auto;
margin-right:auto;
margin-left:347px;
}
#siddhu img
{
width:333;
height:300;
}
left
{
float:left;
}
</style>

<body background="Picture.png">
<body bgcolor="#bdbdbd">
<div class="bar">
<a href="http://aitamelearning.blogspot.com">« Home </a>
<a href="http://aitamelearning.blogspot.com">&nbsp&nbspProfile </a>
<a href="http://aitamelearning.blogspot.com">&nbsp&nbsp<FONT COLOR="red">What u wana Learn?</font> </a>
<a href="http://aitamelearning.blogspot.com">&nbsp&nbsp Projects by U</a>
<a style="float: right" href="registration.php"><img src="Desert1.jpg" width="20" height="20"><img>Siddhu Vydyabhushana »</a>
</div>
<div id="siddhu">
<img src="Desert1.jpg"></img>

</div>
<div id="siddhu1">
<H3>Update your status Yar!!!!!!!</h3>
<form>
<textarea cols='72' rows='4' name='text' type='text'>
</textarea><br>
<input type="submit" value='share' name='submit'>
</form>
<hr size='1' color='#e1e1e1'/>

<h2> @Siddhu Solutions <br><br><br>Come With without knowing what computer languages <br>before signout u go-out with extra knowedge
its our main aim.<br><br>Especially we aimed at <br><br><br>
1.C-Language<br>
2.Android<br>
3.JAVA<br>
4.Html<br>
5.jsp<br>
6.javascript<br>
7.ajax<br>
8.php<br>
9.asp.net<br>
</body>
Read More