Forum'da ara:
Ara


Yazar Mesaj
Mesaj27.07.2015, 09:54 (UTC)    
Mesaj konusu:

700pixel yazmış:
Güzel ve kullanışlı bir site. W3school zaten CSS i en özet şekilde anlatan site diyebiliriz türkçeye uyarlayıp anlatmanız güzel. Alttaki text reklamı sanırım monitörünüzün pixeline göre ayarladınız. Boşluklarda sadece padding kullanıp margin: auto; ile her cihaza göre ortalayabilirsiniz.Şekle önem verdiğim için söyledim yoksa çok da önemli değil kolay gelsin

Düşünceleriniz için teşekkür ederiz.. W3School ingilizce olmasına rağmen yeterli bir kaynaktır, kabul etmekteyiz. Amacımız w3shool gibi bir web site olmaktan farklı.. Css üzerine yoğunlaşmış olsakta gelecekte farklı alternatiflere, kodlara da yönelmeyi hedeflemekteyiz: Html, Javascript gibi bu sistemde kullanılabilecek..

Verdiğiniz öneriyi dikkate alıyorum..
Text-Reklam düzenlenmiştir.
Fakat düzenlemede margin özelliği işe yaramamaktadır..
Kod:
position: absolute;
width: 880px;
left: 50%;
margin-left: -450px;
padding: 10px;


Kodları buradan paylaşıyorum ki isteyen kullanıcılar için örnek oluştursun..
Alıntı:
Koda öncelikle position özelliği veriyoruz. Ardından footer'ımızın büyüklüğü ile eşdeğer bir büyüklük giriyoruz. Web sitemizde içerik alanımız 900px'dir. Padding değeri 10px atadığımız için sağ ve sol bölümden 10'a pixellik boşluk bizim 20px olarak genişliği kısaltmamızı istiyor. Bu nedenle 880px olarak width atıyoruz. Ardından left özelliğine %50 diyoruz ve tam ortada olmasını sağlıyoruz. Fakat 900px'lik alan ortadan başlamış ve sitemizin sonuna kadar gitmiş oluyor. Bunu düzeltmek için de margin-left: -450 diyerek genişliğimizin yarısını başa çekiyoruz.


Kolay gelsin.
İyi Forumlar.

______________
Mesaj27.07.2015, 11:18 (UTC)    
Mesaj konusu:

Sitene ziyaretçi defteri eklemelisin, başarılar.
Mesaj27.07.2015, 13:36 (UTC)    
Mesaj konusu:

Evet şimdi farkettim margin işe yaramıyormuş.Şu kod düşük pixellerde de taşma olmaması için daha kullanışlı olabilir:

Kod:

#webme_footer_textlink_dont_hide {
color: #000;
position: absolute;
width: 100%;
text-align: center;
background: blue;
padding: 5px 0 5px 0;
line-height: 15px;
font-size: 15px;
word-wrap: break-word;
}


Width değerini pixel kullanırsanız mobilde vs. taşma olabilir.Word-wrap girdisi text te taşmayı engeller.K.bakma çok önemli değil ama amacım yardımcı olmaktı Kolay gelsin Smile
______________


En son 700pixel tarafından 27.07.2015 13:38:36 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj27.07.2015, 14:27 (UTC)    
Mesaj konusu:

plainlogic yazmış:
Sitene ziyaretçi defteri eklemelisin, başarılar.

Değerli düşünceniz için teşekkür ederiz Nezih Bey.. Fakat web sitemizde şuan için böyle bir ihtiyaca gerek yoktur. Gerekli yorumlar mailler ve buradan gelmektedir. İhtiyaç duyulursa gerekli bir sayfa düzenlemesi yapılabilir Smile

700pixel yazmış:
Evet şimdi farkettim margin işe yaramıyormuş.Şu kod düşük pixellerde de taşma olmaması için daha kullanışlı olabilir:

Kod:

#webme_footer_textlink_dont_hide {
color: #000;
position: absolute;
width: 100%;
text-align: center;
background: blue;
padding: 5px 0 5px 0;
line-height: 15px;
font-size: 15px;
word-wrap: break-word;
}

Width değerini pixel kullanırsanız mobilde vs. taşma olabilir.Word-wrap girdisi text te taşmayı engeller.K.bakma çok önemli değil ama amacım yardımcı olmaktı Kolay gelsin Smile

Çok değerli düşünceleriniz ve yardımcı olma çabanız için sonsuz teşekkürler.. Fakat atladığımız bir durum var.. Eğer width değerimize 100% verirsek ve ardından padding değeri atarsak sayfamızda yatay scrollbarlar meydana gelecektir. Bunu önlemek içinde maalesef bir çözüm aklıma gelmedi. Ancak yeni bir div içerisine alırsak yeni bir width değeri ile çözebilir. Fakat gelgelelim reklamımızı div içine almak için önce silip kendimiz eklememiz gerekir ki bu da (tahminimce) kurallara aykırıdır.

Siteyi mobil için uyumlu hale getirirken yeni bir kod oluşturulacaktır.
Bu yüzden sitemiz henüz gelişme aşamasında iken responsive hale getirmek istemedik.
Sitenin içerikleri yavaş yavaş oturmaya başladığında bu işler çözülür.
Değerli zamanınızı ayırıp yardımcı olduğunuz için teşekkür ederiz.
______________
Mesaj27.07.2015, 14:41 (UTC)    
Mesaj konusu: :)

Başarılar
Mesaj02.08.2015, 21:34 (UTC)    
Mesaj konusu: Re: :)

itsacoding yazmış:
Başarılar


Teşekkür ederiz..

Yeni sayfa stillerine geçilsin mi?
YENİ: http://birkod.tr.gg/CSS-ile-Metinler-text-decoration.htm
ESKİ: http://birkod.tr.gg/CSS-ile-Metinler-text-decoration-color.htm

Önerilerinizi alabilir miyiz?

______________
Mesaj03.08.2015, 05:31 (UTC)    
Mesaj konusu: :)

Sen forumda yayınlamadan okudum yeni yazılarını Smile
Mesaj25.08.2015, 19:10 (UTC)    
Mesaj konusu:

Basarılar Shocked
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu