Çözüm etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Çözüm etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger AnaSayfa da Yazı Resmi Gözükmüyor - Kesin Çözüm

Blogger'a ilgi arttı tabi buda beraberinde sorunlar oluşturdu ve bir çok kişi hatalar almaya ve bu hatalara çözüm bulmaya çalıştılar. Bende bugün bu sorunlara çözüm bularak blogger kullanıcılarına destek olamaya çalışıyorum. Bugün ki hatamız ise bir yazı yazıyoruz ve yazıyı paylaştığımızda ana sayfa da yazıya ait görsel gözükmüyor bunun çözümünü ise hemen altta anlattım. Soru ve görüşlerinizi yorum kısmından belirtmeyi unutmayın.





Blogger AnaSayfa da Yazı Resmi Gözükmüyor Çözümü
Büyük ihtimalle resimleri diğer sitelerden kopyala yapıştır yöntemiyle sitenize ekliyorsunuz ve böyle yapmanız resimlerin gözükmesini engelliyor nedeni ise resim adreslerinin https:// ile başlamasıdır bunun yerine http:// ile başlamasını sorunu çözecektir. Bunun için önce beğendiğiniz resmi bilgisayarınıza indirin ve en üstte bulunan resim iconuna tıklayın.

Yükle bölümünden  Dosya Seç'e tıklayıp resmin bulunduğu dizine gelip resmi seçin ve ekleyin daha sonra altta bulunan seçilenleri ekle butonuna tıklayarak resmi ekleyin. Bu şekilde resim ana sayfa da gözükecek ve resminizi kendi sitenizde barındırıp kopyala yapıştır yönteminden kurtulacaksınız.



Arka Plan Tam Ekran Yapma 100% Kesin Çözüm Css İle Html

Bugün arka plan resmini nasıl tam ekran yapacağınızı css ile göstereceğim. Yani ben o kadar araştırdım bulamadım kafayı yiyecek duruma da geldim diyebilirim. Yani gerçekten çok araştırmıştım belki de kendim iyi bir şekilde yapmamışım diye düşünüyorum. Şimdi konuyu fazla da dağıtmak istemem nasıl yapılacağını en iyisi hemen altta anlatayım. Umarım işinize yarayacaktır soru ve görüşlerinizi yorum kısmında belirtmeyi unutmayın.






Css ile Arka Plan Nasıl Tam Ekran Yapılır ?
<body style='background-image:url(https://i.ytimg.com/vi/NP97IQ_xNtg/maxresdefault.jpg); background-size:100% 100%;'>

Sitenizin kod bölümüne gelip <body> kodunu bulun ve bu kodu hemen üstte yer alan kod ile değiştirin ile değiştirin ve içinde bulunan resim adresi ile kendi arka plan adresinizi değiştirmeyi unutmayın. Daha sonra kodları kaydetip sitenizi görüntüleyin başarıyla arka planın tam ekran olarak gözüktüğünü göreceksiniz

Ayrıca arka planın sabit durmasını istiyorsanız hemen alttaki kodu kullanabilirsiniz

<body style='background-image:url(https://i.ytimg.com/vi/NP97IQ_xNtg/maxresdefault.jpg); background-size:100% 100%;background-position:fixed;'>

Css Kayma Sorunu Kesin Çözüm - Padding Ve Margin

Css'de olmazsa olmazımız tasarım için kullanılan bir dildir. Bu dil ile her türlü sorunumuzu gidermekteyiz ve genellikle genişlik ve yükseklik verme vb. gibi şeyler için kullanırız evet zaten konumuz bunun üzerine. Sitemiz ya da temamız neden kayıyor diyorsanız altta anlattıklarımı okursanız sorununuz rahatlıkla çözülecektir. Bu arada sorun nedeni padding ve margin kullanmaktan dolayı ortaya çıkıyor şimdiden söyleyeyim.






Padding ve Margin Nasıl Sebep Oluyor?
<style>
.body{width:100%;padding:15px;}
</style>

