Css stil verme sorunu

20-08-2013, 18:00:14

arkadaşlar google+ yorum sayacına stil vermek istiyorum ama bir türlü hangi etiketi kullanacağımı bilemedim. sayaca nasıl stil verebilirim?
sayfa

21-08-2013, 12:19:17

#2

lovemove

sayac kodlarını buraya kopyala net olarak görelim..

21-08-2013, 16:13:35

#3

mineg

HTML tagının içerisine style="float :left;" gibi style kodları ekleyebilirsiniz. Ama kodları paylaşırsanız, daha net cevap verebiliriz.

21-08-2013, 16:39:42

#4

EA

id="___commentcount_0"

21-08-2013, 19:44:38

#5

~~GuneyHost~~

Üyeliği durduruldu

Merhaba. Css dosyasındaki .comments-tab değerinde mevcut stiller vardır. Bunları Css içerisinde bulup düzenleyebilirsiniz. Ayrıca Google Öğeyi denetle özelliği ile de üzerinde geçici olarak değişiklik yapıp vereceğiniz stillerin karşılığını hemen görebilirsiniz. Ama sayfa yenilendiğinde stil de eski haline dönecektir. Bu aşamada uyguladığınız stilleri son kararınızı verdikten sonra kendi css kodlarınıza ekleyiniz veya kodlarınızı düzenleyiniz.
Bahsi geçen css kodu:

