CSS3: Sosyal Butonlar

- 19.05.2012

Tamamiyle katıksız CSS ile kodlanan bu butonlar benim çok mu çok hoşuma gitti. Geçenler de Smashing Magazine’de dolaşırken gördüm ve gördüğüm gibi de download ettim. Hemen kendime göre uyarlayıp bloguma ekleyeyim dedim ve öyle de oldu. Sadece ikon türünde butonlar değil, daha bir sürü ico+text, text veya sadece ico tarzında butonlar var.


Bu makalenin geri kalanını okuyun »

1 Yorum

Hayatın En Zor Sorusu

- 29.04.2012

Başlıkta da dediğim gibi gerçekten de öyle oldu. :) Bu yazıda başımdan geçen, ufak bir olayı anlatacağım. Aslında böyle yazıları yazmayı pek sevmem ama kişisel blog ne de olsa yazalım gitsin.

Neyse geçenler de, dershaneden çıktım; ev uzak, bir de açlık var. Ev uzak dediğim, Google Maps’e göre yaklaşık 3 Kilometre ve yokuşlu bi yol. Çık Allah çık bitmez.. Cebimde de 1 dürümlük para var. Ya dolmuşa binip yorulmadan eve çıkacağım ya da dürüm yiyerek açlığımı giderdikten sonra o gazla eve çıkacağım.

Dolmuşa bineyim dedim. Öne, şoför koltuğunun yanında ki çiftli koltuğa oturdum.  Bir kaç yüz metre sonra, muhtelemen torunu ile bir teyze binecekti. Arkada yer yoktu sanırım, benim yanımda ki koltukta boştu. Teyze kapıyı açtı ve direkt şöyle dedi: “Oğlum sen benden önce mi inecen ?“, kafam da cevapsız sorular oluştu: “nasıl, nasıl yani, o ne demek(ftffff!)” derken “Sen nerde inecen ki teyze” dedim. :)

Benden sonrada dolmuş şoförü amcamız biraz aceleci davranıyordu zaten, “Gel, teyze gel.” dedi…

Unutulan Blog

- 20.04.2012

En son yazdığım yazının tarihine baktım da biraz önce tam 1 ay 2 gün devamsızlık yapmışım. Ara ara vakitler buldum sayılır aslında, o sıralar yazabilirdim ama yazmadım ne yapayım.. Şuanda da yazacak pek bir şey bulamıyorum. Bu yazı da sizlere bu zamana kadar ne yaptığımı yazacağım.

İlk olarak şu personel takip otomasyonu işinden bahsetmek istiyorum. Kime ve niçin yaptığımı söylemeye gerek yok. Sadece bir iş vardı ve onu tamamladık işte. Klasik ASP ile hem arayüzü hem de altyapı olarak personel bilgilerinin saklandığı bir veritabanını web ortamına aktardım diyebilirim.

Bunun yanısıra bir firma için arayüz çalışmam vardı, aslında altyapı olayıda var fakat arayüzü bile doğru düzgün yapamamışken yazılım kısmına geçemedim bile. Okul içinde düzenlenen bir yarışma için ve firmanın sitesini yenilemek amacıyla yaptığım bir çalışmaydı. Sanırım yarışmayıda iptal etmişler gibi bir şey ama ben yine de yapmak istiyorum. Vakit buldukça da devam edeceğim zaten.

Zaten haftasonları dershaneye gidiyorum felan derken gün bitiyor. Okulda sınavlarda  var tabi, çalışmasakta strese giriyor adam. :) E.. bizim sosyal hayatımızda var. :)

Mesleki derslerden aldığımız çalışmalar/ödevler olabiliyor. Onlar da ayrı zaman aldığı için bloga pekte vakit bulamıyorum doğal olarak. Son çalışmayı Grafik & Animasyon Dersinden almıştım. Çalışmayı buradan görüntüleyebilirsiniz. Adobe Flash çalışmalarının tamamını(bu zamana kadar işlediğimiz konular) tek bir SWF formatında birleştirdik.

Ayrıca bu ayın sonuna kadar ayarlamamız gereken staj yeri işi vardı. Sanırsam onuda ayarladım gibi bir şey. Tam olarak belli olduğunda buradan zaten bildiririm. Diyeceklerim bu kadar, yine vakit buldukça farklı makaleler yazmaya başlarım. :)

Dipnot da Neler Olacak ?

- 18.03.2012

Kısa bir süre önce www.dipnot.in için hazırladığım ve Dipnot hakkında kafamızda bir şeylerin oluşması amacıyla böyle bir grafik hazırladım. Dipnot’un ne zaman açılacağı tam olarak belli olmadığı için, e-postanızı kayıt ederek açıldığı vakit biz size haber vermiş olacağız.

