Jooyoda » selman http://www.jooyoda.com Internet, Grafik Tasarım ve Web Tasarımı üzerine Kişisel Deneyimler Tue, 03 Nov 2009 14:21:58 +0000 http://wordpress.org/?v=2.8.5 en hourly 1 Wordpress Lightness Teması http://www.jooyoda.com/wordpress-lightness-temasi/ http://www.jooyoda.com/wordpress-lightness-temasi/#comments Thu, 11 Jun 2009 17:27:42 +0000 selman http://www.jooyoda.com/?p=289 Biraz geç oldu ama artık kusuruma bakmayın ancak işlerden fırsat bulabildim. Sizlerle ikinci temamı (lightness) paylaşıyorum.  Bu tema da çakma temasında olduğu gibi kategori bazlı çalışan bir tema oldu. Genelde yoğun bir içerik ekleyen arkadaşlarıma bu temayı şiddetle öneriyorum. Umarım temayı beğenirsiniz.  Şimdi kısaca temadan bahsedeyim. Yapacağınız düzenlemelerin neredeyse tamamı index.php ve orta-alan.php dosyalarının içinde…

Orta-alan.php

Öncelikle blogunuzda kategorilerinizin öncelik sırasını belirleyin. Ben üst bölümde css kategorisindeki yazıları çıkarttım. Bunu dilediğiniz gibi değiştirebilirsiniz. Dilediğiniz kategorinin adını css yazan yere yazın. Ben bu kategoriden 10 yazı gösteriyorum. Dilerseniz farklı sayıda yazı gösterimi sağlayabilirsiniz. 

<?php query_posts("showposts=10&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;category_name=css"); ?>
<?php while (have_posts()) : the_post(); ?>

İndex.php

Sıra geldi ortadaki tek yazıya. Bu yazı içinde üstteki yöntemin aynısını kullanıyoruz. Index.php içinden aşağıdaki satırı bulun. Atölye yazan yere dilediğiniz kategori adını yazın. 

<?php query_posts("showposts=1&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;category_name=atolye"); ?>
<?php while (have_posts()) : the_post(); ?>

Büyük yazının altında kalanlar yazılar için ise index.php dosyasından aşağıdaki kodu bulun. Burada kategori id si 12 ve 80 olan kategorilerin gösterimini engelliyoruz. Görünmesini istemediğiniz kategorilerin id lerini yazarak görünmelerini engelleyebilirsiniz. Kodun en sonunda yazan 6 ile de en fazla 6 adet yazının sıralanmasını sağlıyoruz.

<?php
$page = (get_query_var('paged')) ? get_query_var('paged') : 1;
query_posts("cat=-12,-80&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;paged=$page&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;posts_per_page=6"); ?>
<?php while (have_posts()) : the_post(); ?>

adsense.php

İç sayfalarda (archive.php, single.php, page.php ) üst bölümde reklam gösterimi için adsense.php dosyasına reklam kodlarınızı eklemeniz gerekiyor. Reklam Boyutları 728 x 90px’dir.

Sidebar.php

Sidebarda yorumları avatarlarıyla gösterebilmeniz için. Recent Comments eklentisini öneririm.

Yorum Ayarları

Yorumlar için ben Recent Comments eklentisini kullanıyorum. Jooyoda da ki gibi bir gösterim için

<li><div class="yan-yorum-yazi"><a href="%comment_link" title="%post_title yazısına yapılan yorum">%comment_excerpt</a></div><div class="yan-yorum-resim"><a href="%comment_link" title="%comment_author">%gravatar</a></div> </li>

Yukarıdaki kodu kullanabilirsiniz. Not: Avatar gösterimini açmayı unutmayın!…

Yazılara Resim Ekleme

Yazılarınıza resim ekleyebilmek için çakma temasında bahsettiğim yönergeleri uygulamanız gerekecek. Güle güle kullanmanız dileğiyle…

]]> http://www.jooyoda.com/wordpress-lightness-temasi/feed/ 14 Lightness teması yolda! http://www.jooyoda.com/lightness-temasi-yolda/ http://www.jooyoda.com/lightness-temasi-yolda/#comments Tue, 24 Mar 2009 20:02:53 +0000 selman http://www.jooyoda.com/?p=210 Çakma teması bana ilham verdi galiba. İkinci temaya başladım ve hatta tasarımı bitti şimdi wordpress’e uyarlamaya başlayacağım. Kısa bir süre sonra sizleri Lightness ile tanıştıracağım. Bu temayı çok daha fazla beğeneceğinizi umut ediyorum. Ortaya çıkan ilk görüntüyü sizinle paylaşmak istedim. Temayı şu adreste göreceğiniz js ile şekillendireceğim. Bakalım ortaya nasıl bir tema çıkacak?

]]> http://www.jooyoda.com/lightness-temasi-yolda/feed/ 7 Çakma Teması http://www.jooyoda.com/cakma-temasi-hakkinda-ne-varsa/ http://www.jooyoda.com/cakma-temasi-hakkinda-ne-varsa/#comments Sat, 21 Mar 2009 14:23:37 +0000 selman http://www.jooyoda.com/?p=188 Bana ait olan Çakma temasını sizlerin paylaşımına sunma kararı aldım umuyorumki çakma teması bir çoğunuzun beğenisini kazanacak. Şu sıralar magazin temaları gözüme çok fazla çarpmaya başladı. Bence nedeni klişeleşmiş temalardan kullanıcıların sıkılması. Çakma teması kategori bazlı haber sitesi tadında güzel ve tadından yenmez bir tema oldu. Şimdiden hepinize afiyet olsun diyor ve temaya geçiyorum…

Index.php

Buradan CSS, Atölye ve Blog yazılarını ayarlayacağız.

CSS için;

<?php query_posts("showposts=4&amp;amp;amp;amp;amp;amp;amp;amp;amp;category_name=css"); ?>
<?php while (have_posts()) : the_post(); ?>
<?php $i++; ?>

Burada 4 ile görünecek yazı sayısını css ile de hangi kategoriden yazıların çağrılacağını belirliyoruz. “?php echo $i; ?” ile de scriptin çalışabilmesi için yazılara otomatik artan taglar ekliyoruz.
Atölye için;

<?php query_posts("showposts=1&amp;amp;amp;amp;amp;amp;amp;amp;amp;category_name=atolye"); ?>

Burada 1 ile görünecek yazı sayısını atolye ile de hangi kategoriden yazıların çağrılacağını belirliyoruz.

Blog için;

<?php
$page = (get_query_var('paged')) ? get_query_var('paged') : 1;
query_posts("cat=-12,-80&amp;amp;amp;amp;amp;amp;amp;amp;amp;paged=$page&amp;amp;amp;amp;amp;amp;amp;amp;amp;posts_per_page=5"); ?>

Burada -12 ve -80 ile hangi kategori yazılarının görünmeyeceğini belirliyoruz. 5 ile sayfada kaç yazının sıralanacağını belirliyoruz.

sidebar.php

Yorum Ayarları;

Yorumlar için ben Recent Comments eklentisini kullanıyorum. Jooyoda da ki gibi bir gösterim için

<li><a href="%comment_link" title="%comment_author tarafından %post_title yazısına yapılan yorum">%gravatar</a> <span>%comment_excerpt</span></li>

Yukarıdaki kodu kullanabilirsiniz. Not: Avatar gösterimini açmayı unutmayın!…

Yazılara resim ekleme?

resim-ekleme

Yazılarınıza resim ekleyebilmeniz için Yazı yazdığınız editörünüzün hemen altından { Çakma Özel Resim Alanı} Bölümünden resminizin url’sini girmeniz yeterli olacaktır. Resim yükleme esnasında bir sorunla karşılaşmamanız için /wp-content/themes/cakma/resim klasörünüze yazma izni vermeniz gerekiyor. Güle Güle Kullanın!..

]]> http://www.jooyoda.com/cakma-temasi-hakkinda-ne-varsa/feed/ 39 100 Yoruma 1 Tema http://www.jooyoda.com/100-yoruma-1-tema/ http://www.jooyoda.com/100-yoruma-1-tema/#comments Thu, 19 Mar 2009 23:04:43 +0000 selman http://www.jooyoda.com/?p=150 Kriz internet ortamını da vurdu :) Smashingmagazine sitesindeki şu yazı epey bi ilgimi çekti. Yazıda 5000 yorumdan sonra üyelerine hediyeler vereceklerini açıklamışlar. Çok yeni bir olay değil şimdiye kadar buna benzer birçok kampanya ile karşılaşmışsınızdır. Yine de sitenin popüleritesini düşündüğünüzde kısa zamanda hediyeler sahibini bulacağa benziyor :) Bende bu yazıdan esinlenerek blogumda Kendi yapacağım her temayı sizlerle paylaşma kararı aldım. Gözünüz korkmasn benim öyle yüksek rakamlarda gözüm yok. şimdilik her tema için 100 rakamını düşünüyorum ( Belki ilerde rakam değişebilir ) . Sizinle bu kampanya kapsamında ilk paylaşacağım tema çakma v.1 olacak yani şuan kullandığım tema. Ortalama haftada 1 tema paylaşacağım. Sevgiyle Kalın…

]]> http://www.jooyoda.com/100-yoruma-1-tema/feed/ 2 40 Adet Tooltip örneği http://www.jooyoda.com/40-adet-tooltip-ornegi/ http://www.jooyoda.com/40-adet-tooltip-ornegi/#comments Thu, 19 Mar 2009 22:13:17 +0000 selman http://www.jooyoda.com/?p=91 Küçücük bir ayrıntının dahi sayfamıza renk katabileceğini düşünen insanlardanım bu nedenle ayrıntılara elimden geldiğince önem veriyorum. Smashing Magazine yi bilenler bilir web için gerçekten faydalı kaynakları derleyip bir araya getiryorlar. İnternette gezinirken Smashing Magazine’de birbirinden kaliteli tooltip örneklerine rastladım ve sizlerle paylaşmak istedim. Burada gerçekten birbirinden güzel tooltip örnekleri mevcut. Fakat bazılarının bence dinamik bir altyapıya uyarlanması çok zor. İncelemenizi tavsiye ederim Buradan… Bence en kalitelilerinden biri de bu

Most Commented Posts

]]> http://www.jooyoda.com/40-adet-tooltip-ornegi/feed/ 4 CSS Visible özelliği http://www.jooyoda.com/css-visible-ozelligi/ http://www.jooyoda.com/css-visible-ozelligi/#comments Tue, 17 Mar 2009 20:53:21 +0000 selman http://www.jooyoda.com/?p=78 Genelde pek kullanmadığım bir özelliktir kendileri…. Fakat şu sıralar üzerinde çalıştığım bir iş için gerekli oldu (Çok iyi de oldu…) Gerçekten çok kullanışlı bir css özelliği visible. Sayfanızın bir çok yerinde kullanılabilecek bir özellik bence. Sizin içi hızlıca bir kaç basit örnek hazırladım. Zamanla bunları arttıracağım… Öncelikle kısa bir html kodu yazalım.

<div id="sag">

<h3><a href="/">Yeni<span> { Yorumlar }</span></a></h3>

</div>

Kodumuza yerleştirdiğimiz span tagları arasındaki {Yorumlar} Kelimesini visibility ile gizliyoruz. a:hover ile yeniden görünür hale getiriyoruz. Aşağıdaki gibi basit bir css kodu ile hoş görünümlü başlıklar yapabiliriz.

h3 {
padding:5px;
margin:5px;
width:200px;
background-color:#ddd;
font-size:90%;
}
h3 a {
color:#777;
text-decoration:none;
}
h3 a span {
visibility:hidden;
}
h3 a:hover {
color:#b6e026;
}
h3 a:hover span {
visibility:visible;
font-size:90%;
color:#999;
}

Burada mümkün olduğunca basit anlatmaya çalıştım. Bu linkten birkaç çeşit örneğe ulaşabilirsiniz.

Most Commented Posts

]]> http://www.jooyoda.com/css-visible-ozelligi/feed/ 0 Yatay menü örneği -1 http://www.jooyoda.com/yatay-menu-ornegi-1/ http://www.jooyoda.com/yatay-menu-ornegi-1/#comments Tue, 17 Mar 2009 18:22:11 +0000 selman http://www.jooyoda.com/?p=74 Web tasarımı yapan bir çok arkadaşım ki zaman zaman bende en ufak bir tasarımda dahi sağdan soldan örnekler arıyoruz. Aslında bulduğumuz örnekleri kendi çalışmamıza uyarlamamızda bi hayli zaman alıyor ve çoğu zamanda kafamızda yapıyı tam olarak yapamıyoruz. En basiti bir menü için bir çok css sitesinden örneklere bakıyoruz. Bu örneklerde 1 değil 10 değil. 100 lerce… Çalışmalarımızda yapacağımız küçücük bir değişim için dahi çok fazla boşa zaman harcıyoruz. Hazırlamış olduğum bu menü çok basit bir yatay menü örneği. Bundan böyle Jooyoda dan sürekli çalışma örneklerine rastlayabileceksiniz.

Menünün çalışan örneğini buradan izleyebilir, buradan bilgisayarınıza indirebilirsiniz.

Most Commented Posts

]]> http://www.jooyoda.com/yatay-menu-ornegi-1/feed/ 0 Yeni tema, yeniden merhaba! http://www.jooyoda.com/yeni-tema-yeniden-merhaba/ http://www.jooyoda.com/yeni-tema-yeniden-merhaba/#comments Tue, 17 Mar 2009 16:32:10 +0000 selman http://www.jooyoda.com/?p=63 Yeni temayla yeni bir başlangıç yapmaya çalışacağım, tabi bunu yaparken eski Türkiye temasını da sizlerle paylaşmak istedim. Şu anda bir kaç hatası bulunuyor. WP 2.7 ye uyarlayıp en kısa sürede buradan sizlerle paylaşacağım.

]]> http://www.jooyoda.com/yeni-tema-yeniden-merhaba/feed/ 0 Photoshop ile heykel… http://www.jooyoda.com/photoshop-ile-tas-goruntusu/ http://www.jooyoda.com/photoshop-ile-tas-goruntusu/#comments Sun, 29 Jun 2008 19:58:54 +0000 selman http://www.jooyoda.com/?p=55 Photoshop ile taş görüntüsünü elde etmenin bir çok yöntemi var. Fakat bir çoğu gerçekten çok karışık ve her resim üzerinde uygulanamıyor. Şimdi size bahsedeceğim yöntem ise gerçekten çok basit fakat bunun da püf noktaları olduğunu düşünüyorum. Mesela kullanılacak resimleri doğru seçmek gerçekten de yapılacak işin gerçek bir görüntüye yakın sonuç elde edilmesini sağlayacaktır. Çalışmamıza başlayalım…

İlk aşamada atı dekopesini yaparak resimden farklı bir layer a kopyalayalım.

Dekope işlemini yaptıktan sonra bize taş görüntüsü elde etmemiz için gereken resimi atın dekopesinin tamamını kapayacak şekilde yeni bir layerda düzenleyelim.

Sonrasında dekope edilmiş atın olduğu layerin üzerindeki taş görüntüsü olan layer i seçerek Create Clipping Maskyapalım (Ctrl + Alt + G). Eğer bu işlemi doğru bir şekilde yaptıysanız aşağıdaki görüntüye benzer bir görüntü elde edeceksiniz.

Bu aşamadan sonra üstteki taş olan layeri Overlay yapıyoruz.  Kullanacağınız her resim için curves veya brightness/contrast gibi ayarlar yamanız gerekebilir. Bu işlemleri yaptıktan sonra sonuç olarak aşağıdaki gibi bir çalışma elde edeceksiniz.

]]> http://www.jooyoda.com/photoshop-ile-tas-goruntusu/feed/ 0 Sevcan için bir umut… http://www.jooyoda.com/sevcan-icin-bir-umut/ http://www.jooyoda.com/sevcan-icin-bir-umut/#comments Thu, 26 Jun 2008 18:52:11 +0000 selman http://www.jooyoda.com/?p=52 Uzun bir aradan sonra sizlere genel konseptimin dışında beni derinden etkileyen bir olay paylaşmak istedim. Ayrıca bu konuda samimiyetine ve hassasiyetine tüm kalbimle inandığım dostum, kardeşim Evren’ e de teşekkürü bir borç biliyorum…

