Blogger’da Resimlerin Etrafındaki Çerçeve Ve Gölgeyi Kaldırma
Blogger temalarında en sevilmeyen özelliklerden biri, yazıya eklenen resimlerin kenarında çıkan çerçeve ve gölge.Kimileri resme bir güzellik kattığını düşünebilir ama kullandığınız resim transparan bir resimse, bu çerçeve ve gölge yüzünden transparanlık özelliğini kaybederek sevimsiz bir arkaplan oluşuyor.
Bu yazıda, resimlerin kenarındaki çerçeve ve gölgeden nasıl kurtulacaınızı anlatacağım.Çözüm pratik ve kesin :)
Şablonunuzun HTML kodlarının olduğu pencereyi açın ve Ctrl+F tuşlarına basarak ]]></b:skin> kodunu bulun.Bu kodun hemen üstüne aşağıdaki kodları ekleyerek şablonu kaydedin.
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}
Çok kişi tarafından sorulduğu için blogda paylaşma itiyacı hissettim.Umarım birilerinin işine yaramıştır.
Evet oldu.. bende hiç sevmiyordum. Teşekkürler
YanıtlaSilHocam cok guzel bir tavsiye tesekkur ederim ben ozel olarak bir sey sormak istesem hatta talep etsem nasil olur?
YanıtlaSilResimlere mouse ile uzerine gelindiginde herhangi bir efekt eklememiz mumkun olabilir mi?resmi solgunlastirarak veya hareketlendirerek?
@Değmesin Yağlı Boya
YanıtlaSilŞeffaflık efekti var en basiti.Şu şekilde ekleyebilirsiniz:
.post-body img:hover {opacity:0.7;}
diğer üç blogumda çalıştı ama www.mutfakgazetesi.com'da çalışmadı. nedeni ne olabilir.
YanıtlaSiloysa tam aradığım birşeydi.
kolay gelsin.
@mutfak gazetesi
YanıtlaSilYazı alanının genişliğinden olabilir.Genişliği azaltmayı deneyin.
teşekkürler hocam. hemen deneyeceğim.
YanıtlaSilBen de kaç zamandır bunu arıyordum yaa.. Çok teşekkürler..
YanıtlaSilharika oldu var olun hocam...
YanıtlaSilTeşekkürler Serdar Bey; Dinamik blog da uyguladım.Ve güzel oldu.Hatta kaynak belirterek birçok kişinin de kullanımına sunmak istiyorum.Müsade ederseniz.
YanıtlaSilAdnan Güney
YanıtlaSilElbette.Blog Hocam'ı kaynak göstererek paylaşabilirsiniz.
Teşekkür ederim.
YanıtlaSilCok faydali bilgiler,acemiligime ragmen denedim ve oldu,tesekkürler
YanıtlaSilTeşekkürler çok güzel oldu,hiç sevmemiştim çerçeveyi.
YanıtlaSilserdar bey şeffaflık efekti için verdiğiniz kodu nereye uyguluycam
YanıtlaSilya serdar bey anlayamıyorum nedenini yorum balonunu ekledim olmadı, yukardakini ekledim olmadı,lütfen yardımcı olumusunuzzzzzzz
YanıtlaSilAllah razı olsun paylaşandan.
YanıtlaSilBu kesinlikle mükemmel oldu.
YanıtlaSilHocam ben çerçeveye almak istiyorum nasıl olcak ?
YanıtlaSilBen kaldırmanın aksine resme çerçeve eklemek istiyorum..bu mümkün mü acaba?
YanıtlaSilÇok teşekkür ederim.
YanıtlaSilÇok teşekkürler.. :) Gerçekten işe yaradı valla :D çok sağolun..
YanıtlaSilkodu başarıyla www.fikirsepetim.com siteme ekledim.Serdar Hoca'dan daha öğrenecek çok şeyimiz var..Teşekkürler hocam
YanıtlaSilblog üzerinden kodda bulmak zordu o kodu ama kopyalayıp bilgisayrda yeni metin defteri açarak oraya yapıştırdım ve oradan kolayca buldum...keşke daha önce aklıma gelseydi.
YanıtlaSilTeşekkürler Blog Hocası :)
Çalışmıyorsa .post şeklinde aratın kodlara bakın sonunda bulursunuz .post body tarzı bişey olması lazım bulduğunuxda 3px 3px şeklinde yazılar olanındaki 3px (yada her neyse) yi 0 yapın.
YanıtlaSilÇook teşekkür ediyorum.. Büyük bir dertten kurtardınız beni.. :))
YanıtlaSilteşekkürler faydalı bilgi :)
YanıtlaSilBen aynen dediğiniz gibi uyguladım ancak olmadı. Resimlerin çerçevesi kalkmadığı gibi navbarın üzerinde kod belirdi.
YanıtlaSil@Elif Yılmaz
YanıtlaSilKodu yanlış yere veya eksik eklemişsiniz.
harikasınız kaç gündür arıyordum :))
YanıtlaSilçok teşekkür ederim nezamanır bunu arıyordum.
YanıtlaSilHarikasınız Blog Hocam :) Şuan 4-5 tane blogun önündeki engeli aşmış oldunuz. :) Çok teşekkürler.
YanıtlaSilteşekkür ederiz serdar hocam, ne zaman blogla ilgili başım sıkışsa orjinal çözümler sunuyorsunuz. Bu konu ile yakından alakalı bi soru sormak istiyorum site içinde resimlere tıkladığımızda resmi gösteren özel bi sayfa açılıyor, öyle bi sayfanın açılmasını engellemek için ne yapabiliriz.
YanıtlaSilHocam allah razı olsun, harikasınız valla. Ben de nasıl yapıyorlar acaba diye düşünüyordum:)
YanıtlaSilteşekkürler böyle çok daha iyi oldu.
YanıtlaSilBu yorum yazar tarafından silindi.
YanıtlaSilBende uyguladım sorunsuz oldu.Teşekkür ederim.
YanıtlaSilAynı şekilde cep telefonundan da girildiğinde resimlerde çerçeveyi kaldırmak mümkün mü acaba?
YanıtlaSilÇok teşekkürler, uzun zamandır çerçeveyi kaldırmak istiyordum, harika oldu.
YanıtlaSilhiçbir şey olmadı :(((
YanıtlaSilNihayet ben de yapabildim; çok teşekkür ederim yine Serdar Bey, iyi ki varsınız.
YanıtlaSilÇok Teşekkürler
YanıtlaSilhttps://indirbroo.blogspot.com.tr/ hocam benim web sitem ve ben bu web sitemde tum resimleri aynı buyuklukte yapmak istiyorum ve yapıorumda fakat o islemi yaptıktan sonra ekrandaki o buyume efektim gidio ben resimlerin hepsi aynı boyda olsun ve ekrana buyume efecti gelsin isti yorum nasıl yapabilirim yardımcı olurmusunuz
YanıtlaSilbu kod şu an geçerli mi ?
YanıtlaSil