Kodlar alttadir.
Simdi Internetten para kazanma yolllarin bazilari sitesinde SOn yazilarin kategorilerin , baglantilar linkleri falan fare ile ustunde geldiginde en ustte menu oldugu gibi maviye cevrilsin...
Biliyorum Hover kodu ile yapiliyor ama bulamadim CSS de onun yeri :S
tesekkur ederim ve yardim edene bir + var
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
a{
color:#7f7f7f;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a img{
border:0;
}
.clear{
clear:both;
}
body{
margin:0px;
padding:0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
background:#ffffff url(images/bg.gif) repeat-x left top;
color:#7f7f7f;
}
#page{
width:1000px;
margin:0px auto;
}
/* HEADER */
#header{
width:100%;
height:150px;
background:url(images/header_bg.gif) no-repeat left top;
}
#header h1{
color:#2e94b5;
font-size:43px;
padding-top:20px;
padding-left:50px;
}
#header h1 a{
color:#2e94b5;
text-transform:capitalize;
text-decoration:none;
}
/* MENU */
#menu{
text-align:right;
}
#menu_items{
padding-top:25px;
padding-right:25px;
text-transform:uppercase;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0000cc;
}
#menu_items a{
color:#3b7186;
background:url(images/dotted_blue.gif) repeat-x left bottom;
padding-bottom:2px;
}
#menu_items a:hover{
color:#000066;
text-decoration:none;
}
/* BODY */
#body{
width:100%;
background:url(images/body_bg.gif) repeat-y top left;
margin-bottom:20px;
float:left;
}
#body_top{
width:100%;
background:url(images/body_top_bg.gif) no-repeat top left;
float:left;
}
#body_left{
width:650px;
float:left;
padding-bottom:40px;
padding-top:30px;
}
#body_right{
width:350px;
float:right;
padding-bottom:100px;
}
/* left contact */
#body_left_content{
width:598px;
margin-left:25px;
}
.post{
width:100%;
}
.post-top{
}
.post-title{
color:#000;
}
.post-title h2{
font-size:31px;
color:#3d3d3d;
margin-bottom:4px;
font-weight:normal;
padding-bottom:2px;
}
.post-title h3{
font-weight:normal;
color:#000;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#e7f3f7;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
}
.post-title h2 a{
color:#3d3d3d;
}
.post-title h2 a:hover{
color:#000;
}
.post-title h3 a{
color:#000;
font-size:10px;
}
.post-title h3.tags{
color:#000;
background:#f5fafc url(images/tags_bg.gif) repeat-x top left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.post-title h3.tags span{
color:#1e7f9e;
font-weight:bold;
}
.post-title h3.tags a{
color:#000;
font-weight:normal;
}
.entry{
line-height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:5px;
padding-left:3px;
padding-right:5px;
padding-bottom:20px;
}
.postmetadata{
margin-bottom:30px;
margin-left:5px;
color:#333;
height:29px;
background:url(images/postmetadata_bg.gif) repeat-x top left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.postmetadata a{
color:#004a80;
}
.postmetadata .alignleft{
padding-top:8px;
padding-left:10px;
}
.postmetadata .alignright{
text-align:center;
padding-top:8px;
padding-right:10px;
}
.post-page{
padding-right:10px;
background:url(images/post-page.gif) no-repeat top left;
}
.post-page h2{
font-size:31px;
font-style:normal;
font-weight:normal;
color:#2e94b5;
margin-left:25px;
padding-top:10px;
background:url(images/dotted_blue.gif) repeat-x left bottom;
}
.post-page .entry{
padding-left:25px;
margin-top:10px;
color:#333;
}
.post-page .entry a{
color:#000;
}
strong{
color:#2e94b5;
}
/* right content */
/* RSS */
#main_rss{
text-align:center;
padding-top:30px;
}
/* TAGS */
#main_tags{
padding-left:20px;
margin-right:10px;
background:url(images/sidebar_line.gif) no-repeat top left;
padding-top:5px;
}
#main_tags a{
color:#217590;
}
/* ADS */
#main_ads{
margin-left:10px;
margin-bottom:5px;
}
#main_ads img{
float:left;
margin-left:8px;
margin-bottom:8px;
}
/* SEARCH */
#main_search{
margin-top:45px;
margin-bottom:40px;
}
#searchform_top{
margin-left:30px;
}
#searchform_top_text{
width:272px;
border:0px;
background:none;
color:#666;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#gosearch{
position:relative;
top:5px;
}
#sidebars{
float:left;
background:url(images/sidebar_line.gif) no-repeat top left;
padding-top:10px;
margin-top:10px;
}
#body_right_content{
width:346px;
}
#sidebar{
width:139px;
float:left;
padding-left:20px;
}
#sidebar_right{
width:139px;
float:left;
padding-left:32px;
}
#sidebars h2{
font-size:17px;
color:#000;
padding-left:6px;
padding-bottom:4px;
margin-bottom:5px;
text-transform:capitalize;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
border-bottom:2px solid #cfe8f0;
}
#sidebars ul{
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#sidebars li ul{
padding-bottom:18px;
}
#sidebars li ul li ul{
padding-left:10px;
background:none;
padding-bottom:0px;
}
#sidebars li ul li ul li ul{
padding-left:0px;
}
#sidebars li{
margin-bottom:0px;
}
#sidebars li li{
margin-bottom:0px;
padding-bottom:0px;
border-bottom:1px solid #e7f3f7;
padding-top:4px;
padding-bottom:8px;
padding-right:3px;
padding-left:2px;
}
#sidebars li li li{
background:none;
border:0px;
padding-bottom:3px;
}
#sidebars li a{
color:#3b7186;
}
#sidebars li.widget_categories ul li{
font-weight:bold;
}
#sidebars li.widget_categories ul li a{
background:url(images/sidebar_li_cat.gif) no-repeat 2px 5px;
font-weight:normal;
padding-left:10px;
}
#sidebars li.widget_categories ul li ul li a{
background:url(images/sidebar_li_cat.gif) no-repeat 2px 5px;
font-weight:normal;
padding-left:10px;
}
#sidebars li.widget_meta ul li a{
background:url(images/sidebar_li_cat.gif) no-repeat 2px 5px;
font-weight:normal;
padding-left:12px;
}
#tag_cloud{
color:#999999;
padding-bottom:20px;
}
#tag_cloud a{
color:#999999;
}
/* FOOTER */
#footer_rep{
width:100%;
height:86px;
background:url(images/footer_rep_bg.gif) repeat-x top left;
clear:both;
}
#footer{
width:1000px;
height:86px;
background:url(images/footer_bg.gif) no-repeat top left;
margin:0px auto;
}
#footer_text{
color:#000;
padding-top:40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
width:45%;
padding-left:40px;
}
#footer_copyrights{
text-align:right;
padding-right:20px;
padding-top:15px;
float:right;
width:20%;
}
/* Begin Typography & Colors */
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 10px 10px;
padding-left: 10px;
background:url(images/blockquote_bg.gif) repeat-y left center;
}
blockquote blockquote{
background:url(images/blockquote_bg2.gif) repeat-y left center;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
font-weight:bold;
clear:both;
}
/* End Various Tags & Classes*/
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
html>body .entry li {
margin: 7px 0 8px 10px;
}
.entry ul li:before{
content: "\00BB \0020";
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
ol li{
list-style: decimal outside;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform{
width:500px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 350px;
padding: 2px;
}
#commentform #submit {
margin: 0;
width:65px;
height:25px;
}
/* End Form Elements */
/* Begin Comments*/
h3#comments_title{
font-size:18px;
color:#2e94b5;
margin-left:35px;
font-weight:normal;
font-style:italic;
margin-bottom:10px;
}
h3#comments{
font-size:13px;
color:#000;
margin-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#e7f3f7;
border:1px dashed #b9c2c6;
padding:10px;
}
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
margin-left:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4c4c4c;
width:565px;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 0px 10px;
list-style: none;
background:url(images/commentlist_line.gif) no-repeat left bottom;
}
.commentlist li li {
margin: 0px;
padding: 5px 10px 5px;
border:0px;
background:none;
}
.commentlist p {
margin: 10px 5px 10px 10px;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
color:#000;
background:url(images/commentlist_bg.gif) repeat-x left top;
padding:6px 0px 6px 10px;
}
.commentmetadata a{
color:#2e94b5;
font-weight:bold;
}
#respond_box{
width:535px;
background:url(images/respond_box.gif) repeat-x top left;
margin-top:40px;
margin-left:35px;
border:1px dashed #c2c7c9;
padding:10px 10px 40px 10px;
}
h3#respond{
font-size:21px;
color:#000;
margin-left:5px;
padding-top:1px;
padding-bottom:25px;
font-weight:normal;
}
#commentform{
margin-left:35px;
color:#000;
}
#commentform a{
color:#000;
}
/* End Comments */
/* Archives page */
.page_archives_div{
padding-bottom:60px;
}
.ar_panel{
width:95%;
padding-right:10px;
background:url(images/post-page.gif) no-repeat top left;
}
.ar_panel3{
background:none !important;
}
.page_archives_div h2{
font-size:31px;
font-style:normal;
font-weight:normal;
color:#2e94b5;
margin-left:25px;
padding-top:10px;
background:url(images/dotted_blue.gif) repeat-x left bottom;
}
.ar_panel3 h2{
padding-top:0px !important;
margin-left:10px !important;
}
.ar_panel3 ul{
margin-left:0px !important;
}
.page_archives_div ul h2{
border:0px;
}
.page_archives_div ul{
margin:0px;
padding:0px;
padding-top:5px;
margin-bottom:40px;
margin-left:20px;
}
.page_archives_div ul li{
margin:0px;
padding:0px;
list-style:none;
background:none;
}
.page_archives_div ul li ul{
margin:0px;
padding:0px;
padding-left:10px;
}
.page_archives_div ul li a{
font-weight:bold;
color:#333;
font-size:12px;
padding-left:10px;
}
.page_archives_div ul li a:hover{
color:#333;
}
.page_archives_div ul li{
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #f2f2f2;
}
.page_archives_div ul li ul li{
background:none;
border:0px;
} 
