Londra'da yaşıyorum 7 yıldır we btasarımıyla uğraşıyorum, babam Türk annem ingiliz vatandaşı bu sitemde Wordpress,Blogger,Web Tasarım,Grafik Tasarım,Programlama,Sosyal Medya,SEO ve Hayata dair paylaşımlarım olacak.
3 Şubat 2014 Pazartesi
Twitter sayfası tasarımını değiştirin
Bildiğiniz üzere Twitter yeni tasarımını yayınladı. Bu yeni görüntü ile mobil uygulama ve masaüstü görünümü eşleşmiş oldu. Ama yine de arada büyük farklar var. Masaüstü versiyonu beyaz bir görünüme sahip ama mobil uygulama mavi üstüne kurulu bir tasarıma sahip. Hatta bazı arkadaşlardan “eski görünümü daha güzeldi” gibi yorumlar da almıyor değilim. Aşağıda belirteceğim işlemleri yaparak masaüstü versiyon tasarımını mobil uygulamaya benzetmeniz mümkün.
Arkadaşlar bu yazıda geçen düzenleme Twitter’in Yeni tasarımına geçen profillerde (beyaz üst kısma sahip yeni flat tasarım) düzenleme yapar. Bunu atlamışım. Deneyip değişiklik olmayan arkadaşlardan özür dilerim.
Bootstrap ve Twitter arayüz geliştiricilerinden Mark Otto (@mdo) bunun için Github üzerinden bir stil sürümü yayınladı. Görünüm olarak iOS7 ve Android tasarımına benzetilmiş bir css dosyası bu. Chrome ve safari için kullanabileceğiniz bir tasarım dosyası.
Dosya uygulandıktan sonra ortaya çıkan görüntü ise aşağıdaki gibi (resme tıklarsanız büyür).
Gelelim nasıl yapacağınıza. Şuradaki github sayfasına giderek ya da direkt olarak şu linkten dosyayı indirin. Google Chrome veya Firefox içinden Stylish eklentisini kurun. (chrome kullananlar buradan)
Eklentiyi kurduktan sonra Stilleri Yönet bölümünden yeni bir stil oluşturun ve indirdiğiniz dosyadaki twitter.css içindeki stil bilgilerini gerekli yere yapıştırın. Aşağıdaki Şuraya uygulanır alanı bölümündeki seçim kutusundan Şununla başlayan URL'ler alanına https://twitter.com ekleyin. Adını ve Etkin alanındaki seçim kutusunu işaretledikten sonra kaydedin. İşiniz bittiğinde görünüm aşağıdaki gibi olacaktır.
Kaydol:
Kayıt Yorumları (Atom)
Hiç yorum yok:
Yorum Gönder