<div class='body'>
<p>Deneme</p>
</div>
Şimdi üstte gördüğünüz gibi body elementine 100% uzunluk verdim diğelim ki görüntüleyen cihazın genişliği 100px; şimdi 100% verince body 100px oldu tabi ayriyeten sağ ve soldan boşluk eklenince bu 130px'e çıktı ve kayma oldu örnek resmi hemen altta verdim. Çözümü için yazıyı okumaya devam edin...
Peki Bu Sorunu Nasıl Çözeriz?
<style>
.body{width:100%;}
.body bosluk{padding:15px;}
</style>
<div class='body'>
<div class='bosluk'>
<p>Deneme</p>
</div>

Şimdi padding ve margin dışta oluşan bir boşluktur padding ne kadar da iç boşluk olsa da sonuçta köşede yani dış tarafta boşluk oluşturur. Bizde bir div oluşturduk ve classına bosluk yazdık ve padding:15px kullanarak dışında boşluk oluşturduk evet şimdi yine dışta boşluk oluştu fakat body classlı divin içindeki dive biz boşluk yaptığımızdan dolayı boşluk içte oluştu ve kayma sorunu ortadan kalktı. Umarım işinize yaramıştır (:

Soru Ve Görüşlerinizi yorum kısmında belirtebilirsiniz...

Div Altında Kalan Bağlantı Tıklanmıyor - Kesin Çözüm

Web kodlayıcıların en büyük sorunlarından biri olan ve çok büyük bir hata gibi gözüken saydam pencerelerin altındaki bağlantılara neden tıklanmıyor hemen altta anlatacağım.Öncelikle saydam pencere en önde olduğu için büyük ihtimalle z-index kullanmıştır. Tabi gözükmemesine rağmen neden tıklanmıyor diyorsanız hemen altta yazdıklarıma bakın...

z-index'i hepiniz biliyorsunuzdur bilmiyorsanız internetten araştırabilirsiniz. Z-index sayesinde sitemizde katmanlar oluşturabiliyoruz. Fakat önde bulunan katman saydam olduğunda arkasındaki katmanı da etkiler. Bu katmanı bazen kaldırmamamız gerekir. Peki o zaman nasıl yapacağız;

Z-index eklediğinizde z-index'in çalışması için position: kodu kullanılır.
Büyük ihtimalle position:absolute; kodu kullanılmıştır. Bu position şekli arkasındaki divlerin çalışmasını engeller.Bunu yerine position:static; kodu kullanırsanız arkasındaki divlerin aktif ve tıklanılabilir olduğu göreceksiniz. Hemen allta verdiğim örneğe bakabilirsiniz.

.deneme-pencere{position:static;}


Soru ve Önerileriniz için yorum kısmını kullanmayı unutmayın.

Php Tek ve Çift Tırnak Kullanma Sorunu Çözümü

Yani gerçekten benim için çok büyük bir sorundu ve neyse ki buldum çözüm. Bu bulduğum çözüm sayesinde tek tırnak içinde istediğiniz kadar tek tırnak barındırabilirsiniz aynı şey çift tırnak içinde geçerli olacaktır. Eğer yeniyseniz pek gelişmiş şeyler yapmayacaksanız bu sizin için önemli olmayabilir ama gelişmiş sistemler yapanlar için olmazsa olmaz bir yazı yazdığımı düşünüyorum. Ayrıca hemen altta anlattıklarımı kendim denedim ve başarıyla çalıştığını gördüm. Sorunlarınızı ve düşüncelerinizi yorum kısmında belirtebilirsiniz.


1. Echo İçinde Çift Tırnak İçinde Çift Tırnak Kullanma 
echo = "&quot;";

&quot; bu kod çift tırnağın diğer adı diyebilirim ve okunduğunda " çift tırnak olarak okunacaktır.

2. Echo İçinde Tek Tırnak İçinde Tek Tırnak Kullanma 
echo = '&#039;';

&quot; bu kod tek tırnağın diğer adı diyebilirim ve okunduğunda ' tek tırnak olarak okunacaktır.

Umarım bu yazım sizler için yararlı olmuştur sorun ve görüşlerinizi yorum kısmından belirtmeyi unutmayın.