Yazar arşivleri: admin

Yandex’in 8 mart dünya emekçi kadınlar günü logosu

Giderek geleneksel hale gelen Yandex özel gün logolarına bir yenisi daha eklendi. Yandex’in bugüne özel logosu ise 8 Mart Dünya Kadınlar Günü için hazırlandı.

İşte Yandex’in 8 Mart Dünya Kadınlar Günü için ana sayfasına koyduğu logosu

yandexin-8-mart-dunya-emekci-kadinlar-gunu-logosu

Yandex 8 Mart Dünya Emekçi Kadınlar logosu

 Türkiye’de 8 Mart Dünya Kadınlar Günü

Türkiye’de 8 Mart Dünya Kadınlar Günü ilk kez 1921 yılında “Emekçi Kadınlar Günü” olarak kutlanmaya başlandı. 1975 yılında ve onu izleyen yıllarda daha yaygın, ve yığınsal olarak kutlandı, kapalı mekanlardan sokaklara taşındı. “Birleşmiş Milletler Kadınlar On Yılı” programından Türkiye’nin de etkilenmesiyle, 1975 yılında “Türkiye 1975 Kadın Yılı” kongresi yapıldı. 12 Eylül 1980 Askeri Darbesi’nden sonra dört yıl süreyle herhangi bir kutlama yapılmadı. 1984’ten itibaren her yıl çeşitli kadın örgütleri tarafından “Dünya Kadınlar Günü” kutlanmaya devam ediliyor.

foursquare’da sayfa nasıl oluşturulur?

Bildiğiniz gibi konum bazlı sosyal ağ sitesi foursquare dünyada ve türkçeleşmesiyle birlikte ülkemizde de popüler olmaya başladı. herkes profil oluşturarak gittiği mekanları bildiriyor, foto ekliyor ve yorum yapabiliyor. Bu dedikerimi kendi foursquare profilinizle yapabiliyorsunuz. Bunun dışında foursquare’da birde sayfalar var. Bu sayfaları firmanızın sayfası olarak kullanabilirsiniz. Fakat önce yapmanız gereken twitter’a üye olmanız. Çünkü sayfanızı sadece twitter hesabınızla bağlantı yaparak oluşturabilirsiniz. Önce foursquar’a giriş yapın, sonra Twitter hesabınıza giriş yapın ve bu bağlantıya tıklayın. Aşağıdaki resimdeki yerden “Bir sayfa oluştur”a tıklayın. Sonrasında yetki almak için sizi twitter hesabınıza gönderir ve yetki verdikten sonra artık bir foursquare sayfanız olacak. Güle güle kullanın D:

 

foursquare-da-sayfa-olusturmak

foursquare’da sayfa nasıl oluşturulur

Vkontakte sayfası nasıl oluşturulur

Rus dünyasının facebook’u VKontakte’dir. Rusya ve kiril alfabesinin kullanıldığı daha doğrusu önceden sovyetlere bağlı ülkelerde çok popülerdir. Site basit ve çok kullanışlı arayüzü ile dikkat çeker. Türkiye’den de birçok ziyaretçisi vardır. Hatta telif hakkı yüzünden Türkiye’den  belli bir süre de yasaklanmıştı. Peki bu güzel siteye üye isek nasıl sayfa oluştururuz. Bende çok aradım taradım ve buldum. Bir sayfa oluşturma linki bu kadar zor yerlerde olmamalı. Şimdi sizde VK’ya üyeyseniz aşağıdaki bağlantıdan kolayca sayfanızı oluşturabilirsiniz.

vkontakte-sayfa-olusturma

VKontakte de sayfa nasıl oluşturulur

VKontakte sayfa oluşturma bağlantısıhttp://vk.com/public.php?act=new

Yandex 14 şubat sevgililer günü logosu

Google’dan alışkın olduğumuz doodle logolarını Yandex’te yapmaya başlamıştı, fakat Yandex şimdiye kadar hareketli logo kullanmamıştı. 14 Şubat Sevgililer Gününe özel yaptığı bu hareketli logo çok hoş olmuş. Yandex ana sayfasına Sevgililer gününün anlam ve önemine uygun papatyalı logo koymuş ve her yaprağa tıkladıkça kopuyor ve seviyor sevmiyor yapabiliyorsunuz. Ben yaptım seviyor çıktı 😀

 

