Murat Çeşmecioğlu

Kişisel Web Sitesi

Google+ (Google Plus) ile değişen tüm dengeler gibi Google’ın her hizmetinden alışık olduğumuz çubuğu da değişti. Bu yeni bar sayesinde hangi hizmette olursanız olun Google+’a bağlısınız. Bildirimlerinizi anında görebilir, paylaşımlarınızı anında yapabilirsiniz.

Bu bar doğal olarak Google Chrome’da sorunsuz çalışıyor. Doğal olarak Firefox’ta sorunsuz. “Peki kimseye zararı dokunmayan Opera’nın suçu ne ki bu çubuk çıkmıyor?” dedim ve sonunda buldum. İş tarayıcının user agent bilgisini değiştirmekten geçiyor.

  1. Yeni bir sekme açın ve adres çubuğuna opera:config yazın.
  2. ISP bölümünü bulun.
  3. ID kısmına AppleWebKit/535.1 yazın.
  4. Kaydet butonuna basın ve Opera’yı yeniden başlatın.

Bir stil dosyasını incelerken bulduğum kodları paylaşmak istiyorum: Köşe Yuvarlatma.

Kodlarınızdaki bir div’in köşelerini yuvarlatmak isterseniz, o div’e bir class eklemeniz yeterli oluyor. Internet Explorer’da çalışmıyor fakat Opera, Chrome ve Firefox’ta mükemmel çalışıyor.

Hangi köşeyi yuvarlatmak isterseniz ona göre class ekleyin.

CSS:

[css wraplines=”false”]
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }[/css]

HTML:

[html]<div class=”ui-corner-top”>
Bu div’in üst köşeleri yuvarlatılmış
</div>[/html]