2 Yorum

Windows 7 – IIS 7.5 Kurulumu ve Erişim İzinleri

- 15.03.2012

Şimdi paylaşacağım makaleyi Hasan Ali Akbey hazırlamıştır. Yavaştan ASP konularına da giriş yapmak amacıyla ilk olarak bu makaleyi paylaşmayı uygun gördüm. Söylenecek söz bırakmamış hazırlayan arkadaş, her şey eksiksiz ve kusursuz olarak anlatılmış. Benim de yararlandığım bir makale diyebilirim.

Makalede; Windows 7(32/64 bit)’de IIS’in nasıl kurulduğu ve erişim izinlerinin nasıl ayarlanacağı hakkında çok detaylı bir görsel anlatım bulunmaktadır.

İŞLEM 1

En Son İşletim Sistemi Windows 7 (32-64bit) için IIS7.5 Kurulumunu Detaylı Olarak Anlatacağız.İlk Olarak Denetim Masasına giriyoruz ve Görüntüleme Ölçütü bölümünden Büyük Simgeler yada Küçük Simgeleri Seçiyoruz.Daha sonrada Programlar ve Özellikler bölümüne tıklıyoruz.

İŞLEM 2

Programlar ve özellikler bölümüne geldiğimizde sol menüde Windows özelliklerini aç veya kapat yazan bölüme tıklıyoruz.

İŞLEM 3

Sol Menüde Windows özelliklerini aç veya kapat yazan bölüme tıkladıktan sonra Karşımıza Windows Özelliklerini Kurup Kaldırabileceğimiz Aşağıdaki gibi bir menü çıkıyor.


Bu makalenin geri kalanını okuyun »

WordPress’inizi Özelleştirin #1

- 10.03.2012

 Wordpress sisteminiz için bazı eklentiler ve temalar kurarak özel hale getirebilirsiniz. Bunun yanısıra sıkça kullandığımız sayfalar da var. Genelde kişisel blog yazarları pek bu sayfalarda düzenleme yapmaz. Biz de diğer blogger sayfalarından biraz daha farklı olması için ufak bir değişiklik yapacağız. İlerleyen zamanlarda serinin devamı gelecektir; #1, #2, #3…

İlerleyen adımlara doğru daha da ilk halinden daha farklı ve estetik bir görüntüye sahip olduğunu siz de farkedeceksiniz. İlk konumuz çok basit bir .PNG formatında ki resmin değişikliği ile olacak. Bilgisayar başındayken her zaman yaptığımız rutin ve basit işlerden bir tanesi aslında. Eminim herkes kolaylıkla yapabilecektir.


Bu makalenin geri kalanını okuyun »

2 Yorum

Ortaya Karışık

- 9.03.2012

Uzun bir aradan sonra tekrardan merhabalar.

Öyle canım sıkılıyor ki, buraya yazayım dedim artık. Okul bir yandan, dershane bir yandan derken kişisel sorunlarda işin içine girince karma-karışık bir hal alıyor zamanla. Ne yazacağımıda bilmiyorum ya, neyse…
Uzun süre oldu blog’a bir yazı atamadık. Aklıma bir çok konu geliyor; bugün yazarım, yarın yazarım, şugün yazarım diye diye ihmal ediverdik. Eskiden böylemiydik be.. Her gün en az bir-iki yazı atardım. Güncel olsun, geri kalmasın, canım blog’um. :-)

Eski, eski de kaldı artık. Yeniye bakmak lazım ne yapalım. Böyle ara ara yazı yazmaklada oluyormuş. O kadar da kasmaya gerek görmüyorum. Zaten artık yaş ilerledikçe insanın ne merağı, ne de doğru düzgün vakti olabiliyor. Yaşlı olmasam da olgun gösteriyorum. (En azından öyle diyorlar.) Bilmiyorum, vaktin yaşla ilgisi ney ama bi an öyle oldu sanki. Yani en azından benim için bu seneler böyle. Okulu da iyice dert etmeye başladım bu aralar.

Bu sene okula gitme bahanemi, bir daha ki sene staj göreceğimizi aklıma getirerekten, keyifli geçirmeye çalışıyorum. :-)  Ne yapayım başka tutunacak dal kalmadı artık, şu koskoca ağaçta. Ne hocalar zevk veriyor, ne de dersler. Geçen sene farklı dersler varken, e tabii hocalarda farklıydı; daha zevkliydi sanki hani. Okula gitmek artık ızdırap haline gelmeye başladı gözümde. Sadece şu önümüz de ki 3 ayı atlatmak istiyorum o kadar. Başka bir isteğim kesinlikle yok. En azından şuan için… :-)

