Kategori Rengini Nasıl Değiştiririm?

csfrag · 26 Mart 2010

Merhaba arkadaşlar

iRecipes temasını kullandığım bir site var. Fakat renk kodlarını değiştirirken sadece bi kısımda takıldım. O kısımdaki renk kodunu bi türlü bulamadım ve değiştiremedim.

Css bilgim iyi değil normalde temanın renki kare içindeki koyu kahverengi sarı karışımı olan renkti. Ben onu kırmızı yaptım. Fakat tek o bölümü bulamadım. Bu konuda bigilisi olan arkadaşlar yardımcı olabilirse çok sevinirim.

OnuR · 26 Mart 2010

style.css'yi buraya kod olarak eklermisin?

jacktheblack · 26 Mart 2010

http://www.renkler.org/renk-secici.php

Photoshop programı varsa. Ekran görüntüsünü alıp. Renk kodunu istediğiniz yere şırınga tarzı işaretle gelerek oranın renk kodunu alabilirsiniz.

Fakat benim tahminim istediğiniz turuncu rengin kodu FF8B00 bu olmalı

csfrag · 26 Mart 2010

jacktheblack' Alıntı:
http://www.renkler.org/renk-secici.php

Photoshop programı varsa. Ekran görüntüsünü alıp. Renk kodunu istediğiniz yere şırınga tarzı işaretle gelerek oranın renk kodunu alabilirsiniz.

Fakat benim tahminim istediğiniz turuncu rengin kodu FF8B00 bu olmalı

Verdiğiniz siteye bakıyorum hemen. Teşekkürler. Print screen ile bazen tam renk kodu tutmuyor. Tüm renk kodlarını denedim ama bi türlü o rengi bulamadım.

OnuR' Alıntı:
style.css'yi buraya kod olarak eklermisin?

Buyrun:

PHP:

/*
	Theme Name: iRecipes
	Theme URL: http://newwpthemes.com/wordpress-theme/irecipes/
	Description: iRecipes is a free WordPress theme with options page. Supports the post thumbnails. Suitable for any niche especially for recipe or cooking sites.
	Author: NewWpThemes.com
	Author URI: http://newwpthemes.com/
	Version: 1.0 
	Tags: Menu, Cooking, Recipes, Ads Ready, Two Columns, Silver, Right Sidebar, Fixed Width, Blogging, Options Page
*/

/* LAYOUT */

body {
	background: #fff url(images/background.png) top left repeat-x;
	}

#wrapper {
	padding:0;
    background: url(images/wrapper-background.gif) top center no-repeat;
	}

#container {
    
	}

#contentwrap {
	background: #fff url(images/content-wrap.png) top left repeat-y;
	}

a {
	color: #ca050e;
	}

a:hover {
	color: #ca050e;
	}


/* HEADER */

#header {
	height: 90px;
    background: #fff;
	}

#header h1 {
	margin-bottom: 0px !important;
	padding: 10px 0 0 15px;
	font-weight: normal;
	font-family: Georgia, Times New Roman Times, Serif;
	font-weight: bold;
	font-size: 48px;
	}

#header h1 a, #header h1 a:visited {
	color: #eb0303;
	text-decoration: none;
	}


#header h2 {
	padding-left: 15px;
	color: #737373;
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-serif;
	}
    
.logoimg {
    margin: 10px  0 0 15px;
    }

/* NAVIGATION MENUS */

#pagemenucontainer {
	height: 32px;
	margin-top: 8px;
    float: right;
	}
	
#pagemenu {
	height: 30px;
    float: right;
	}

#pagemenu, #pagemenu ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#pagemenu {
	margin-bottom: 1px;
	}
	
#pagemenu ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#pagemenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#pagemenu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#pagemenu li a, #pagemenu li a:link {
	color: #454343;
	display: block;
    margin: 0px 3px 0px 3px;
	padding: 10px 15px 8px 15px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#pagemenu li a:hover, #pagemenu li a:active {
	color: #fff;
	display: block;
	text-decoration: none;
    text-shadow: 0 1px 0 #fe2b2b;
    background: #a20000;
    -moz-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    
	}
	
#pagemenu  li.current_page_item a {
	color: #fff;
    text-shadow: 0 1px 0 #302f2e;
    background: #a20000;
    -moz-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
	}

