Karalamaya devam ediyoruz. Birer Arkaplan, logo, buton ve apple penceresi çalışması yaptım. Arkaplan ve Apple penceresini iyi incelemenizi öneririm… Layer layer çalışın

İndir: E.D. bg-logo-btn-apple.zip

Boş boş uğraşırken ortaya çıkardığım bi çalışma. Araya gitmesin paylaşayım dedim. Arada böyle değişik çalışmalar yapıp psd olarak paylaşacağım. Bu dosyayla başlayalım

Bu çalışmada köşeli bir siyah desen yapıp gölge ve ışıklandırmalarla süsledim. Yazıya da zemin gölgelendirmesiyle birlikte değişik bir katmalı efekt uygulayıp süsleyip püsledim işte Üzerinde değişiklikler yapıp kendinize göre uyarlayabilir ya da güzel afiş çalışmaları yapabilirsiniz.

İndir: E.D. Black BG-Text Effect.zip

Eagle Design V.4 Premium Temada da kullandığım bir yöntemi anlatacağım… Bu işlem bizlere şunu sağlayacak; WordPress yazılarına yaptığınız yorumlarda kimi temalarda (şuan benim yaptığım wp temasında da görebilirsiniz) adminin yazdığı mesajlar farklı bir şekilde beliriyor. Bunu benden önce “Blackinci” özel bir MyBB temasında kullanmıştı. Sanırım o da bu yöntemle kullanmıştır… Son derece basit ve eğer ustaca kullanırsanız harika işler çıkarabileceğiniz bir yöntemdir.

Gelelim anlatıma;

İlk başta MyBB Forumunuzun Admin Panelinden “PostBit” şablonunu açın. İşlemlerimizi sadece bu şablon içerisinde yapacağız.
En üstte bulunan < table… kodunun başladığı tablo bizim mesajımızın belirdiği kısmın başlangıcıdır. (bkz. Resim1)

(Resim1)

Postbit Şablonunun forumumuzda oluşturduğu kısım ise Resim2 deki gibidir. Kırmızı ok ile gösterilen yer yukarıda belirttiğimiz < table… başlangıcıdır.

(Resim2)

Burada bize lazım olan sihirli bir kod var o da şu: {$usergroup['gid']}
Bu kod o mesajı yazanın grupID numarasını (bkz. Resim3) kullandığımız yere yazacaktır. Yapacağımız işlemin mantığı şudur:
Bir tablo veya div için kullanılan bir css class veya id isminin sonuna bu kodu ekleyeceğiz. Ve her mesajda mesajı yazanın grupIDsine göre bu class veya id ismi değişecek.
Uygulama ile daha iyi anlayacaksınız… Devam edelim…

(Resim3)

Şuan ben MyBBnin default şablon ve csslerini kullanarak basit bi yöntem uygulayacağım. Bunu siz hayal gücü ve yeteneğinize göre daha da geliştirebilirsiniz.

Adım1: Postbit şablonundaki td class=”tcat” Kodunu td class=”tcat2″ olarak değiştiriyorum.
Adım2: Resim1 deki işaretleyip belirttiğim table satırındaki class=”tborder” kısmını class=”tborder-{$usergroup['gid']}” olarak değiştiriyorum. Ve kaydediyorum.

Şablonlarla işimiz kalmadı.

Şimdi temamızın CSS kısmına geçiyoruz. global.css sayfasına giriyoruz.
“CSS Düzenleme: Gelişmiş Mod” kısmını açıp en üste aşağıdaki cssleri ekliyoruz. (anlatarak ekliyorum)

.tcat2 {
	background: none;
	color: #000000;
	font-size: 12px;
}

tcat2 kısmını oluşturarak üst kısma (mesajın yazılma tarihinin vs. bulundauğu kısım) verilen background u kaldırdım. Orjinal .tcat cssini kopyalayarak değiştirdim ki bi aksilik olmasın.

.tborder-4 {
	background: #f1c4c9;
	width: 100%;
	margin: auto auto;
	border: 1px solid #db6370;
}

“-4″ olarak sonuna eklememin sebebi admin grubunun varsayılan grupID numarası 4 olduğu için elde edeceğimiz yeni css ismine de 4 eklenecek. Bu yüzden ekledik ki dilediğimiz şekli rahat rahat verelim.

.tborder-1,.tborder-2,.tborder-3,.tborder-5,.tborder-6,.tborder-7 {
	background: #81A2C4;
	width: 100%;
	margin: auto auto;
	border: 1px solid #0F5C8E;
}

Bunlar da diğer grupların şekilleri. Dikkat ederseniz içindeki cssler .tborder cssinin aynısıdır. Bu anlatımda ben sadece adminin rengini değiştirdim. Eğer farklı bi gruba başka bir şekil eklemek istiyorsanız yukarıdaki toplu olarak işlem yaptığımız kısımdan o idyi çıkarın ve üstteki 4 numaralı id de yaptığımız gibi ayrı olarak değerler verin.
Son durum:

(Resim4)

Ben bu işlemleri en basit şekilde yaptım. Siz bunları daha da gelitirebilirsiniz. Burada sadece mantığını anlatmak istedim.

Mesela E.D. V4 Temamda bu işlemi biraz daha gelişmiş olarak kullandım. Konuda bulunan ekran görüntülerini ve tanıtım videosunu izleyerek görebilirsiniz ortaya çıkan sonuçları.

Premium tema çalışmalarından sonra bir tane de free tema yapayım dedim. Yine temiz bir kodlama ile. Sade ve şık bir tema olduğunu düşünüyorum. Detaylı bilgiyi konun devamında görebilirsiniz…

Tema Özellikleri:

• Özel header ve footer.
• Table tagı kullanmadan sadece divli kodlama.
• Gölgelendirmeler.
• Özel butonlar.
• Ayrıca .container css tabı ile genişliği istediğinz şekilde değiştirebilirsiniz.

Kurulum:

• Paketin içindeki dosyaları gerekli yerlere atın.
• XML Dosyasını admin panelinizden yükleyin.

DEMO: Demo sayfamızdan görebilirsiniz. http://demo.eagletr.com

Temadan Görüntüler:

Düzenleme [18.05.2010]
• #copyright, .navigation, .thead CSS’lerinde düzenlemeler yapılmıştır. Paket yenilenmiştir.

Düzenleme [30.05.2010]

• PSD of Logo Logonun PSD dosyasında bulunan ufak bir hata giderildi.

Düzenleme [21.06.2010]

• Buton Düzenleme Türkçe paketteki “CEVAPLA” butonundaki hata düzeltilmiştir.
  

İndir: ED-V.8 Theme.rar

İndir: ED-V.8 Theme [ENGLISH].rar

Alternatif olarak [TR]: http://www.multiupload.com/5625OJF8ET
Alternatif olarak [ENG]: http://www.multiupload.com/ZYZ5NC1TW7

Kırmızı tonları ağırlıkta kullandığım bir tasarım oldu. Daha önce her1sey.net te kullanıyordum fakat ordaki hali bundan çok daha farklıydı. Kabaca kodlamıştım ve mtr temasına başladığımdan dolayı yarıda kalmıştı. Bi el attım son derece düzenli ve sağlam kodladım.

Tema ile ilgili ayrıntılı bilgiyi konunun devamında görebilirsiniz.

Temamızın özellikleri neler..?

• Özel Kullanıcı paneli
• Oval CSS menu.
• Genişliği % olarak değiştirseniz bile herhangi bir kayma olmayacak kodlama.
• %99 CSS ile ovalleştirilmiş tablolar (BÜTÜN browserlarda sorunsuz!)
• Browser farketmeden kusursuz görünüm.
• En dışta gölge efekti.
• Özel buton ve ikonlar.
• Özel yapım postbit.
• Admin mesajlarına özel kırmızı postbit efekti.
• Profil sayfasına JQuery tabmenu.
• Tema MyBB v 1.6 versiyonu uyumludur.

Peki temamızın fiyatı ne kadar..?

• V.4 Theme Fiyatı: 10$ veya 15TL
• Backlink Kaldırma: 5$

Ayrıca;

• Tek satışımız yoktur.
• Temayı alanlara özel Kurulum videosu gönderilecektir.

Ödemeyi nasıl gerçekleştireceksiniz..?

• HAVALE:
  
• POSTA ÇEKİ:
  
• PAYPAL:
  
  
  
• Eğer mecbur kalınırsa; Avea 15TL.
• Pazarlık payı yoktur.

