Basit Index Yapımı - DERS 2 (Renk,Büyüklük,Ortalama vb.)

Konuyu değerlendir: Geçerli Reyting :

Görüntüleme : 2747

Yorumlar : 0

Bilgilendirme : Bu konuya son mesaj 1656 gün önce yazıldı . Eğer yazınız doğrudan bu konu ile ilgili değil ise yeni bir konu başlatmanızı tavsiye ederiz.
  1. offline
    OnLy - ait Kullanıcı Resmi (Avatar)

    ikon14 Basit Index Yapımı - DERS 2 (Renk,Büyüklük,Ortalama vb.)

    Merhaba arkadaşlar,

    Basit Index Yapımı - DERS 1'i yapmıştım. Konu: Basit Index Yapımı - DERS 1

    Şimdi 2.'yi yapmayı düşünüyorum.

    Öncelikle kalıbımız buydu;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Bazı kodlar ile buraya takviye yapacağız.
    Mesela;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    ve daha fazlası var ama onlara 3. derste detaylı giriş yapacağım. Şimdi Index'imizi yapalım.

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Yazımızı ve etiketi yazdık. Şimdiye kalan tek şey kodlar ile yazıyı süslemek. Bu anlatımda resim detaylarına girmeyeceğim.
    Şimdi bazı kodlar ekleyelim:

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Dikkat ettiyseniz;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    kodunu kulladım. "</br>" kodu aşağı satıra indirme kodudur. Bu yüzden şık görünsün diye aşağıya indiriyorum.
    Not: Bu kod şu şekilde değildir: "<br></br>" Sadece "</br>"dir.

    Daha sonra;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Burada da;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    kodunu kullandım. Bu da isminden anlaşılacağı gibi bir "div" kodudur. Yazıyı, metni ortalamaya yarar.

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Burada;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    kodunu kullanacağım. Burayı nasıl dolduracağımıza dikkat edelim.

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Sizin için üstte bir örnek oluşturdum. Şimdi bunu yerleştirelim.

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Bu kodu da yerleştirdik ama yazıyı kalın yapmak için "<b></b>" kodunu kullanmadık. Şimdi onla yazıyı kalınlaştıralım.

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    "<b></b>" kodunu da yerleştirdikten sonra;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...



    kodu ile yazının yanıp sönmesini sağlayacağım. İzleyelim;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Evet arkadaşlar, şimdilik bu işlemi de bitirdik. Şimdi DERS 2'de bitmeden önce INDEX'in son hâline bakalım (kod olarak):

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Şimdi de ben size bir önizleme resmi atayım:



    Evet arkadaşlar, gördüğünüz gibi hedeflediğimizi yapmışız. Bu ders bu kadar. 3. DERS'te daha farklı kodlara gireceğiz. İyi günler..

    SAYGILAR,
    OnLy
  2. #1
    Merhaba arkadaşlar,

    Basit Index Yapımı - DERS 1'i yapmıştım. Konu: Basit Index Yapımı - DERS 1

    Şimdi 2.'yi yapmayı düşünüyorum.

    Öncelikle kalıbımız buydu;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Bazı kodlar ile buraya takviye yapacağız.
    Mesela;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    ve daha fazlası var ama onlara 3. derste detaylı giriş yapacağım. Şimdi Index'imizi yapalım.

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Yazımızı ve etiketi yazdık. Şimdiye kalan tek şey kodlar ile yazıyı süslemek. Bu anlatımda resim detaylarına girmeyeceğim.
    Şimdi bazı kodlar ekleyelim:

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Dikkat ettiyseniz;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    kodunu kulladım. "</br>" kodu aşağı satıra indirme kodudur. Bu yüzden şık görünsün diye aşağıya indiriyorum.
    Not: Bu kod şu şekilde değildir: "<br></br>" Sadece "</br>"dir.

    Daha sonra;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Burada da;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    kodunu kullandım. Bu da isminden anlaşılacağı gibi bir "div" kodudur. Yazıyı, metni ortalamaya yarar.

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Burada;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    kodunu kullanacağım. Burayı nasıl dolduracağımıza dikkat edelim.

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Sizin için üstte bir örnek oluşturdum. Şimdi bunu yerleştirelim.

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Bu kodu da yerleştirdik ama yazıyı kalın yapmak için "<b></b>" kodunu kullanmadık. Şimdi onla yazıyı kalınlaştıralım.

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    "<b></b>" kodunu da yerleştirdikten sonra;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...



    kodu ile yazının yanıp sönmesini sağlayacağım. İzleyelim;

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Evet arkadaşlar, şimdilik bu işlemi de bitirdik. Şimdi DERS 2'de bitmeden önce INDEX'in son hâline bakalım (kod olarak):

    HTML-Kodu:

    Bu alandaki kodları görebilmek için üye olmanız gereklidir.Üye Olmak İçin Tiklayın...

    Şimdi de ben size bir önizleme resmi atayım:



    Evet arkadaşlar, gördüğünüz gibi hedeflediğimizi yapmışız. Bu ders bu kadar. 3. DERS'te daha farklı kodlara gireceğiz. İyi günler..

    SAYGILAR,
    OnLy

Benzer Konular
  1. index.php index.html yardim ?
    Konu Sahibi Onlineumut Forum vBulletin Sorunlarınız
    Cevap: 0
    Son Mesaj : 13.Aralık.2015, 17:06
  2. Güncel Navbar Ortalama Hakkında
    Konu Sahibi Kayserili Forum vBulletin Sorunlarınız
    Cevap: 2
    Son Mesaj : 28.Haziran.2015, 00:49
  3. avatar ortalama hatası
    Konu Sahibi Gsmfrm Forum vBulletin Sorunlarınız
    Cevap: 0
    Son Mesaj : 13.Mayıs.2014, 00:02
  4. Çözüldü VSA Chatbox arkaplan renk ayarı? ya da her temaya ayrı default yazı renk ayarı?
    Konu Sahibi junior_l3oss Forum vBulletin Sorunlarınız
    Cevap: 8
    Son Mesaj : 16.Nisan.2013, 08:05
  5. Basit Index Yapımı - DERS 1
    Konu Sahibi OnLy Forum Webmaster yardımcı kaynaklar
    Cevap: 0
    Son Mesaj : 06.Şubat.2013, 12:46