#pagemenu li:hover, #pagemenu li.sfhover { 
	position: static;
	}
	
.topright {
	text-align: left;
    margin: 15px 0 0 0;
	}

.topright a {
	color: #454343;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
    font-weight: bold;
    text-transform: uppercase;
	}

.topright a:hover {
    color: #000;
    }

#navcontainer {
	height: 32px;
	display: block;
	overflow: hidden;
    padding: 4px 0 0 10px;
    border-bottom: 4px solid #e20000;
	}
    
#navcontainer .current-cat a {
	background-color: #e20000;
	color:#fff;
    text-shadow: 0 1px 0 #e20000;
    -moz-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
	}
	
/* CONTENT */

#content {
	background-color: #fff;
	padding: 15px 10px 15px 0;
	}
	
pre { overflow: auto; 
	width: 470px; 
	}

.postwrap {
	margin: 0 0 15px 0;
	border: 1px solid #e3e3e3;	
	background-color: #ffffff;
	}
	
.post {
	background: #fff url(images/post-background.png) top left repeat-x;
	border: 1px solid #fff;
	padding: 12px 15px 15px 15px;
	}


.post p {
	margin-bottom: 10px;
	}

.title {
	margin: 0 0 8px 0;
	padding: 0px;
	line-height: 22px;
	font-size: 22px;
	font-family: Arial, Verdana;
	color: #4a4848;
	}

	
.title a {
	text-decoration: none;
	color: #4a4848;
	}

.title a:hover {
	text-decoration: underline;
    color: #e20000;
	}

.pagetitle {
	margin-bottom: 20px;
	line-height: 22px;
	font-family: Arial, Verdana;
	text-decoration: underline;
}

.readmorecontent {
	text-align: right;
	}

a.readmore {
	padding: 4px 15px;
	background: #e20000;
	color: #fff;
	text-decoration: none;
    text-shadow: 0 1px 0 #e20000;
    font-size: 12px;
    font-weight: bold;
	}

a.readmore:hover {
	background: #4e4f4f;
    text-shadow: 0 1px 0 #373838;
	}


.postdate {
	font-size: 11px;
	padding: 1px 0px;
	font-family: Arial, Verdana;
	color: #5b5b5b;
	}


.postmeta {
	font-size: 11px;
	padding: 2px 4px;
	font-family: Arial, Verdana;
	color: #474747;
	}
	
.postdate img, .postmeta img {
	border: none;
	vertical-align: middle;
	margin:2px;
	}
	
.entry {
	text-align: justify;
	line-height: 20px;
	padding-top: 8px;
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #474747;
	}
    
.navigation {
	padding: 10px 0;
	}

blockquote {
	overflow: hidden;
	padding-left: 9px;
	font-style: italic;
	color: #666;
	border-left: 3px solid #CADAE7;
	}
	
.post img {
	max-width: 680px;
	}

img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}
	
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
	}

.alignleft {
   float: left;
	}

.alignright {
   float: right;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
	}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
	}

/* wp-pagenavi */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    color: #686868 !important;
    background:#dfdfdf !important;
    border: 1px solid #989898 !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
}

.wp-pagenavi span.current {
    color: #434343 !important;
    background:#fff !important;
    border: 1px solid #b6b5b5 !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
    font-weight: bold;
}

.wp-pagenavi a:hover {
    color: #494949 !important;
    background:#dfdfdf !important;
    border: 1px solid #626262 !important;
    
}

.wp-pagenavi span.pages {
    color: #676767 !important;
    background:#fff !important;
    border: 1px solid #b6b5b5 !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
}

.wp-pagenavi span.extend {
    background:transparent !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
    color: #676767 !important;
    background:#fff !important;
    border: 1px solid #b6b5b5 !important;
    font-weight: bold;
}

/* SIDEBAR(S) */

.sidebaradbox {
	margin-top: 5px; 
	text-align:center;
    margin-right: 10px;
	}
	
.ad125 {
	margin: 0 5px 0 5px;
	}


.sidebar {
	margin: 0 0 10px 0;
    font-size: 13px;
    border-top: 15px solid #fff;
	}
	
.sidebar a {
	text-decoration: none;
	color: #333;
	}

