Tutorial About Changing Design Colors With Jquery Codes

Jquery is one of the most powerful programming languages for the programmer to make any design attractable. In this post, I will give you a clear knowledge of "how to change website theme designs color with jquery codes". It's very simple, useful and easy for your to customize your website design color. Follow this tutorial and make more features for your web projects.
Read Also:
1. How To Find Motherboard Model Number In Your PC
2. Java Source Code For Simple Animation Making With Swing
3. How To Make a Calculator In Java With Source Code
4. How To Make IP Finder In Java With Source Code


Changing Design Colors With Jquery Codes

Changing design colors with jquery

You will able to do this tutorial with two type codes. One is Javascript Code second is HTML Code.

Javascript Code;
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" >
$(document).ready(function(){

$(".theme").keyup(function() 
{
var sidebar = $("#sidebar").val();
var text = $("#text").val();
var border = $("#border").val();
var links = $("#links").val();
var background = $("#background").val();

$("#sidebar_main").css("background-color", sidebar);
$("#container").css("color", text);
$("#container a").css("color", links);
$("#sidebar_main").css("border-color", border);
$("#main").css("border-color", border);
$("#full").css("background-color", background);
});

});
</script>
HTML Code Appear;
<form method="post" action="">
Sidebar: <input type="text" class="theme" id="sidebar"/>
Border: <input type="text" class="theme" id="border"/>
Background:<input type="text" class="theme" id="background"/>
Links: <input type="text" class="theme" id="links"/>
Text: <input type="text" class="theme" id="text"/>
<input type="submit" value=" Submit " class="submit"/>
</form>
Hopefully, you are clear about these codes. If you wish to submit these values(codes) into the database. Take a look at this link 

Have any question don't forget to ask me via comment section I will try to solve it. Share this with your buddies who love programming.

About Luthfar Rahman

I am Luthfar Rahman is the founder of Megaupdate24. I am a Computer Science Engineer, Online Marketer, and Public Speaker. Like to traveling and have been blogging last 7 years. Follow me on Facebook, Google+ and Twitter.
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment