function webadresi() {
getURL("http://www.webogrencisi.com", "_blank");
}
MENU = new ContextMenu();
MENU.hideBuiltInItems();
Functioned = new ContextMenuItem("Web Öğrencisi", webadresi);
MENU.customItems.push(Functioned);
_root.menu = MENU;

Şimdi bu kodu biraz inceleyelim. Functioned kısmı bizim sağ klik yaptığımızda çıkıcak yazının yazıldığı kısımdır. Buradaki “Web Öğrencisi” kısmını istediğiniz gibi değiştirebilirsiniz. Kodun başındaki getURL kısmı ise bu yazıya verilen link kısmıdır. Eğer birden çok menü eklemek isterseniz, bu kodu kopyalayıp, tekrar yapıştırmanız yeterli olacaktır. Örnek bir çalışma aşağıda mevcut. Herhangi bir sorunda bu yazıya  yorum atarak bildirebilirsiniz.

Dipnot: Google Wave davetiyesini size ulaştırabilmemiz için yorum formuna e-mail adresinizi doğru bir şekilde girmeniz gerekmektedir.

“Başlamadan önce bir konuya daha değinmek istiyorum; çok yakında wö.com‘da yaptığım anlatımlara bir ara verip, yine wö.com‘dan sizlerle küçük çaplı bir web sitesi yapacağız. “Ders 1, Ders 2..” bu şekilde devam edicek olan derslerimizin sonunda tamamiyle flash tan yapılmış çok professionel olmasada bir web sitemiz olucak. İlerleyen zamanlarda daha professionel siteler de yapacağız. Şimdilik dersimize başlayalım.”

İlk olarak bu panele nasıl ulaşacağımızdan bahsedelim. Her zamanki gibi yine bir flash belgesi açıyoruz. Boyut, renk vb. özelliklerini artık nasıl ayarlıcağımızı öğrendik ve istediğimiz gibi ayarlıyoruz. Daha sonra flash programının üst kısımında bulunan, “Windows” menüsüne tıklıyoruz. Açılan sekmelerden “Common Libraries“e tıklıyoruz. Üstüne gelir gelmez 3 sekme daha açıldığını göreceğiz. Bunlar Buttons, Classes, Learning Interactions sekmeleri. Bizi ilgilendiren Buttons olacak ve Buttons‘a tıklıyoruz.

Tıkladığımızda karşımıza “Library – Buttons” paneli çıkacak. Burada bulunan onlarda buton çeşidinden istediğimizi seçebileceğiz. Peki bunu çalışmalarımıza nasıl ekleyeceğiz? En kolay kısımı zaten burası. Beğendiğiniz butonu sürükleyerek çalışmalarınıza ekleyebilirsiniz. Daha sonra butona çift tıklayarak gerekli düzenlemeleri yapabilirsiniz. Buyrun birde açılan “Library – Buttons” panelinin resmini görelim.

Az öncede bahsettiğim gibi, Windows menüsünden Common Libraries sekmesine tıklayıp açılan seçeneklerden Buttons‘a tıkladığınızda karşınıza üstteki gibi bir panel gelcektir. Buradan beğendiğiniz butonu sürükleyerek çalışmanıza ekleyebilirsiniz. Böylece konunun bir özetinide yapmış olduk. Şimdi ben çeşitli butonların swf’sini yazının sonuna ekledim. Dilerseniz örnek amaçlı kontrol edebilirsiniz.

Swf önizleme ~ Fla indir

Eğer bir Microsoft üyeliğiniz yoksa ilk önce üyelik oluşturun ve giriş yapın. Üyeliğiniz varsa direk giriş yapıp işlemlere başlayabiliriz. (İşlemler tag type=url `e göre hazırlanmıştır. )

1. `Create a Tag` yazılı butona tıklıyoruz.
2. `Tag Title`, `Tag Type`, `Tag Notes` alanlarını isteğinize göre dolduruyorsunuz.
3. `Start Date` adlı yerde etiketimizin -tag- başlangıç tarihini giriyoruz.
4. `End Date` adlı yere ise etiketimizin son kullanım tarihini giriyoruz. Yani gireceiğiniz tarihten sonra etiket çalışmayacaktır.
5. `URL` bölümüne de etiketimizin gitmesini istediğimiz adresi yazıyoruz.
6. Son olarak `save` butonuna tıklayıp, etiketimizi kaydediyoruz.
7. Daha sonrasında `render` bölümündeki resme tıklayarak etiketimizi -tag- kaydediyoruz. Artık kullanabiliriz.

İlk önce telefonumuzdan gettag.mobi adresine girip gerekli yazılımı yüklüyoruz. Daha sonrasında kullanmak istediğimiz Microsoft Tag `ın resmini telefonumuzun kamerası ile çekiyoruz veya herhangi bir yol araçılığı ile resmi telefonumuza atıyoruz. Eğer Microsoft Tag yoksa elinizde bu yazımızda ki tag `ı kullanabilirsiniz. Ardından telefonumuza yüklediğimiz programı açıyoruz. Programı açtıktan sonra gerekli yere gelip, gerekli resmi programa yüklüyoruz ve bu kadar.

Eğer anlatım açıklayıcı gelmediyse alttaki vidyoyu izleyebilirsiniz.

Not: Vidyodaki 100TL çıkan kısma aldırış etmeden sonraki bölümü izleyiniz. 100TL olayı gerçek değildir.

*{margin:0;padding:0;}

kod bütününü kullanıyorduk. HTML 5 `in çıkmasıyla birlikte yeni etiketler ve özellikler gelince tarayıcılarda farklı farklı görüntüler oluşmaya başladı. Bunlara neden olan stil ayarlarını -CSS (Cascading Style Sheet)- sıfırlamak için bir stil sayfası oluşturmuşlar. İşte karşınızda html5doctor.com dan bir yazarın yazdığı Eric Meyer CSS sıfırlama tekniği tabanlı stil dosyası.

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
body {
        line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
        display:block;
}

nav ul {
        list-style:none;
}

blockquote, q {
        quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content:'';
        content:none;
}

a {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}

ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
}

mark {
        background-color:#ff9;
        color:#000;
        font-style:italic;
        font-weight:bold;
}

del {
        text-decoration: line-through;
}

abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
}

table {
        border-collapse:collapse;
        border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
        vertical-align:middle;
}

HTML 5 Reset CSS dosyaları

Gün itibari ile sosyalleşme platformlarının başında gelen Facebook, FriendFeed `i almış bulunuyor. Konuyla ilgili ayrıntılı bilgileri iki şirketin resmi bloglarında ki yayınladıkları yazılardan öğrenebilirsiniz.

http://www.facebook.com/press/releases.php?p=116581

http://blog.friendfeed.com/2009/08/friendfeed-accepts-facebook-friend.html

<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?> yazısı için kalıcı bağlantı"><?php the_title(); ?></a>

Bu kodu aşağıdaki kodla değiştiriyoruz. Bu arada aşağıdaki “in_category(‘10′)” ve `style=”color:#F60049;”` bölümünü kendinize göre değiştirmeyi unutmayın.

1. “in_category(‘10′)”: Buradaki 10 sayısını kullanmak istediğimiz kategorinin ID numarasına göre değiştiriyoruz. Yani kategorilenmemis adlı kategorinin yazı başlıklarının farklı görünmesini istiyorsak bu kategorinin ID numarasını kullanıyoruz. Eğer birden fazla kategori için kullanmak istiyorsak böyle kullanabiliriz, “in_category(array(‘4′,’12′,’15′))”.
2. `style=”color:#F60049;”`: Buradaki #F60049 kodunu istediğimiz renge göre değiştiriyoruz. İstersek yanına ekstra kodlar ekleyip değişik görünüm kazandırabilir veya #F60049 yerine red, black, white gibi renklerin İngilizce adlarını kullanabiliriz.

<?php if(in_category('10')){ ?>
<a style="color:#F60049;" href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?> yazısı için kalıcı bağlantı"><?php the_title(); ?></a>
<?php } else { ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?> yazısı için kalıcı bağlantı"><?php the_title(); ?></a>
<?php } ?>

Not1: `else` den sonraki bölümde diğer kategorilerin yazı başlıklarının kodları içindir. İsterseniz orayada bir güzel el atabilirsiniz.
Not2: İsterseniz bu uygulamayı sadece yazı başlıklarına değilde bütün yazıya uygulayabilir ve ortaya daha güzel şeyler çıkartabilirsiniz.