.sidebar a:hover {
	text-decoration: underline;
	color:#e20000;
	}
	
	
#search {
    height: 30px;
    padding: 0;
    background: #686560;
    text-align: right;
    width: 280px;
    float: right;
}

#search input {
	border: 0;
    background: none;
    color: #ccc;
}
	
	
#s {
	width: 212px;
	padding: 4px;
    margin:3px 0 0 0;
    background: none;
}

#topsearch {
    margin-top: 10px;
    }
    
#topsearch #s {
    width: 194px;
    }
		
/* Social icons */
.addthis_toolbox {
    padding: 15px 10px 5px 0;
	text-align: center;
	}
.addthis_toolbox .custom_images a
{
    width: 32px;
    height: 32px;
    margin: 0 1px 0 1px;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.85;
}


	
.sidebarvideo {
    padding-left: 10px;
	}

.sidebar h2 {
	margin: 10px 0 0 0;
	padding: 18px 0 6px 14px;
	background: #9cb206 url(images/sidebar-tab.png) top left no-repeat;
	font-size: 16px;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
    text-shadow: 0 1px 0 #616f03;
	}

.sidebar ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
.sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

.sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0 10px;
	}
	
.sidebar ul li li {
	padding: 3px 0px 3px 15px;
	margin: 0px;
	background: url(images/bullet.gif) no-repeat top left;
	}
	
.sidebar ul li ul li {
	background: url(images/bullet.gif) no-repeat top left;
	padding: 2px 0px 2px 15px;
	margin: 2px 0;
	}

.sidebar #tag_cloud div {
    padding: 0 10px;
    }

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	color: #555;
	background: #e1dfdf;
	}
#wp-calendar caption {
	padding: 2px 4px;
	text-transform: uppercase;	margin: 2px 0 2px 0;
	background: #e1dfdf;
	}

#wp-calendar td {
	color: #999;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eef0f4;
	color: #555;
	}
	
#wp-calendar {
	empty-cells: show;
	font-size: 14px;
	margin: 0 10px;
	font-weight: bold; 
	width: 90%;
	}


/* FOOTER */

#footer {
	background: #a20000;
    border-top: 10px solid #fff ;
	padding: 22px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	}

#footer a {
	color: #fff;
	} 

#footer a:hover {
	text-decoration: none;
	} 
	
#footer2 {
	color: #696767;
	font-size: 11px;
	text-align: center;
	padding: 10px;
	}
    	
#footer2 a {
	color: #696767;
    text-decoration: none;
	} 
	
/* COMMENTS */

#comments h3 {
	margin-bottom: 10px;	
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
	
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.post_thumbnail {
    padding: 6px;
    background: #eee;
    border: 1px solid #ddd;
    margin: 0 10px 10px 0;
}

OnuR · 26 Mart 2010

Tekrardan selam,

#navcontainer {
height: 32px;
display: block;
overflow: hidden;
padding: 4px 0 0 10px;
border-bottom: 4px solid #e20000;
}

#navcontainer .current-cat a {
background-color: #e20000;
color:#fff;
text-shadow: 0 1px 0 #e20000;
-moz-border-radius: 10px 10px 0 0;
-khtml-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;

CSS ile ilgili olmadığınızı varsayarak basitçe anlatıyorum.
- sitenizin kaynak kodlarına girip ilk önce o kategoriyi css'de neresi renklendiriyor ona baktım ve "navcontainer" olduğunu gördüm.
- mantık yürüterek "mause ile üzerine geldiğinizde renk değiştiği için "current" yani türkçesi "geçerli" alanı aradım css'de ve "navcontainer .current-cat" olduğunu buldum.
- onun altındaki rengi kırmızının renk kodu yani #FF0000 diye değiştirirseniz stil istediğiniz şekle gelecektir.

Üstteki anlatımı bütün renkleri değiştirirken ne yapacaksınız onu öğrenmeniz için anlattım. O kırmızı ile renklendirdiğim alanın renk kodlarını düzenleyin istediğiniz şekli alacaktır.

edit: normal renk ise, # ile başlayan numaralar yerine red yazsanızda çalışacaktır..

İyi yayınlar..

Kategori Rengini Nasıl Değiştiririm?

csfrag

0

OnuR

0

jacktheblack

0

csfrag

0

OnuR

0