Sevcan; 11\11\1988 İstanbul doğumlu. İki erkek kardeşi var, anneleriyle birlikte yaşıyorlar. Evin en büyüğü ve tek kızı, annesinin prensesi… Sevcan ailesine çok düşkün, özellikle de annesine… Süslü bir bayan, akrep burcu, fotoğraf çekmeyi ve çektirmeyi çok seviyor. Eğlenmek ve gülmek onun için çok önemli.

İlk olarak 15 yaşında lösemi ile tanışmış. Daha çocukluğunu tam olarak üzerinden atamamışken… O yaşta hayata olan bağı, inancı ve tabi ki annesiyle (Aycan teyzemizle) birlikte yenmiş hastalığını. Sonrasında hayatına kaldığı yerden ayni şekilde diyemeyeceğiz daha büyük sevgiyle ve şevkle yasamaya devam etmiş. Geleceği için bir şeyler yapmaya karar vermiş. Meslek lisesi çıkışlı olan Sevcan Çanakkale 18 Mart Üniversitesi Gökçeada Meslek Yüksekokulu Turizm ve Otel İşletmeciliği bölümüne yerleşmiş.  Gayet neşeli, güler yüzlü, başarılı bir öğrenci, Sevcan.

Sömestr tatiline giderken grip olmuştu. Annesi yaşadıklarının yarattığı tedirginlikle Sevcan`ın daha önce tedavi olduğu İstanbul Bakırköy Kadın Doğum ve Çocuk Hastalıkları Eğitim ve Araştırma Hastanesi Çocuk Hematoloji Onkoloji Servisi’ne götürdü. Ağır bir grip sanılan dönem hastane sonrasında Sevcan`ın hayatındaki 2. maraton olduğu anlaşılmıştı. Lösemi Sevcan`dan ayrılmamıştı…  Okula gönderilen bir faksla yetkililer durumdan haberdar edildi. O günden beri CANIMIZ SEVCAN`IMIZIN tebessümü, o parlak sarı saçları için biz el ele verdik.

Sevcan 2.kez öğrendiğinde tedaviyi reddetmişti. Kimseyle görüşmüyor hatta konuşmuyordu. Bizler durumun ciddiyetinin farkındaydık…

Hayattaki bir gülücüğe sahip çıkmalıyız. O , 20 yaşında bir genç kız… Şuan sevenlerinin yavrusu, kardeşi… Daha bir ANNE OLACAK. Bu zor dönemi birlikte aşacağız.
Yaşam, içinde birçok güzelliği barındırdığı gibi bir o kadar da zorluklara yer veren bir dengedir. Önemli olan hayatın içinde bu dengeyi kurabilmektedir. Simdi söz konusu olan Sevcan! Terazinin bir tarafında siz, biz, hepimiz bu teraziyi dengelemek amaçlı SEVCAN’ın olduğu bölüme geçiyoruz. Eminiz ki bunu okuyan herkes ilgilenmeyecektir. Ama terazinin dengelenmesi için bizimle olun!
İnsanlık kavramı tehlike altında birilerimiz bu kelimeyi sadece sözlükte yer kaplayan harf kalabalığı olmaktan çıkarmalı. Herkesin rahatsız olduğu bir şeyler vardır hayatta. Önemli olan bunun ötesine geçebilmek. Kendimizi çok uzak hissettiğimiz bir olayı, birileri bize sunduğunda uzak olmayı bırakıp tam merkezinde yer alabiliriz…

Sevcana destek vermek ve hakkında daha detaylı bilgi alabilmek için tıklayın

Most Commented Posts

]]> http://www.jooyoda.com/sevcan-icin-bir-umut/feed/ 6