Bir de bu sene dershane olayına sardık. İlk başlar da her zaman ki gibi kararsızdım. Neyse bi başlayalım dedik. İlk defa böyle özel bir yerden ders almaya giriştiğim için farklı geldi şöyle 1-2 ay.. Sonrası malüm işte. :-)

Aslında dershane iyi, bizim açımızdan(meslek liseli alert) daha da iyi. Görmediğin dersi orada görüyorsun, bir yandan da geleceğin ile alacağın kararların daha iyi olması için çalışıyorsun. Verdiğin paraya değer mi, değer. Ama sen ders çalışmıyorsan hoca ne yapsın ?

“Eşşeğe altın semer vursalar, eşşek yine eşşektir.”

Eşşeğim ben. :-) Ama söz başlıyacağım çok yakın bir zaman da. Zaten altyapım zayıf, dershaneye de üç-dört hafta geç başladım; her şeye rağmen öğrenip bir şekilde iyi bir puan elde etmeye çalışacağım. Bu kadar ders-okul-dershane olayından sonra az/biraz bilişim üzerine konuşsak iyi olur. :-)

“www.emrecoban.com.tr” süresi bitiyor. :-(  IHS Telekom’dan kampanyadan yararlanarak 15TL ile aldığım alan adımın süresi 22 Mart’ta son buluyor. Şimdi ise alan adını yenilemem için 40TL ödemem gerekiyor.

“Öğrenci adamık ağabey biz.”

CSS ile Sabit Div Yapımı

- 25.02.2012

Merhabalar,
CSS ile ilgili konularımıza kaldığımız yerden devam ediyoruz. Bu konumuz da aslında sıkça rastladığımız bir olaya deyineceğim. Bunlara örnek olarak Facebook ve Google Plus’ı örnek verebilirim. Konumuzun ana resminde de gördüğünüz üzere kaydırma çubuklarını aşağı<>yukarı oynatmamıza rağmen üst bölüm de bulunan menülerin de kaydırma çubukları ile beraber geldiğini görürüz. İşte bu menünün içinde bulunduğu div’in Fixed özelliğinden yararlanılarak yapılan bir olaydır.

Aslına bakacak olursak tek bir satır ile bu işlemi hemen bitirebiliriz. Fakat hoş bir görüntü ortaya çıkmayacağı için bir takım değişiklikler yapmamız gerek; ‘body’ etiketin de gerekse sabit yapmak istediğimiz div’in üzerinde.
Bu makalenin geri kalanını okuyun »

CSS ile Yazıyı Ortalama

- 19.02.2012

Merhaba,
Bir önce ki yazımda bir div’in yatay ve dikey olarak nasıl ortalanacağından bahsetmiştim. Bu sefer ise div içerisinde yer alan karaktersel metin veya herhangi bir nesnenin(resim) yatay ve dikey olarak nasıl ortalanacağını hakkında detaya değineceğim.

Div içerisinde yer alan bir metini veya nesneyi yatay olarak ortalamayı aslında çoğumuz bilir. İlk örneğimizi yatay ortalama ile yapalım, daha sonrasın da ise dikey ortalama nasıl yapılır ona geçelim. Div’i boyutlandırmayı unutmuyoruz tabii..

Yatay ortalama, Örnek #1:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<head>
<style type="text/css">
#NesneOrtala {
width: 500px; /*Genişlik */
height: 500px; /* Yükseklik */
text-align: center; /* Yatay Ortalama */
}
</style>
</head>
<body>
<div id="NesneOrtala">Bir yazı veya nesne</div>
</body>


Bu makalenin geri kalanını okuyun »

CSS ile Div Ortalama

- 19.02.2012

Merhabalar,
bu yazı dizisinde sizlere herhangi oluşturduğunuz bir div’i, sayfanın tam ortasına nasıl yerleştirebiliriz onu anlatacağım. Oluşturacağımız div, pencere boyutu her ne olursa olsun sayfanın tam ortasında görüntülenecektir. Peki, bunu nasıl yapacağız ?

İlk olarak başlangıçta da dediğim üzere herhangi bir div oluşturalım:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<head>
<style type="text/css">
#CenterDiv {
background-color: #666; /* Arkaplan Rengi */
height: 250px; /* Yükseklik */
width: 500px; /* Genişlik */
}
</style>
</head>

<body>
<div id="CenterDiv">Ortalı Div</div>
</body>


Bu makalenin geri kalanını okuyun »