.comments-tab {
color: #FFFFFF;
float: left;
padding: 5px;
margin-right: 7px;
cursor: pointer;
font-weight: bold;
background-color: #f2f2f2;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
position: relative;
z-index: 10;
box-shadow: 0px -1px 2px #666;
-moz-box-shadow: 0px -1px 2px #666;
-webkit-box-shadow: 0px -1px 2px #666;
background-image: linear-gradient(#ffffff,#F2F2F2);
background-image: -moz-linear-gradient(#ffffff,#F2F2F2);
background-image: -webkit-linear-gradient(#ffffff,#F2F2F2);
}

Bunlar yorum kısmının hemen üstündeki blogger google ve facebook yorumları sekmelerine ait stillerdir. Burdaki butonların hepsinde aynı stil kullanılmıştır.
Yani yapacağınız düzenlemelerle hepsine birden stil verebilirsiniz.
Eğer bunları ayrı ayrı düzenlemek isterseniz #blogger-comments #gplus-comments.js-inactive-tab ve #fb-comments.js-inactive-tab değerlerine stil vermeniz gerekmektedir.
Ama kastettiğiniz kısım başka bir yer ise tekrar belirtin lütfen.Eğer anlamadığınız bir nokta varsa tekrar yardımcı olurum.
İyi çalışmalar dilerim.

22-08-2013, 01:20:57

#6

baceli

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

sayac kodlarını buraya kopyala net olarak görelim..

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

HTML tagının içerisine style="float :left;" gibi style kodları ekleyebilirsiniz. Ama kodları paylaşırsanız, daha net cevap verebiliriz.

malesef olmadı.

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

id="___commentcount_0"

stil dosyasına ekledim fakat olmadı.

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

Merhaba. Css dosyasındaki .comments-tab değerinde mevcut stiller vardır. Bunları Css içerisinde bulup düzenleyebilirsiniz. Ayrıca Google Öğeyi denetle özelliği ile de üzerinde geçici olarak değişiklik yapıp vereceğiniz stillerin karşılığını hemen görebilirsiniz. Ama sayfa yenilendiğinde stil de eski haline dönecektir. Bu aşamada uyguladığınız stilleri son kararınızı verdikten sonra kendi css kodlarınıza ekleyiniz veya kodlarınızı düzenleyiniz.
Bahsi geçen css kodu:

.comments-tab {
color: #FFFFFF;
float: left;
padding: 5px;
margin-right: 7px;
cursor: pointer;
font-weight: bold;
background-color: #f2f2f2;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
position: relative;
z-index: 10;
box-shadow: 0px -1px 2px #666;
-moz-box-shadow: 0px -1px 2px #666;
-webkit-box-shadow: 0px -1px 2px #666;
background-image: linear-gradient(#ffffff,#F2F2F2);
background-image: -moz-linear-gradient(#ffffff,#F2F2F2);
background-image: -webkit-linear-gradient(#ffffff,#F2F2F2);
}

Bunlar yorum kısmının hemen üstündeki blogger google ve facebook yorumları sekmelerine ait stillerdir. Burdaki butonların hepsinde aynı stil kullanılmıştır.
Yani yapacağınız düzenlemelerle hepsine birden stil verebilirsiniz.
Eğer bunları ayrı ayrı düzenlemek isterseniz #blogger-comments #gplus-comments.js-inactive-tab ve #fb-comments.js-inactive-tab değerlerine stil vermeniz gerekmektedir.
Ama kastettiğiniz kısım başka bir yer ise tekrar belirtin lütfen.Eğer anlamadığınız bir nokta varsa tekrar yardımcı olurum.
İyi çalışmalar dilerim.

stil vermek istediğim yer siyah renkli '0 yorum' yazısına stil verebilmek. css dosyasında değişiklik yapınca siyah renkli yazı haricindeki alanlarda değişiklik oluyor.

arkadaşlar kod bu. Yardımcı olabilirseniz sevinirim.

<script src="https://apis.google.com/js/plusone.js">
</script>
<div class='comments-tab' id='gplus-comments' title='Google+ Yorumları'>
  <g:commentcount expr:href='data:post.url'/> Yorum
</div>

css
https://dl.dropboxusercontent.com/s/...mmentPages.css

22-08-2013, 01:34:09

#7

lovemove

ost.url'/> Yorum</h3>
</div>

Kod olarak bunu kullanıp;

<Head></head> tagları arasına aşağıdaki kodu yerleştirip denermisin

<style type="text/css">
h3.yorumrenk {
color: #ff0000;
}
</style>

BU kodlarla RENK KIRMIZI OLMASI GEREKİR..

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 01:34:09 -->-> Daha önceki mesaj 01:28:12 --

<style type="text/css">
#widget_bounds span {
color: #fff;
}
</style>

Şimdi siteye baktım ilk yazdığım kodlar olmazsa <head> </head> tagları arasına en son yazdığımı ekleyip denermisin. burada rengi beyaz yapmaya çalışıyoruz

22-08-2013, 14:39:09

#8

baceli

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

ost.url'/> Yorum</h3>
</div>

Kod olarak bunu kullanıp;

<Head></head> tagları arasına aşağıdaki kodu yerleştirip denermisin

<style type="text/css">
h3.yorumrenk {
color: #ff0000;
}
</style>

BU kodlarla RENK KIRMIZI OLMASI GEREKİR..

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 01:34:09 -->-> Daha önceki mesaj 01:28:12 --

<style type="text/css">
#widget_bounds span {
color: #fff;
}
</style>

Şimdi siteye baktım ilk yazdığım kodlar olmazsa <head> </head> tagları arasına en son yazdığımı ekleyip denermisin. burada rengi beyaz yapmaya çalışıyoruz

<h3 class="yorumrenk"> blog kaydının kaybolmasına neden oluyor. #widget_bounds span etiketi de değişiklik yapmıyor.

22-08-2013, 23:10:24

#9

~~GuneyHost~~

Üyeliği durduruldu

Düzenlemek istediğiniz kısım yani Sayacı belirten kırmızı sekmenin iç tarafındaki yazı (1 Yorum yazıyor mesela) sayacın çalıştığı bir siteden iframe ile sizin sitenizde gösteriliyor. Bu kısımda eklediğiniz kodlar var ancak bu eklediğiniz kodlar var bu kodlar hem konum olarak yanlı hem de atandıkları değişken yanlış.
Bakınız:
http://k1308.hizliresim.com/1d/q/rt8db.png
Css dosyanıza şu kodları ekleyip istediğiniz düzenlemeleri yapabilirsiniz:
Bu kırmızı kutu içindeki yazıyı düzenlemek için:

#widget_bounds {
color: red;
}

Kırmızı kutunun kendisi üzerinde oynama yapmak için css dosyasındaki kodlarda değişiklik yapmalısınız.
Eğer css dosyasına kod ekleme şansınız yoksa kodlarınızı düzenledikten sonra <style></style> etiketleri arasına yerleştirin.Ör:
<style>
#widget_bounds {
color: red;
}
</style>
Ve daha sonra forumunuzdaki kodlar arasından <head> kodunu bulup hemen altına yapıştırın.
Sanırım bu yöntem sorununuza doğrudan cevap verecektir. İyi çalışmalar dilerim.