Yandex seviyor sevmiyor logosu

Yandex seviyor sevmiyor logosu

İşte Yandex’in özel günlere ait diğer logoları: Yandex özel gün logoları

Yandex tarihleri şaşırdı | 1 Şubat oldu, 1 Mayıs

Yandex Türkiye arama motoru sitesi olan yandex.com.tr’de gezerken tesadüfen gözüm tarihe kaydı. Birde ne görüyüm kocaman arama motorunun sitesindeki 🙂  tarihleri yanlış. 1 Şubat olması gereken tarih 1 Mayıs’ı gösteriyor. Acaba Yandex Türkiye 1 Mayıs hazırlığı mı yapıyor.

Tarihe not düşmek için bu da ekran görüntüsü

yandex türkiye tarih hatası

Google Play tarzı sekmeli panel | CSS3 & jQuery

Android Market ya da yeni adıyla Google Play’e web arayüzünden girdiyseniz aşağıdaki indireceğiniz uyguluma hakkında bilgiler, yorumlar vs. olan sekmeki paneli görmüşsünüzdür(alttaki resimde). Benimde hoşuma gittiğinden araştırdım ve yabancı bir sitede buldum(linki altta) bugün bunu paylaşmaya karar verdim.

google-play-tabbed-panel

Google Play sekmeli panel

 Html kodları

<ul id="tabs">
    <li><a href="#" name="#tab1">One</a></li>
    <li><a href="#" name="#tab2">Two</a></li>
    <li><a href="#" name="#tab3">Three</a></li>
    <li><a href="#" name="#tab4">Four</a></li>    
</ul>

<div id="content"> 
    <div id="tab1">...</div>
    <div id="tab2">...</div>
    <div id="tab3">...</div>
    <div id="tab4">...</div>
</div>

 

Css kodları

#tabs {
 overflow: hidden;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style: none;
 }

 #tabs li {
 float: left;
 margin: 0 -15px 0 0;
 }

 #tabs a {
 float: left;
 position: relative;
 padding: 0 40px;
 height: 0;
 line-height: 30px;
 text-transform: uppercase;
 text-decoration: none;
 color: #fff; 
 border-right: 30px solid transparent;
 border-bottom: 30px solid #3D3D3D;
 border-bottom-color: #7779;
 opacity: .3;
 filter: alpha(opacity=30); 
 }

 #tabs a:hover,
 #tabs a:focus {
 border-bottom-color: #2ac7e1;
 opacity: 1;
 filter: alpha(opacity=100);
 }

 #tabs a:focus {
 outline: 0;
 }

 #tabs #current {
 z-index: 3;
 border-bottom-color: #3d3d3d;
 opacity: 1;
 filter: alpha(opacity=100); 
 }

 /* ----------- */
 #content {
 background: #fff;
 border-top: 2px solid #3d3d3d;
 padding: 2em;
 /*height: 220px;*/
 }

 #content h2,
 #content h3,
 #content p {
 margin: 0 0 15px 0;
 }

Html kodlarını sayfanızdaki gerekli yerlere koyduktan sonra sıra geldi jQuery kodlarına

function resetTabs(){
    $("#content > div").hide(); //Hide all content
    $("#tabs a").attr("id",""); //Reset id's      
}

var myUrl = window.location.href; //get URL
var myUrlTab = myUrl.substring(myUrl.indexOf("#")); // For mywebsite.com/tabs.html#tab2, myUrlTab = #tab2     
var myUrlTabName = myUrlTab.substring(0,4); // For the above example, myUrlTabName = #tab