Temadan Görüntüler:

Tanıtım Videosu:

Bunu iki farklı şekilde kullanabiliriz ;

1. Bir CSS dosyasını sayfaya import etme: Bu yöntemi kullanırken aşağıda verdiğim kodu sayfanızın “head” tagları arasına eklemeniz lazım. Ve bu yöntem sadece Internet Explorer Tarayıcısı için geçerlidir.

   lt : daha düşük.
   lte : eşit veya daha düşük.
   gt : daha yüksek.
   gte : eşit veya daha yüksek.

   anlamlarına gelmektedir. Bunları şu örneklerdeki gibi kullanıyoruz;
   IE6 ve Alt Sürümleri için:

   <!--[if lte IE 6]>
   <link type="text/css" rel="stylesheet" href="ie6.css"  />
   <![endif]-->
   

   IE7′nin Alt Sürümleri için:

   <!--[if lt IE 7]>
   <link type="text/css" rel="stylesheet" href="ie6.css"  />
   <![endif]-->
   

   Sadece IE 7 İçin:

   <!--[if IE 7]>
   <link type="text/css" rel="stylesheet" href="ie7.css"  />
   <![endif]-->
   

   Bunları amacınıza göre çoğaltabilirisiniz.

2. Bir CSS dosyasının içindeki kodların arasında: Bu yöntem ile CSS kodlarınızın arasına aşağıdaki türde kodları yerleştirerek işleminizi gerçekleştire bilirsiniz.

   Örnek CSS Kodunuz #zirtbirt ID’si ve .zirtbirt CLASS’ı olsun.

   Internet Explorer için;

   /*IE6 ve öncesinde çalışır*/
   #zirtbirt { _color: blue; }
   /*IE 7 ve öncesinde çalışır*/
   .zirtbirt { *color: red; }
   

   Yukarıdaki kodlarda ie6 ve öncesi işin görev kodundan önce “_” işaretini kullandık. ie7 ve öncesi için ise “*” işaretini. Fakar bu işlem sadece id ve class kodlarında çalışır. Yani taglar için kullanamayız. Tag, class veya id css kodlarının herhangi biri için aşağıdaki yöntemi de kullanabiliriz:

   /*IE6 ve öncesinde çalışır*/
   * html #zirtbirt { color: red }
   /*IE 7 ve öncesinde çalışır*/
   *:first-child+html #zirtbirt { color: red }
   

   Yukarıdaki kodlarda da farklı olarak kodumuzun başlarına “* html ” ve “*:first-child+html ” ekleriniz getirdik.

   FireFox İçin:

   /*Firefox 2.0 ve aşağısı için*/
   #zirtbirt, x:-moz-any-link { color:red; }
   
   /*Firefox 3.0 için*/
   #zirtbirt, x:-moz-any-link, x:default { color:red; }
   
   /* Firefox 3.5 ve üstü için*/
   body:first-of-type #zirtbirt { color:red; }
   

   Diğer Tarayıcılar:

   /* Opera 9.27 ve önceki için*/
   html:first-child #zirtbirt  { color: red }
   
   /* Safari için*/
   html[xmlns*=""] body:last-child #zirtbirt { color: red }
   
   /*safari 3+, chrome 1+, opera9+, ff 3.5+ için*/
   body:nth-of-type(1) #zirtbirt  { color: red }
   
   /* safari 3+, chrome 1+, opera9+, ff 3.5+ */
   body:first-of-type #zirtbirt  {  color: red }
   
   /* saf3, chrome1+ */
   @media screen and (-webkit-min-device-pixel-ratio:0) {
   #zirtbirt { background: #000000; border: 1px solid #ffffff  }
   }
   

Çok işinize yaracağına eminim kolay gelsin…

Gelelim temamın özelliklerine;

• Headerda 2 adet jquery fonksiyonu kullandım. Birisi menu diğeri de toggle arama kutusu.
• Tasarımları kullanıcılara kolay sunmak için logonun sağ tarafına bir jquery slide ekledim.
• SideBarın altında RSS ile takip sistemi için koyduğum butonlarda hover efekti kullandım. Bu efekti footerdaki logoda da kullandım.
• Footerdaki logoda ve tekil yazı sayfalarındaki Yorum Yap butonunda da yine JQuery ScrollTo efektini kullandım.
• Footera bir Genel Bakış kısmı hazırladım. Burda da yine tablar arası geçiş efekti kullandım.
• İlk defa WP tasarımı yaptığım için temanın göreselliği tam istediğim gibi olmadı açıkcası. İleriki temalarım daha harika olcak inşallah.
• Temada hiç tablo kullanmadım. Tamamen div kodları üzerine yazdım tasarımı.

