Yeni Kayıt
Konudaki Resimler
önceki
|
Hızlı 
Bildirim
SIFIRDAN CSS DERSLERİ (Kendi Anlatımım) (2. sayfa)
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
Giriş
Mesaj
-
-
quote:
Orijinalden alıntı: ApriLRaiN
Mükemmel bir paylaşım.Sizi takipteyim.Teşekkür ederim...
-
up -
Tam ihtiyacım olan bir yazı.Lütfen devamını getirin ve benim gibilere css öğretin.
< Bu mesaj bu kişi tarafından değiştirildi ozkan cinar -- 14 Temmuz 2011; 15:26:05 > -
Çok faydalı bılgıler tskrler -
yeni dersler bekliyoruz teşekkürler
< Bu mesaj bu kişi tarafından değiştirildi dirtect -- 15 Temmuz 2011; 17:04:07 > -
DERS 5. TEXT ALİGN İLE VERİLERİ ORTALAMAK
Arkadaşlar derslere devam edelim. yakında CSS ve PHP'ye hazır web siteleri nasıl hazırlanır bunlara değineceğiz ama öncelikle CSS ile temel bilgilere devam... Elimden geldiğince her gün ders ekleyeceğim
-----------------------------
Arkadaşlar CSS ile hazırlamış olduğumuz divlerimizde eğer bir hizalama tanımı yapmadıysak, içerisine gelen her türlü data, default olarak body’deki hizalamaya tabi olacaktır. Eğer body tagımıza bir hizalama belirtmedi isek, veya sitenin tasarımını ortalamak için kullandığımız dıştaki <div align=”center”> tagını kullanmadıysak, tüm yazılarımız ve resimlerimiz sola daya olarak gelecektir. Özellikle padding operatörünü kullanmadığımız durumlarda bu çok can sıkıcı bir görünüme yol açacaktır.
Divlerden oluşturduğumuz boxlarımızın içine align komutu ile hizalama yapabiliriz. Şimdilik 3 hizalama yönteminden bahsedeceğiz;
CSS dosyamızda yazacaklarımız ve alacağımız sonuçlar sunlardır;
text-align:center; (bağlı bulunduğu class veya id içerisindeki tüm veriyi ortalar)
text-align:left; (bağlı bulunduğu class veya id içerisindeki tüm veriyi sola dayar)
text-align:right; (bağlı bulunduğu class veya id içerisindeki tüm veriyi sağa dayar)
Özellikle sol ve sağa dayalı tasarımlarımızda padding operatörünün önemi daha da artmakta. Gelecek yazılarda onlardan da bahsedeceğim. İyi çalışmalar
< Bu mesaj bu kişi tarafından değiştirildi umutozturk -- 13 Temmuz 2012; 10:13:40 >
-
DERS 6: SİTEMİ NASIL ORTALARIM?
Bir site tasarımında siteyi ortalamak, her türlü ekranda sorunsuz görünüm için önemlidir. Tabi ki bazı siteler dizaynları gereği sola veya sağa dayalı da olabiliyorsa da, genel olarak yapılan tasarımlarda siteyi ortalamak tercih edilir…
Sitemizi ortalamak için tüm yapmamız gereken <body> tagını açtıktan sonra <div align=”center”> yazmak ve bu divi </body> tagını kapatmadan hemen önce kapatmaktır. Css dosyasında sitenin ana divi için margin-left:auto, margin-right:auto kullanarak da ortalama imkanı varsa da, ben yazdığım inline şekillendirmeyi daha çok beğeniyorum. Çünkü içerisine aldığı tüm divlerde de ortalama işlemiş yapıyor. Buna müdahale etmek tabi ki mümkün. Float olarak geçen bu yapıyı size daha sonra anlatacağım.
SİTEMİZİ ORTALAMAK İSTİYORSAK KODLARIMIZ ŞU ŞEKİLDE OLMALIDIR;
<body>
<div align=”center”>
SİTENİN METİN VE RESİMLERİ BURAYA GELECEKTİR
</div>
</body>
< Bu mesaj bu kişi tarafından değiştirildi umutozturk -- 13 Temmuz 2012; 10:13:58 >
-
quote:
Orijinalden alıntı: umutozturk
:) burası ben bıraktığımda ana baba günüydü neden böyle oldu ki :(
Facebooktan ötürü.
Ayrıca dersleri ana mesajdan verseniz daha iyi olacak böyle karmaşık oluyor.
-
quote:
Orijinalden alıntı: umutozturk
:) burası ben bıraktığımda ana baba günüydü neden böyle oldu ki :(
Facebooktan ötürü. Ayrıca dersleri ana mesajdan verseniz daha iyi olacak böyle karmaşık oluyor.
-
quote:
Orijinalden alıntı: Lotus Expeditor
quote:
Orijinalden alıntı: umutozturk
:) burası ben bıraktığımda ana baba günüydü neden böyle oldu ki :(
Facebooktan ötürü. Ayrıca dersleri ana mesajdan verseniz daha iyi olacak böyle karmaşık oluyor.
Haklısınız sanırım face hangi kültürü öldürmedi ki forum kültürünü öldürmesin :@) -
Bende, css öğrenmek istiyordum burdan başlayayım sağol, emeğine sağlık... -
DERS 7:STİL DOSYASINA YAZDIĞIMIZ STİLLERİ DİVLERE NASIL ATAYACAĞIZ?
Evet arkadaşlar, farzeledim ki daha önceki dersleri incelediniz. Ve orada banner isminde bir class oluşturduğumuzu görmüşsünüzdür. Peki bu classı html sayfamız içerisinde nasıl kullanacağız (stil dosyamızı ilk derslerde anlattığım gibi import ettiğinizi farzediyorum)
Kullanım şu şekildedir. Mesela içerisine banner resmini koyacağımız bir div tasarlayarak işe başlıyoruz. O zaman yazım şu şekilde olacaktır.
——————————————————————————————
<body> (BODY tagını açıyoruz)
<div align=”center”> (siteyi ortalayan divi açıyoruz)
<div class=”banner”> BURAYA BANNER RESMİNİ EKLEYEBİLİRSİNİZ</div> (banner divimizi açıyor, class ını atıyor ve içeriği girip kapatıyoruz)
</div> (siteyi ortalayan divi kapatıyoruz)
</body> (Body tagını kapatıyoruz)
——————————————————————————————–
Gelecek derslerde görüşmek üzere…
< Bu mesaj bu kişi tarafından değiştirildi umutozturk -- 13 Temmuz 2012; 10:15:36 >
-
takipteyim hocam. html yi öğrendikten sonra okucam başlığı. kolay gelsin. -
Bende, takipteyim, bir yandan html, bir yandan css olarak gidicem... -
Dersleri sürekli takip ediyoruz. Eline sağlık. Çok yararlı bir çalışma :) -
çok güzel bir paylaşım...devamını merakla bekliyorum...dersler zaten dreamweaver da otomatik olarak yapıyor.benim merak ettigim form elemanlarını (textfield,button,jump menu...) css ile şekillerinı değiştirebiliyormuyuz?özel efektler tasarlana bılır mı ? Mumkunse paylaşa bilir misiniz?
< Bu ileti mobil sürüm kullanılarak atıldı > -
devamı ne zaman? -
Ellerine sağlık valla, harika olmuş :) -
quote:
Orijinalden alıntı: umutozturk
Arkadaşlar, CSS konusunda bilgi sahibi olmayan, ancak temel HTML bilgisi yeterli düzeyde olan arkadaşlarımız için, sıfırdan başlayarak css dersleri yazmaya karar verdim. Umarım hepimizin geçtiği bu yolda her arkadaşım kendisini biraz biraz geliştirir ve table'lardan mümkün olduğunca arınmış, pure CSS web siteleri dizayn eder hale gelirler.
Özel web tasarım dersi de vermekteyim ve öğrencilerime CSS tabanlı eğitim ile başlıyorum. Dw ile tasarım kolaya kaçıyor ve css'e tam olarak hakim olunamıyor tabi bu benim nacizane görüşüm...
Şimdi arkadaşlar adım adım ilerlemeye hazırsanız hep beraber kolları sıvayalım. Elimden geldiğince bu sayfada CSS konusunda sizlere destek olacağım.. (Ders birazdan geliyor)
Ellerinize saglık takipteyim bazen kafama takılan sorular oluyor kilitleniyorum soru sorsak cevaplar mısınız böyle durumlarda?
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
