Yazı İçindeki Etiketlerin Rengini Değiştirmek [CSS]

01-05-2010, 11:56:52

#1

~~CruelChild~~

Üyeliği durduruldu

Merhaba arkadaşlar,

Yazı içindeki etiketlerin arka plan rengini değiştirmek istiyorum. Sabahtan beri uğraşmama rağmen bir sonuca ulaşamadım.

Kodun Normal Hali;

<?php the_tags('Etiketler: ', ', ', ' '); ?>

Düzenlenmiş Hali;

<?php the_tags('Etiketler: ', ', ', ' '); ?>

Şeklinde denememe rağmen sadece etiketleri ayıran virgüllerin rengi değişti.

Yardımınıza ihtiyacım var.
01-05-2010, 13:22:52

#2

~~CruelChild~~

Üyeliği durduruldu

/ Güncel.
01-05-2010, 13:28:56

#3

~~JustGo~~

Üyeliği durduruldu

PHP/HTML kısmı
[HIGHLIGHT=php]<?php the_tags(); ?>[/HIGHLIGHT]
CSS kısmı
[HIGHLIGHT=css].thetags a { color:blue /* yada renk kodu #336699 gibi */ ; }[/HIGHLIGHT]
01-05-2010, 13:59:52

#4

~~CruelChild~~

Üyeliği durduruldu

@JustGo

Hocam yine olmadı. Bir çok kere denedim.. Olmuyor olmuyor olmuyorr..
01-05-2010, 19:44:05

#5

~~JustGo~~

Üyeliği durduruldu

Kullandığın temanın single.php dosyasının içeriğini ve stil dosyasının içeriğini buraya yaz bakalım.

01-05-2010, 20:41:05

Üyeliği durduruldu

single.php dosyası;

<?php get_header(); ?>
<div class="yazi">

<div class="solyazi">
	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

		<div class="post" id="post-<?php the_ID(); ?>">
			<h2><?php the_title(); ?></h2>

			<?php the_content('<p>Yazının devamını okuyun &raquo;</p>'); ?>


		</div>

<?php comments_template(); ?>
		
		<ul style="list-style-type:none;">
			<li style="list-style-type:none;"><?php next_posts_link('&laquo; Eski Yazılar') ?></li>
			<li style="list-style-type:none;"><?php previous_posts_link('Yeni Yazılar &raquo;') ?></li>
		</ul></div><!--/solyazi-->

	<?php endwhile; else: ?>

		<p>Üzgünüm, burada hiçbirşey yok.</p>

<?php endif; ?>
<?php get_sidebar(); ?>
</div><!--/yazi-->

<?php get_footer(); ?>

style.css

/*

Theme Name: Beyaz

Theme URI: http://www.anarschi.com

Description: Beyazıt'ın yayınladığı css templateden çevirilmiş güzel bir tema.

Version: v1

Author: Kemal Gürler

Author URI: http://www.emrecolak.net

Tags: beyaz,basit

*/



body {

	background-color: #F3F3F3;

	padding: 0px;

	margin: 0px;

	font-family: verdana;

	font-size: 12px;

	color: #333333;

	background-image: url('resim/arkaplan.png');

	background-repeat: repeat;

}

.thetags a { color:#ffffff; 

}

.ortala {

	border-style: none solid solid solid;

	border-width: 3px;

	border-color: #EAEAEA;

	margin: 0px auto auto auto;

	width: 950px;

	background-color: #FFFFFF;

	font-family: verdana;

	font-size: 11px;

	font-weight: normal;

	color: #333333;

	padding: 0px;

}

.icmenu

{

	border-style: solid none solid none;

	border-width: 1px;

	border-color: #CCCCCC #EAEAEA #EAEAEA #EAEAEA;

	padding: 0px;

	margin: 0px 0px 5px 0px;

	color: #333333;

	background-color: #EFEFEF;

}



.icmenu a:link {

text-decoration:none;

color:#666666;

}



.icmenu a:visited {

text-decoration:none;

color:#666666;

}



.icmenu a:active {

text-decoration:none;

color:#666666;

}



.icmenu a:hover{

text-decoration:underline;

color:#666666;

}



ul.icmenu

{

	border-style: none;

	padding: 0px;

	margin: 0px;

	clear: both;

}

ul.icmenu li

{

	margin: 0px;

	padding: 7px 10px 7px 10px;

	float: left;

	list-style-type: none;

	text-align: right;

	color: #666666;

	font-size: 12px;

	font-family: verdana;

}

ul.icmenu li:hover