İşte yeni temam kısaca böyle arkadaşlar. Artık eagletr.com ile daha fazla ilgilenecem. Temada kullandığım JQuery efektlerini ayrıntılı olarak anlatacağım. Ve MyBB temalarında da geliştirerek kullanacağım.

Tema hakkında yorumlarınızı, önerilerinizi, farkettiğiniz sorunları yazarsanız sevinirim.

Bilgisayarları kullanarak işlerinizi daha az yorularak hallettiğinizi düşünebilirsiniz. Ancak karşısında çok fazla vakit geçiriyorsanız sağlığınızı bozmamak için belli kurallara uymalısınız.

Hangi masabaşı mesleğe sahip olursak olalım işlerimizi kolaylaştırmak, hızlandırmak ve dolayısı ile daha az yorulmak için bilgisayarları kullanıyoruz. Ancak çalışma saatlerimiz değişmediği için aslında sadece daha fazla iş yapmış oluyoruz. Aynı noktaya odaklanmak ve bilgisayar başında çalışmak aslında insanın doğasına çok uygun değil. Bu yüzden de farketmeden karşımıza birçoğu yeni, çeşitli sağlık problemleri çıkıyor. Bilek, boyun, baş ve göz ağrılarınız son zamanda kronik hale gelmeye başladıysa sebebi çok uzakta aramayın. Bilgisayarlardan vazgeçemeyeceğimize göre modern sağlık problemlerini yenmek için bilgisayar karşısında çalışma ergonomisine dikkat etmek gerekiyor.

Sandalyeler: Kalçanızı, sandalyede gidebildiği kadar geriye itin ve belinizi iyice yaslayın. Ayaklarınızı yere tam, düze basacak şekilde oturma yüksekliğinizi ayarlayın ve dizlerinizin kalçanızdan çok az daha alçakta ya da aynı hizada olmasına özen gösterin. Sandalyenizin arkasını 100-110 derecelik bir geniş açı yapacak şekilde ayarlayın. Sırtınızın alt ve üst kısmının desteklendiğinden emin olun. Gerekiyorsa özel bel yastıklarından yararlanın. Ayaklarınız havada kalıyorsa, altına mutlaka bir ayak desteği koyun.

Klavyeler: Masaya bağlı masfalllı bir klavye altlığı en iyi konumlandırmayı sağlayabilir. Ayarlanabilir yükseklik ve eğme mekanizmasına sahip olursa daha iyi olur. Kullanırken klavyeyi kendinize doğru çekin ve olabildiğince yaklaşmaya çalışın. Klavye, doğrudan vücudunuzun önünde olacak şekilde yerleşmeli. Hangi bölümünü daha fazla kullandığınızı belirleyip bu bölümü vücudunuzun ortasına denk gelecek şekilde ayarlayın. Klavyenin yüksekliği omuzları rahatlatacak şekilde olmalı. Dirseklerinizi 100 ve 110 derecelik hafif bir açıklıkta ve bileklerinizle ellerinizi de düz vaziyette tutun. Bilek dinlendiricileri, sert yüzeyleri yumuşatacak ve nötr bir duruş almanıza yardımcı olur. Ancak, bilek dinlendiriceleri, sadece klavyeyle yazma aralarında avuç içlerini dinlendirmek kullanılmalı. Klavyede yazarken aynı zamanda bilek dinlendiricisi kullanmayın. “Boşluk” tuşundan yüksekte olan bilek dinlendiricileri kullanmayın.

Monitörler: Ekranı boynunuz, rahat ve nötr pozisyonda olacak şekilde ayarlayın ve klavyenizin üzerinde, tam önünüzde olacak şekilde ortaya alın. Ekranın tepesini, göz hizasından 5-7 santimetre yukarda olacak şekilde ayarlayın. Bilgisayarınızı kullanırken meydana gelebilecek göz zorlanması, boyun ağrısı ve omuz yorgunluğunu engellemek için  mutlaka monitör yüzeyinin temiz olmasına özen gösterin ve parlaklık ile kontrast ayarını size en uygun şekilde yapın. Monitörü rahat izleme mesafesi 50 ile 75 cm arasında olmalı. Ekran üzerindeki parlamayı azaltmak için de monitörleri pencerelere dik açı oluşturacak şekilde yerleştirmek gerekir. Benzer şekilde monitör yükselti açısını tavan ışıklarını ekrandan yansımayacak şekilde ayarlayın.

Molalar: Ortam ne kadar mükemmel olursa olsun, uzun, sabit oturuşlar, kan dolaşımını engeller ve vücudunuza zarar verir. Her 20-30 dakikada bir esnemek ve gerinmek için 1-2 dakikalık kısa aralar verin. Her iş saatinden sonra bir ara verin ya da en azından yaptığınız işi 5-10 dakikalığına değiştirin. Monitörden başka bir leye bakın ve daha uzaktaki bir objeye odaklanın. Ellerinizin avuç içleriyle gözlerinizi 10-15 saniyeliğine kapatarak, gözlerinizi dinlendirmeye alın.

Arkaplanından dolayı herkese YooTheme ekibinin yaptığı Ambient tasarımını anımsatıyor. Koyu tonları kullanarak tasarladığım ilk ücretli tema. Özellikle warez forumlarında tavsiye edebileceğim bir tema. Ayrıca temanın kendine ait, admin panelinden rahatlıkla kontrol edilebilen duyuru panosunu göz önünde bulundurmanızı özellikle belirtiyorum.

Tema ile ilgili ayrıntılı bilgiyi konunun devamında görebilirsiniz.

Temamızın özellikleri neler..?

• Özel yapım arkaplan.
• Kullanışlı css menu.
• Ajax duyuru paneli. ([ÖNEMLİ]: Duyuru panelini Admin Panelinden kodlarla uğraşmadan düzenleyebilirsiniz. Bu tema için özel plugin yapılmıştır.)
• IE browserları hariç diğer browserlarda görülebilen oval tablolar ve yazı gölgelendirmeleri.
• CSS Tooltips.
• Özel kullanıcı paneli.
• Özel buton ve ikonlar.
• Tema MyBB v 1.6 versiyonu uyumludur.

Peki temamızın fiyatı ne kadar..?

• V.7 Theme Fiyatı: 25$ veya 40TL
• Backlink Kaldırma: 10tl

Ayrıca;

• Tek satışımız yoktur.
• Temayı satın alan müşterilerimizin isteğine göre değişiklikler yapılabilir.
• Temayı alanlara özel Kurulum videosu gönderilecektir.

Ödemeyi nasıl gerçekleştireceksiniz..?

• HAVALE:
  
• POSTA ÇEKİ:
  
• PAYPAL:
  
  
  
• Eğer mecbur kalınırsa; Avea 45TL.
• Pazarlık payı yoktur.

Temadan Görüntüler:

Tanıtım Videosu:

Merhaba arkadaşlar. “2010 yılının olay dizisi” olarak medyada yankı bulan Spartacus: Blood and Sand dizisi için hazırladığımız sitemizi yayına başlatmış bulunmaktayız. Zamanla daha da hoş hale gelecek olan sitemizi takip etmenizi ve bizlere yardımcı olmanızı istiyoruz. Sitede diziyi online olarak divx kalitesinde izleyebilirsiniz ve ayrıca yüksek kaliteli bölümlerini indirebilirsiniz. Ayrıca dizi hakkında da tartışma platformu olarak gönlünüzce eğlenebilirisiniz

Dizi Amerikan Starz kanalında cuma geceleri yayınlanmaktadır. Dizi eski roma zamanında yaşayan bir kahramanın sevdiği için girdiği mücadeleleri anlatıyor. Diziyi 300 Sparta nın dizi hali olarak tanımlayabilirz. Gerçekten harika efektlerle keyif zevkini inanılmaz arttırmışlar… Kan ve cinsellik ön planda ama izlenmeye değer bir dizi

Sitenin tema tasarımını ben yaptım. Zamanla düzenlemeler devam edecektir.

Hepinizi sitemize bekliyoruz… => http://www.bloodandsand.net veya http://spartacus.bloodandsand.net