Webailesi Portal Sistemi

Yazar: Aytacmedia

06-03-2020, 20:23

Forum: MyBB Temalar

Yorumlar 3

Temanın uyumlu olduğu sürüm: MyBB - 1.8.X
Tema ismi: eXe Tema
Tema sürümü: 1.8.20
Tema durumu: Test edilmiştir ve çalışmaktadır
Tema yapımcısı: envira
5e6286fb3d32d_preview_116211_1569149244_

5e6286fb3d32d_preview_116211_1569149244_

eXe Theme - Mobile & PC_#2_stable.zip (Dosya Boyutu: 13,08 KB | İndirme Sayısı: 26)

Yazar: Aytacmedia

06-03-2020, 20:21

Forum: MyBB Temalar

Yorumlar 3

Temanın uyumlu olduğu sürüm: MyBB - 1.8.X
Tema ismi: Fladmin MyBB Tema
Tema sürümü: 1.8.x
Tema durumu: Test edilmiştir ve çalışmaktadır
Tema yapımcısı: bilsoft --

5e628674ad3da_preview_108495_1565875557_

5e628674ad3da_preview_108495_1565875557_

Fladmin_#2_stable.zip (Dosya Boyutu: 51,5 KB | İndirme Sayısı: 10)

Yazar: Aytacmedia

06-03-2020, 20:09

Forum: MyBB Temalar

Yorumlar 4

Temanın uyumlu olduğu sürüm: MyBB - 1.8.X
Tema ismi: MyBB 1.8.x - 1point8 Teması
Tema sürümü: 1.8.x
Tema durumu: Test edilmiştir ve çalışmaktadır
Tema yapımcısı: iAndrew

5e62836730a4a_5lmrrq

1point8.zip (Dosya Boyutu: 363,31 KB | İndirme Sayısı: 5)

Yazar: Aytacmedia

06-03-2020, 20:06

Forum: MyBB Temalar

Yorumlar 3

Temanın uyumlu olduğu sürüm: MyBB - 1.8.X
Tema ismi: MybbPro Teması
Tema sürümü: 1.8.x
Tema durumu: Test edilmiştir ve çalışmaktadır
Tema yapımcısı: My-BB.Ir

5e6282fa5e4a3_vxnmpz

MyBBPro.zip (Dosya Boyutu: 343,88 KB | İndirme Sayısı: 10)

Yazar: Aytacmedia

06-03-2020, 20:03

Forum: MyBB Temalar

Yorumlar 4

Temanın uyumlu olduğu sürüm: MyBB - 1.8.X
Tema ismi: MT Modern Tema 1.8.x (Responsive)
Tema sürümü: 1.8
Tema durumu: Test edilmiştir ve çalışmaktadır
Tema yapımcısı: xLd^

5e6282517ac6d_vpbmgd

MT_Modern_Tema_1.8_--_crafted__c__xLd_ (1).zip (Dosya Boyutu: 809,44 KB | İndirme Sayısı: 48)

Yazar: Aytacmedia

06-03-2020, 20:00

Forum: MyBB Temalar

Yorumlar 3

Temanın uyumlu olduğu sürüm: MyBB - 1.8.X
Tema ismi: VolareYa MyBB Tema v2
Tema sürümü: v2
Tema durumu: Test edilmiştir ve çalışmaktadır
Tema yapımcısı: XpS

5e628143c0dc5_6ajoaw

volareyav2.rar (Dosya Boyutu: 20,09 KB | İndirme Sayısı: 20)

Yazar: Aytacmedia

06-03-2020, 19:57

Forum: MyBB Temalar

Yorumlar 3

Temanın uyumlu olduğu sürüm: MyBB - 1.8.X
Tema ismi: Metro Orange Tema
Tema sürümü: 1.8
Tema durumu: Test edilmiştir ve çalışmaktadır
Tema yapımcısı: xLd

5e6280ea1670d_0b5rzv

Metro_Orange.rar (Dosya Boyutu: 420,5 KB | İndirme Sayısı: 15)

Yazar: Aytacmedia

06-03-2020, 19:54

Forum: MyBB Temalar

Yorumlar 3

Temanın uyumlu olduğu sürüm: MyBB - 1.8.X
Tema ismi: Osmium Teması
Tema sürümü: 1.8
Tema durumu: Test edilmiştir ve çalışmaktadır
Tema yapımcısı: PromoLocus

5e627fe29410b_yqrlm2_(1)

Osmium (1).zip (Dosya Boyutu: 10,65 KB | İndirme Sayısı: 9)

Yazar: Aytacmedia

06-03-2020, 19:51

Forum: MyBB Temalar

Yorumlar 3

Temanın uyumlu olduğu sürüm: MyBB - 1.8.X
Tema ismi: H1Z1 Teması
Tema sürümü: MyBB - 1.8.x
Tema durumu: Test edilmiştir ve çalışmaktadır
Tema yapımcısı: ßyßurak

5e627f7912a92_l3jg9g

h1z1.zip (Dosya Boyutu: 977,72 KB | İndirme Sayısı: 18)

Yazar: T1xLnN

06-03-2020, 19:15

Forum: CSS

Yorumlar 5

Bir CSS kural kümesi, bir seçici (selector) ve bir bildiri bloğundan (declaration block) oluşur. Selector, biçim (style) bilgilerini yükleyeceğiniz HTML elemanını işaret eder. Declaration block (bildiri bloğu) bir ya da daha fazla bildiriden oluşur. Değiştirilmek istenen birden fazla özellik varsa bildiriler arasına ";" sembolü konur. Her bildiri, bir özellik adı (property name) ve bir değer (value) içerir. Aralarına ":" sembolü yerleştirilir.
Bir CSS bildirimi daima bir noktalı virgül sembolüyle sonuçlanır ve bildiri grupları "{}" sembolleri arasına alınır.

Kod:

p {color:blue;text-align:left;}

CSS kodunu daha okunabilir yapmak için her bildiri deyimi ayrı bir satıra konabilir:

Kod:

p {

    color: blue;

    text-align: left;

}

Kod:

<!DOCTYPE html>

<html>

    <head>

        <style>

            p {

                color: blue;

                text-align: left;

            }

        </style>

    </head>



    <body>       

        <p>GELECEGİ YAZANLAR</p>

        <p>CSS STIL KODLAMASI ORNEGI</p>

    </body>

</html>

Yukarıdaki örneği tarayıcıda açtığımızda <p> etiketi içinde kalan yazılar mavi renkli görüntülenir.

5e6276a1380d5_css_yazim_kurallari-1

CSS yorumları
Yorumlar yazılan kod üzerinde açıklama eklemek için kullanılır. Ayrıca kodu geliştiren kişinin bile uzun zaman geçtikten sonra unutabileceği bazı kritik noktaları kendisine hatırlatır. Yorum satırları tarayıcı tarafından dikkate alınmaz.
Bir CSS yorumu, "/*" sembolleriyle başlar ve "*/" sembolleriyle sona erer. Birden çok satıra da yayılabilir.

Kod:

p {

    color: blue;

    /* paragraf mavi renkte yapılıyor */

    text-align: left;

/*metin sola yanaşık*/

}

Kod:

/* bu açıklama

tek satıra

sığmadı*/

CSS seçiciler (selectors)
CSS seçicileri, HTML elemanlarını seçmenizi ve onlar üzerinde işlem yapmanızı sağlar. CSS seçicileri, HTML elemanlarını, id'leri, sınıfları (class), tipleri, özellikleri (attribute) ya da özellik değerlerini kullanarak bulur.
Eleman seçiçi
Eleman seçici, elemanları etiket adlarına göre seçer. Sayfadaki tüm <p> elemanlarını etkileyecek bir değişikliği bu şekilde gerçekleştirebilirsiniz.

Kod:

p {

    text-align: left;

    color: blue;

}

Kod:

<!DOCTYPE html>

<html>

    <head>

        <style>

            p {

                text-align: left;

                color: blue;

            }

        </style>

    </head>



    <body>

        <p>HER PARAGRAF STILDEN ETKILENECEKTIR</p>

        <p id="para1">BU PARAGRAF DA ETKILENIR</p>

        <p>BU DA ISTISNA DEGILDIR</p>

    </body>

</html>

id seçici
id seçici, belirli bir elemanı bulmak için, HTML etiketinin id özelliğini kullanır. id, sayfa içinde tekil (unique) olmalıdır. id seçicisini, sayfa içinde belirli tek bir elemanı bulmak söz konusu olduğu zaman kullanmalısınız. id ile elemanı bulmak için aranan elemanın id'sinin önüne "#" sembolü koymalısınız. Örneğin, aşağıdaki kod içinde id="parag1" adlı eleman aranmaktadır.

Kod:

#parag1 {

    text-align: left;

    color: blue;

}

Kod:

<!DOCTYPE html>

<html>

    <head>

        <style>

            #parag1 {

                text-align: left;

                color: red;

            }

        </style>

    </head>



    <body>       

        <p id="parag1">GELECEGI YAZANLAR</p>

        <p>BU PARAGRAF STILDEN ETKILENMIYOR</p>

        <p>BU PARAGRAF DA STILDEN ETKILENMIYOR</p>

    </body>

</html>

Sınıf (class) seçici
Sınıf seçici aradığı elemanları belirli bir sınıf bilgisine göre arar. Sınıf seçici, HTML sınıf özelliğini kullanır. Belirli bir sınıfa ait elemanları bulmak için, bir nokta karakterinden sonra sınıfın adı yazılır.

Kod:

.lefty {

    text-align: left;

    color: red;

}

Yukarıdaki örnekte class="lefty" özelliğine (attribute) sahip olan elemanlar aranmaktadır.

Kod:

<!DOCTYPE html>

<html>

    <head>

        <style>

            .lefty {

                text-align: left;

                color: red;

            }

        </style>

    </head>



    <body>

        <h1 class="lefty">KIRMIZI VE SOLA YANASIK BASLIK</h1>

        <p class="other">STILIN ETKISI YOK</p>

        <h1 class="lefty">KIRMIZI VE SOLA YANASIK BASLIK</h1>

    </body>



</html>

Sınıf arama bazen aşağıdaki biçimde de gerçekleştirilebilir:

Kod:

p.left {

                text-align: left;

                color: red;

       }

Burada class="left" olan sınıfların bulunduğu paragraflar etkilenecektir.

Kod:

<!DOCTYPE html>

<html>

    <head>

        <style>

            p.left {

                text-align:left;

                color:red;

            }

        </style>

    </head>



    <body>

        <h1 class="left"> BU PARAGRAF STIL BILGISINDEN ETKILENMEDI </h1>

        <p class="left"> BU PARAGRAF STIL BILGISINDEN ETKILENDI </p>

    </body>

</html>

Seçicileri gruplama
Stil sayfalarında pek çok kez aynı stilde elemanlar gözünüze çarpar:

Kod:

h1 {

    text-align: left;

    color: red;

}



h2 {

    text-align: left;

    color: red;

}



p {

    text-align: left;

    color: red;

}

Kodu küçültmek için gruplama yapabilirsiniz. Burada hem h1 ve h2 başlıkları hem de p paragrafı aynı stilde tanımlanmak isteniyor. Buna göre h1, h2 ve p'yi virgüllerle ayırarak yukarıdaki uzun ifadeleri aşağıdaki gibi kısa ve tek bir ifade haline getirebiliriz:

Kod:

h1, h2, p {

    text-align: left;

    color: red;

}

Kod:

<!DOCTYPE html>

<html>

    <head>

        <style>

            h1, h2, p {

                text-align: left;

                color: red;

            }

        </style>

    </head>



    <body>

        <h1>GELECEGI YAZANLAR</h1>

        <h2>UYGULAMA MARATONU</h2>

        <p>Uygulama maratonuna bu sene katılım epey fazla oldu.</p>

       

    </body>

</html>