Örnek İçerik

Çeşitli içerik örnekleri.

Markdown

Temel içerik düzenleme için * işaretleme * özelliğini kullanmanızı öneririz, çünkü hızlı yazılır, okunması kolay ve html kodlama hatalarını önler.

2 Stünlü Izgara

profile

Merhaba!
Benim adım Arda, bu benim blogum. Blogum

Hakkımda
Tasarım, işlevsellik, minimalizm ve performansla ilgileniyorum. Hobilerim uyku yürüyüşü, tatil ve balıkçılık.

Yazı
SWF, gelişmekte olan bir teknoloji iken, on yıldan fazla bir süre önce, bu web sitesi    Flash'ın çok popüler bir vitrini oldu. Yazıyı Gör


Blok Izgara

  • Blok Izgara
    Blok ızgaraları, bir ızgara içindeki bir listenin içeriğini eşit olarak ayırmanın bir yolunu sunar. Eşit aralıklı kalması gereken belirli bir miktar öğeye sahip bir satır oluşturmak istiyorsanız, blok ızgarayı tercih edebilirsiniz.

Atlı Karınca Eklentisi

Deve

Balık

Sincap

Keçi

Fil

Öküz

Balina

Balon Balığı

Kaplumbağa


Gömülü Kaynaklar

Vimeo

Youtube

Google Harita

Kendinde Barındırılan Video


Font İkonlar

Dahil olan sayfa tasarımlarınızı kolayca simgeler ekleyin Font Awesome. Yazı tipi simgeleri vektör tabanlı olup, herhangi bir boyutta iyi görünür ve CSS ile stillenebilir.


  • Özel Formlar

    İletişim formunuza herhangi bir öğe ekleyin. Tüm veriler e-posta ile iletilecektir.

    Dondurma İçeriği
    Favori Renk
    Sevdiklerim
    Mesaj

    Modal Eklentisi

    Modal eklenti, ilgili bilgilerin görüntülenmesi için yararlı olan, açılan iletişim pencerelerini açmanıza izin verir. Yardımcı araçlar genellikle düğmeler tarafından tetiklenir, ancak sayfa yükünde de tetiklenebilir.


    Sekmeler

    Sekmeler içerik eklentisi

    Sekmeler eklentisi, içeriğinizin herhangi bir yerine kolayca etkileşimli bir sekme bölümü eklemenize olanak tanır. Sekmeler, alakalı içeriği tıklanabilir bölümlere ayırmak için yararlı olabilir. Yatay veya dikey yönlendirme, üç stil ve birkaç yardımcı sınıf arasından seçim yapın. Sekmeler küçük (mobil) ekranlarda uygun şekilde yanıt verir ve geniş içerik olduğunda sayfa sekmelere sığacak şekilde kaydırılır.

    Örnek Kod

    Sekme düzeni oluşturmak için aşağıdaki kodu kullanmanız gerekir:













    Bu temel sekme örneğinin ilk paneli. Izgara dahil olmak üzere her türlü içeriği buraya koyabilirsiniz.




    Bu temel sekme örneğinin ikinci paneli. Izgara dahil olmak üzere her türlü içeriği buraya koyabilirsiniz..




    Bu temel sekme örneğinin üçüncü paneli. Izgara dahil olmak üzere her türlü içeriği buraya koyabilirsiniz.




    Bu temel sekme örneğinin dördüncü paneli. Izgara dahil olmak üzere her türlü içeriği buraya koyabilirsiniz.






    Stiller

    vertical
    Include the vertical class in both your UL tabs element and your tabs-content element set vertical tabs orientation, instead of the default horizontal orientation.

    tabs-style-1tabs-style-2
    Include any style class in your tabs-container element, to add a style different from the default style.

    tabs-anim
    Include the tabs-anim class in your tabs-container element to make your tabs fade in on change.

    tabs-radius
    Include the tabs-radius in your tabs-container element class to give your tabs rounded corners.

    tabs-color-active
    Include the tabs-color-active class in your tabs-container element to colorize the active tab.

    tabs-wide
    Include the tabs-wide class in your tabs-container element to make your tabs wider. * Only applies for horizontal tabs orientation.

    tabs-smalltabs-large
    Include the tabs-small or tabs-large class in your tabs-container element to make your tabs smaller or bigger. Does not apply for small (mobile) screens.

    tabs-centertabs-right
    Include the tabs-center or tabs-right class in your tabs-container element to make your tabs align center or right, instead of the default left. * Only applies for horizontal tabs orientation.

    tabs-width-30tabs-width-50tabs-width-auto
    Include the tabs-width-30, tabs-width-50 or tabs-width-auto class in your tabs-container element to set the % width of your vertical orientation tabs, instead of the default 20%.* Only applies for vertical tabs orientation.

    small-block-grid-*
    Include the small-block-grid-* class in your UL tabs element to make your tabs justify to full width. Replace the * with the amount of tabs you have. * Only applies for horizontal tabs orientation.

    Örnek İçerik

  • Fotoğrafçılık, kamerayla ışığı hassas bir yüzey üzerine kaydederek görüntü oluşturma işidir. İşlevsel uygulamaları nedeniyle bir zanaat olduğu gibi, estetik yönüyle bir sanat olarak kabul edilir. Teknik olarak lensler, bir pozlamada ışığa duyarlı yüzeye (sensör) yansıyan veya yayılan ışığa odaklanmak için kullanılırlar..

    Tamam! Fotoğraf (Eski Yunanca φῶς (fos), φωτός (fotos)), “ışık (gök cisimlerinin)“, “aydınlık“ ve γράφειν (grafein), “çizmek“, “kazımak“, “resim yapmak“, "yazmak" kelimeleri birleştirilerek türetilmiş bir isimdir. Kelime anlamı, ışık yardımı ile iz bırakmaktır. Fotoğraf, cisimlerden yansıyan elektromanyetik radyasyonun toplanıp ....


    Uyarı Kutuları

    Uyarı kutuları, bir kutuya ekleyerek içeriği vurgulamanıza olanak tanır. [kod]

    Uyarı Kutusu Örneği

    Bu, metin ve resimlerle birlikte basit bir uyarı kutusu örneğidir..

  • Kapatılabilir Uyarı Kutusu

    Bu uyarı kutusunun kapatma butonu tıklanarak kapatılabilir.
    Bu da minimal bir uyarı kutusu!

    Etiketler

    etiket
    Herhangi bir içeriğe önem vermek için etiketler kullanın.

    Yazı

    Aşağıdaki renk etiketinden seçim yapabilirsiniz:

    öncelikalarmuyarıbaşarıbilgistandartbg2bg3


    Toggle Content

    Bazen, ziyaretçi daha fazlasını görmeyi tercih edene kadar uzun içerik bölümlerini gizlemek istersiniz. Bir geçiş düğmesi bağlantısı ve gizli içeriği içeren bir öğe eklemeniz yeterlidir. Herhangi bir içerik türünü değiştirebilir ve geçiş bağlantısı, gizli içerikten * önce * veya * sonra * olabilir.Geçiş, SSS'leri oluşturmak veya yalnızca resimdeki uzun resim açıklamalarını gizlemek için etkili olabilir...
    devamı

    kodu göster



    Bu yazı gizlenmiş.
    devamı


    devamı
    Bu yazı gizlenmiş.




    Bu yazı gizlenmiş.