(function(){
    $("#content > div").hide(); // Initially hide all content
    $("#tabs li:first a").attr("id","current"); // Activate first tab
    $("#content > div:first").fadeIn(); // Show first tab content

    $("#tabs a").on("click",function(e) {
        e.preventDefault();
        if ($(this).attr("id") == "current"){ //detection for current tab
         return       
        }
        else{             
        resetTabs();
        $(this).attr("id","current"); // Activate this
        $($(this).attr('name')).fadeIn(); // Show content for current tab
        }
    });

    for (i = 1; i <= $("#tabs li").length; i++) {
      if (myUrlTab == myUrlTabName + i) {
          resetTabs();
          $("a[name='"+myUrlTab+"']").attr("id","current"); // Activate url tab
          $(myUrlTab).fadeIn(); // Show url tab content        
      }
    }
})()

Hepsi bu kadar tabi sayfanıza jQuery çağırmayı unutmadınız herhalde.

google-play-tabbed-panel

google play sekmeli panelin son hali

Önizleme linki

Tekrar belirtmekte fayda var. Kodlama bana ait değildir, aşağıda kaynakta yer alan sitedeki anlatımı özelleştirdim sadece.

 

Kaynak: http://www.red-team-design.com/google-play-minimal-tabs-with-css3-jquery

Tarayıcıda sahte konum, manuel geolocation

Bilindiği gibi html5 ile birlikte güncel tarayıcılarılara(browser) geolocation özelliği geldi. Peki nedir bu geolocation? html5 destekli tarayıcılardaki geolocation özelliği tarayıcınız üzerinden sizin güncel konumunuzu belirlemeye yarar. Örneğin güncel bir tarayıcı kullanıyorsunuz ve google maps ya da yandex.haritalara girdiniz konumunu göster tuşuna bastığınızda sizin o an nerede olduğunuzu gösterir. Bunun için bilgisayarınızda kablosuzun açık olması gerekir. Herhangi bir ağa bağlı olmanıza gerek yok. 3g ile bağlı olsanız bile wifi açık olsun yeter sizin konumunuzu gösterir. Eğer ki bilgisayarınızda kablosuz yok ise ip adresiniz üzerinizden konumunuzu bulunduğunuz il olarak genel gösterir sokağa kadar netleyemez wifi açıkken konumunuzu aşağıdaki gibi sokağa kadar net görebilirsiniz

tarayicida-sahte-konum

Şimdi gel gelelim bu kadar yazıyı yazmamızın nedenine. Tarayıcınızın varsayılan konumu almasını istemiyorsunuz ve siz nereyi konumunuz olarak belirlerseniz orayı göstersin istiyorsanız tarayıcınıza eklenti kurmalısınız. Google Chrome, Opera ve Firefox‘ta bunun için eklentiler var fakat en kolayı Chrome’daki Manuel Geolocation eklentisi. Bağlantıya tıklayarak Chrome Web Mağazasından eklentiyi indirin ve Chrome tarayıcınıza kurun. Tarayıcınızın sağ üst köşesine ortasında nokta olan bir halka gelecek oraya tıklayın açılan pencereden enable(etkinleştir)yi tıklayın.

Eklentiyi kurduk ve aktif ettik şimdi sıra geldi tarayıcımıza istediğimiz konumu girmeye. Eklentimize tıklayalım ve açılan pencereden konumumuzu neresi olarak göstermek istiyorsak turuncu renki pini oraya sürükleyelim. Hepsi bu kadar. Şimdi Google maps ya da yandex.haritalara girerek konumumu göster düğmesine tıklayın. ve artık konumunuzu istediğiniz gibi belirleyebiliyorsunuz.
Aşağıdaki resimdeki gibi

tarayicida-sahte-konum-ayarlama

Diğer tarayıcılarda bu özelliği kullanmak isterseniz aşağıdaki eklentileri kurmalısınız.

Firefox: https://addons.mozilla.org/en-US/firefox/addon/geolocater/

Opera: https://addons.opera.com/tr/extensions/details/im-not-here/?display=en

Bu eklenti nerede işimize yarar derseniz. Konum bazlı birçok web sitesinde kullanabilirsiniz. Örn: m.facebook.com’da ayarladığınız konumda gibi yer bildirimi yapablirsiniz. Foursquare’da da kullanabilirsiniz.

Kaynak: Yazı tamamen bana aittir. Konuya link vererek kullanabilirsiniz