{

	background-color: #333333;

	color: #F0F0F0;

	cursor: pointer;

}

ul.icmenu li.active

{

	background-color: #F3F5F8;

	color: #333333;

	cursor: pointer;



}



.usticmenu

{

	padding: 0px;

	margin: 0px;

	background-color: #F5F5F5;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-bottom-color: #EAEAEA;

	border-top-style: solid;

	border-top-width: 3px;

	border-top-color: #C33A00;

}



.usticmenu a:link {

text-decoration:none;

color:#666666;

}



.usticmenu a:visited {

text-decoration:none;

color:#666666;

}



.usticmenu a:active {

text-decoration:none;

color:#666666;

}



.usticmenu a:hover{

text-decoration:none;

color:#666666;

}





ul.usticmenu

{

	padding: 0px;

	margin: 0px;

	clear: both;

	text-align: right;

}

ul.usticmenu li

{

	margin: 0px;

	padding: 7px 10px 7px 10px;

	float: left;

	list-style-type: none;

	text-align: right;

	color: #666666;

	font-size: 12px;

	font-family: verdana;

	cursor: pointer;

}

ul.usticmenu li:hover

{

	background-color: #C33A00;

	color: #ffffff;

		cursor: pointer;



}

ul.usticmenu li.active

{

	background-color: #F5F5F5;

	color: #990033;

	cursor: pointer;

	font-weight: bold;

}



.temizlik

{

	clear:both;

}

.yazi {

	padding: 0px;

	margin: 0px;

}

.solyazi {

	float: left;

	width: 590px;

	padding: 5px;

	margin: 0px;

	letter-spacing: normal;

	line-height: 18px;

	font-size: 11px;

	color: #666666;

	text-decoration: none;

	font-family: verdana;

	font-style: normal;

	font-variant: normal;

	background-color: #FFFFFF;

}



.h2 {

	color:#666666;

	font-size:16px;

	}

	

.h2 a:link {

text-decoration:none;

	color:#666666;

	font-size:16px;

	}



	

.sagyazi {

	float: right;

	width: 230px;

	padding: 8px;

	margin: 0px;

}



.ohneguzel {

	padding: 0px;

	margin: 0px 0px 10px 0px;

	width: 580px;

}



.ohneguzel h2 {

	padding: 5px;

	margin: 0px;

	font-family: verdana;

	font-size: 16px;

	font-weight: bold;

	color: #666666;

	border-bottom-style: dashed;

	border-bottom-width: 1px;

	border-bottom-color: #EAEAEA;



}



.yazi a:link {

text-decoration:none;

color:#666666;

}



.yazi a:visited {

text-decoration:none;

color:#666666;

}



.yazi a:active {

text-decoration:none;

color:#666666;

}



.yazi a:hover{

text-decoration:underline;

color:#666666;

}



.bilgican

{

	margin: 0px 0px 5px 0px;

	padding: 2px;

	font-size: 10px;

	font-family: verdana;

	color: #666666;

}



.thumbcan {

	margin: 0px;

	float: left;

	width: 48px;

	padding-right: 5px;

}

.hizayagel {

	float: left;

	width:515px;

        background-color: #F5F5F5;

}



.yaziust {

	padding: 5px;

	margin: 0px;

	width: 570px;

}

.sevgican {

	border-style: solid none solid none;

	border-width: 4px;

	border-color: #333232;

	padding: 0px;

	margin: 0px 0px 5px 0px;

	background-color: #FFFFFF;

	font-size: 12px;

	font-family: verdana;

	line-height: 18px;

	clear: both;

}

.muzikcan {

	border-style: solid none solid none;

	border-width: 1px;

	border-color: #E6F3FF;

	padding: 5px;

	margin: 0px;

	background-color: #F4FAFF;

	clear: both;

}



.takip {

	padding: 0px;

	margin: 0px 0px 10px 0px;

	border: 1px solid #EAEAEA;

	background-color: #FCFCFC;

	vertical-align: baseline;

}

.takip h2

{

	padding: 5px;

	margin: 0px;

	background-color: #F3F3F3;

	color: #333333;

	font-size: 12px;

}

.takip img {

	margin: 0px;

	border-style: none;

	padding: 0px;

}





.sagmenu {

	padding: 0px;

	margin: 0px;

}

.sagmenu h2 {

	border-style: solid solid none solid;

	border-width: 1px;

	border-color: #EAEAEA;

	padding: 5px;

	margin: 0px;

	background-color: #F7F7F7;

	font-size: 12px;

}

ul.sagmenu {

	border: 1px solid #EAEAEA;

	padding: 5px;

	margin: 0px 0px 10px 0px;

}

ul.sagmenu li{

	padding: 5px 0px 5px 0px;

	margin: 0px;

	list-style-position: inside;

	list-style-type: none;

	border-bottom-style: dashed;

	border-bottom-width: 1px;

	border-bottom-color: #EAEAEA;

	list-style-image: url('/resim/resim.png');

}



.widget {

	padding: 5px;

	margin: 0px;

}



.widget li {

		list-style-type:none;

		padding-left:4px;

		padding-bottom:1px;

		margin-left:5px;

		}

		

.widget ul {

		list-style-type:none;

		padding:0px;

		margin:0px;

		}

		

.widget h2 {

	border-style: solid solid none solid;

	border-width: 1px;

	border-color: #EAEAEA;

	padding: 5px;

	margin: 3px;

	background-color: #F7F7F7;

	font-size: 12px;

}



.comment a{

color:#51504a;

text-decoration:none;

}

.commentlist li .avatar { 

float: right;

border: 1px solid #eee;

padding: 2px;

background: #fff;

margin-top:-3px;

}



.commentlist cite, .commentlist cite a {

font-weight: bold;

font-style: normal;

font-size: 1.1em;

color:#236470;

}



.commentlist p {

font-weight: normal;

line-height: 1.5em;

text-transform: none;

}



#commentform p {

}



.commentmetadata {

font-weight: normal;

}



h3.comments {

padding: 0;

margin: 40px auto 20px;

color:#444444;

}



h3#comments {

padding: 0;

margin: 10px 0 10px 0px;

color:#444444;

}



#respond {

margin:0 0px 0 3px;

padding:0 0 0 7px;

color:#444444;

}



h3.respond {

padding: 0;

margin: 10px 0 10px 0px;

color:#444444;

}



#respond h3{

padding: 0;

margin: 10px 10px 10px 0px;

color:#444444;

}



.alt {

margin: 0;

padding: 10px;

}



.commentlist {

padding-left:3px;

text-align: justify;



margin:0;

}



.commentlist li {

margin: 0 10px 10px 10px;

padding:0;

list-style: none;

border:1px solid #ccc;

}



.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 0 0px;

}



.nocomments {

text-align: center;

margin: 0;

padding: 0;

}



.commentmetadata {

margin: 0;

display: block;

}





#commentform input {

width: 170px;

padding: 2px;

margin: 5px 5px 1px 0;

}



#commentform {

margin: 5px 10px 0 0;

}

#commentform textarea {

width: 99%;

padding: 2px;

}



#respond:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



#commentform #submit {

margin: 0 0 5px auto;

float: right;

}



.futir {

	background-color: #FFFFFF;

	padding: 8px;

	margin: 0px;

	height: 30px;

	border-top-style: solid;

	border-top-width: 3px;

	border-color: #EAEAEA;

}



p img

 {

padding: 0; 

max-width: 100%;



}

01-05-2010, 20:52:49

#7

YouSuf

Sadece virgüllerin renginin değişmesi normal, etiketler link şeklinde olduğu için class ıda bağlantılara uygun şekilde verirseniz sorun düzelir .Etiketler a{....} gibi..
01-05-2010, 21:41:49

#8

~~KonyaShell~~

Üyeliği durduruldu

category-template dosyanızı editlediniz mi?. Bazen css'den ayarlamakda yetmez. wp-includes/category-template.php bumuda düzenlemelniz gerekebilir.
02-05-2010, 00:13:16

#9

sermat

YouSuf adlı üyeden alıntı: mesajı görüntüle

Sadece virgüllerin renginin değişmesi normal, etiketler link şeklinde olduğu için class ıda bağlantılara uygun şekilde verirseniz sorun düzelir .Etiketler a{....} gibi..

Evet tıpkı arkadaşın dediği gibi a elementine renk atamalısınız. Yani kodunuzda hata yok şöyle yapabilirsiniz. CSS dosyasına şunları ekleyin:

.etiketlerim {tüm etiket alanını belirleyen kodlar, arkaplan vs}
.etiketlerim a {color:#ff0000;}

Böyle yaparsanız linkler kırmızı olur. Her bir etiketi kutu içine almak için border ekleyebilirsiniz arka plan belirleyebilirsiniz hayal gücünüze kalmış.

<a href=""></a> ile link eklediğimiz için classın a sı yani linklerini bu şekilde renklendiriyoruz.