How am I changing my blog theme?

I want to change my blog theme in these days after I read a lot of Css , Jquery, Javascript tutorial from
http://www.smashingmagazine.com/ ,http://css-tricks.com/ ,http://net.tutsplus.com/, http://speckyboy.com, http://www.webdesignerwall.com/tutorials/,
http://sixrevisions.com/ and other sites. I feel boring looking my old free wordpress theme. At first I download Wordpress theme and rewrite code which is suitable for my blog theme. In my new theme, I used Blue and white colors as Basic color. Because I think Blue color is Computer color and whit color is more eye contact.
Mainly I changed style.css. It is basic in Wordpress Theme change. If you know about CSS well, you can change easily. All of Css coding are write in style.css.
About Header and Footer is write in header.php and footer.php. All post is written in single.php. About comments comment.php.
When you are writing personal blog, there must have detail information about you like: About Me and need to show your network connectivity like: My network. Other features are built in wordpress themes. I try to fix my blog as much as I can. I need feedback from visitor. I need different ideas about my new theme color and structure.
Here some codes from my new theme.
Round menu button
Css code:
#menu a {
display: block;
width: 110px;
height: 39px;
margin-top:10px;
margin-left: 10px;
padding-top: 15px;
background: url(images/img05.jpg) repeat-x left top;
font-family: Tahoma,Zawgyi-One;;
text-decoration:inherit;
text-align: center;
font-size: 18px;
font-weight: normal;
color: #000099;
padding: 2px;
-webkit-border-radius: 10px 10px 30px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px solid #3333FF;
text-shadow: 5px 5px 10px #3333FF;
}
#menu a:hover{
text-decoration: none;
border: 2px solid #fafafa;
-webkit-box-shadow: 0px 0px 6px #007eff;
-moz-box-shadow: 0px 0px 5px #007eff;
box-shadow: 0px 0px 5px #007eff;
color: #fff;
}

Like Twitter input comment
Code:
.comment textarea  input{
padding: 5px;
font-size: 15px;
text-shadow: 0px 1px 10px #fff;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px solid #ccc;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
}

textarea:focus {
border: 2px solid #66FFFF;
-webkit-box-shadow: 10px 10px 16px #007eff;
-moz-box-shadow: 0px 0px 5px #007eff;
box-shadow: 0px 0px 5px #007eff;
}
I recomment all of beginner and web designer must read and learn
http://www.smashingmagazine.com/
,http://css-tricks.com/ ,
http://net.tutsplus.com/,
http://speckyboy.com,
http://www.webdesignerwall.com/tutorials/,
http://sixrevisions.com/ .
Thank all are my opinions.


| More
Thank for reading My post.Feel free for any comments.
ahkeno

This entry was posted on Thursday, June 10th, 2010 at 8:15 am and is filed under CSS And JS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply