Harika Bir Galeri Teması: Pegasus

Pegasus teması, ana sayfada sadece yazıda kullanılan resimlerin gösterildiği çok şık bir tema.Resimlerin üzerine geldiğinizde o resme ait yazı başlığı beliriyor ve tıklandığında kayıt sayfasına yönleniyor.

 

Ana sayfada kayıtlara ait resimlerin dışında 4 sütunlu footer alanı ve yatay açılır menünün bulunduğu bir header var.Sayfalar arasındaki geçiş sayfa nbumaralandırma eklentisi kullanılarak kolaylaştırılmış.

 

Bu temanın sidebarı nerede diye sorabilirsiniz.Ana sayfada minimalist bir tasarım istendiği için sidebar sadece kayıt sayfalarında gözüküyor.

 

Son olarak yorum bölümünden bahsetmek istiyorum.Yorumlarda dişli yorum sistemi mevcut ve güzel bir stil kullanılmış.Ayrıca blog yazarının yorumlarının bir rozet kullanılarak belirginleştirlmesi güzel bir detay olmuş.

 

Pegasus Blogger Template

DEMO & DOWNLOAD

 

Demosuu inceleyip temayı kullanmaya karar verdiyseniz düzenlemeniz gerekenttekyer olan üstteki yatay menüyü nasıl düzenleyeceğinizi göstereyim.Menünün kodları şunlar:

 

<div class='menu-main-container'>
<ul class='sf-menu' id='menu-main'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='#'>Styling</a></li>
<li><a href='#'>Skins</a>
<ul class='sub-menu'>
<li><a href='#'>Black</a></li>
<li><a href='#'>Blue</a></li>
<li><a href='#'>Purple</a></li>
<li><a href='#'>Teal</a></li>
<li><a href='#'>Green</a></li>
<li><a href='#'>Orange</a></li>
<li><a href='#'>Silver</a></li>
<li><a href='#'>Yellow</a></li>
</ul>
</li>
<li><a href='#'>Templates</a>
<ul class='sub-menu'>
<li><a href='#'>Portfolio &amp; Blog Mixed Homepage</a></li>
<li><a href='#'>Full-Width Page</a></li>
<li><a href='#'>Full-Width Page with Featured Image</a></li>
<li><a href='#'>Full-Width Page with Slider</a></li>
<li><a href='#'>Standard Page with Featured Image</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Blog Categories</a>
<ul class='sub-menu'>
<li><a href='#'>Animals</a></li>
<li><a href='#'>Places</a></li>
</ul>
</li>
<li><a href='#'>Portfolio Categories</a>
<ul class='sub-menu'>
<li><a href='#'>Places</a></li>
<li><a href='#'>Animals</a></li>
<li><a href='#'>People</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Purchase</a></li>
</ul>
</div>

 

Menüde yer alan her öğeye ait kod  <li><a href='#'>Contact</a></li> şeklinde gösterilir.Buraadaki # yerine Contact yazısına tıklayınca açılmasını istediğiniz sayfanın URLsini yazacaksınız.

14 yorum:

  1. Galeri blogum var anasayfası çok iyi ama konu için hiç hoşuma gitmiyor :)

    YanıtlaSil
  2. http://haberdesin.blogspot.com/

    buraya yükledim ama yüklediğim tema farklı burdaki demo farklı çözemedim hocam

    YanıtlaSil
  3. Kusura bakmayın yanlış link koymuşum.Düzelttim, tekrar indirip deneyebilirsiniz.

    YanıtlaSil
  4. teşkür serdar hocam:)

    YanıtlaSil
  5. Güzel sade bir tema biraz kurcalamak lazım.

    YanıtlaSil
  6. merhaba ben bu temayı yukledım fakat ana sayfada sadece 1 tane fotograf cıkıyor

    YanıtlaSil
  7. @ONUR YILDIZ
    Her postun ilk fotoğrafı gösterilir ana sayfada.

    YanıtlaSil
  8. benım sorunumda bu zaten her psotun ılk fotografı gozukmuyor sadece tek bır post gozukuyor :((
    www.fitifoto.com bakabılırsınız

    YanıtlaSil
  9. Ayarlardan ana sayfada gösterilecek kayıt sayısını kontrol ettiniz mi?

    YanıtlaSil
  10. evet 10 yazdım olmadı 20 yazdım yıne olmadı nasıl cozebılırım bu sorunu yardımcı olursanız sevınırım

    YanıtlaSil
  11. Burada paylaşmadan önce test blogumda denemiştim, böyle bir sorun yoktu.Sizde neden böyle oldu bilemiyorum.

    YanıtlaSil
  12. bende anlamadım bu sorun neden boyle oluyor 3 gundur ugrasıyorum ama cozemedım

    YanıtlaSil
  13. Menü kodlarını incelerken kendi sitemde başka bi soruna çözüm buldum.. Banner'i gerekli sayfaya bağladım..

    Bazen taş atarsın kuşa çarpar, bazen taş atarsın kuş gelir taşa çarpar derler :) Benim banner sorunumun çaresi de bu yazıdaymış.. Teşekkürler Serdar Bey..

    YanıtlaSil
  14. Serdar Hocam çok saolun 1 1,5 yıldır şu blog işindeyim sizden çok fayda gördüm allah razı olsun.
    Temaya gelince bloguma uyguladım süper oldu...
    Ziyaret etmek isterseniz...
    http://toycitolgahan.blogspot.com/

    YanıtlaSil

Blogger tarafından desteklenmektedir.