Ana Sayfa

Bedava-Sitem kod kütüphanesi · 2016’dan beri

Kendi siteni bugün kur,
yarın herkes sana sorsun.

Kod bilmene gerek yok. Bedava-Sitem’in Clean tasarımı için hazırladığımız 100’den fazla kodu canlı dene, tek tıkla kopyala, panelde nereye yapıştıracağını adım adım gör. Aradığını hızlı bulmak için Ctrl + K.

Sıfırdan başla: Rehber →Kodlara göz at

103 hazır kod5 kategori37+ dost site%100 ücretsiz

YENİCandroid Forum açıldı! Bedava-Sitem forumunun yerine yeni buluşma noktası: soru sor, kod paylaş, siteni tanıt.Foruma katıl →

Kütüphane

Clean KodlarHeader, menü, köşeler, mobil düzen — 34 kod Rastgele KodlarEfektler, duyurular, eğlenceli araçlar — 31 kod Profesyonel KodlarGrid kutular, sekmeler, SSS, galeri, form — 17 kod CSS KodlarLink efekti, seçim rengi, kaydırma çubuğu — 16 kod Flexible KodlarFlexible tasarımı kullananlar için — 5 kod Bedava-Sitem RehberiSite açmaktan Google’da çıkmaya 8 adım HakkındaCan Muhacir, hikâyemiz ve efsanevi siteler Yardımcı SitelerCandroid Forum ve işe yarar araçlar

Kod nasıl eklenir?

Bedava-Sitem paneline gir, üst menüden Tasarım’a tıkla.
Sayfanın altındaki Gelişmiş ayarları göster düğmesine bas.
CSS kodlarını Tasarımın üzerindeki metin kutusuna, <style type="text/css"> ile </style> arasına yapıştır. Birden fazla kodu aynı style içinde alt alta yazabilirsin.
Sayfanın en altına eklenecek kodlar (buton, sayaç vb.) için Tasarımın altındaki yazı kutusunu kullan.
Kaydet’e bas ve siteni Ctrl + F5 ile yenile. Değişiklik görünmüyorsa tarayıcı önbelleğini temizle.

Tasarımı ilk kez değiştiriyorsan eski kodlarını bir not defterine yedekle. Bir kod sorun çıkarırsa onu silip kaydetmen yeterli.

Clean tasarımının haritası

Clean’deki her kutunun bir adı (ID) vardır. Kod yazarken veya bir kodu kendine uyarlarken hangi kutuyu değiştirdiğini buradan görebilirsin.

#stage Tüm sayfa

Sitenin dış çerçevesi; genişlik buradan ayarlanır.

#masthead Header alanı

Üstteki resimli bölüm.

#claim Başlık kutusu

Header üzerindeki beyaz kutu (.site-title, .site-description).

#header-image Header resmi

Seçtiğin ya da yüklediğin başlık resmi.

#container Gövde

Menü ve içerik bu kutunun içindedir.

#secondmenu Menü

Dikey menü; aktif sayfa #checked_menu.

#content İçerik alanı

#main ve #sidebar kapsayıcısı.

#main Sayfa içeriği

Sayfa başlığı (h1) ve yazdıkların.

#sidebar Sağ ekstra kutu

Tasarım ayarlarındaki ekstra kutu (.widget).

#footer Footer

En alttaki alan; Bedava-Sitem yazısı #webme_footer_textlink_dont_hide.

Sık sorulanlar

Kodu ekledim ama değişiklik görünmüyor.

Önce Ctrl + F5 ile yenile. Hâlâ yoksa kodun <style> etiketleri arasında olduğundan ve başka bir kodun aynı kutuyu ezmediğinden emin ol. Kodun sonundaki !important çoğu çakışmayı çözer.

Kodlar başka tasarımlarda çalışır mı?

Genel CSS sayfasındakiler tüm tasarımlarda çalışır. Clean sayfasındakiler Clean’e özeldir; başka tasarımda kutu adları farklı olduğu için etkisiz kalır.

Sitem telefonda bozuk görünüyor.

Tasarım → Mobil Tasarım açıksa telefonlar ayrı bir mobil şablon görür. Kendi tasarımının telefonda da görünmesini istiyorsan mobil tasarımı kapatıp mobil uyumlu kodlar kullanmalısın.

Kodları kendi sitemde paylaşabilir miyim?

Kendi sitende özgürce kullanabilirsin. Başka bir sitede paylaşacaksan kaynak olarak BS-CanDestek’i belirtmen yeterli.

Arşiv

30.05.2016
Merhabalar! Yeni bir site ile karşınızdayım — Gerekli kodların hemen hepsini yazdım, bulduğum yeni kodları ekleyeceğim. Beni tanımak için buraya göz at.

06.06.2016
Ziyaretçi defteri — Yorumların kendimi geliştirmem için çok değerli. Bir yorum bırak.

30.05.2016
Forum — Yardım mı lazım? İşe yarar kodların varsa sen de paylaş. Foruma git.