Fatih Hayrioğlu'nun not defteri » iframe http://www.fatihhayrioglu.com { CSS, HTML ve Javascript } Thu, 09 Feb 2012 08:44:49 +0000 en hourly 1 http://wordpress.org/?v=2012 iframe virüsü ve Saldırgan Site damgalamasından kurtulmanın yolu http://www.fatihhayrioglu.com/iframe-virusu-ve-saldirgan-site-damgalamasindan-kurtulmanin-yolu/ http://www.fatihhayrioglu.com/iframe-virusu-ve-saldirgan-site-damgalamasindan-kurtulmanin-yolu/#comments Sat, 15 Aug 2009 20:51:00 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=1314 Yaklaşık 2-3 haftadır bir çok yerde karşılaştığımız bu sorunun kaynağının ne olduğu konusunda bir çok makale okudum. Çözümler okudum uygulamalar yaptım sonuç olarak konuyu şöyle özetleyebiliriz.

Çeşitli yollardan bize musallat olan virüs(aslında pek virüs mantığı ile hareket etmiyor.) Sistemimizdeki ftp bilgilerini alıp bu bilgiler üzerinden sitelere otomatik olarak bir iframe kodu ekliyor. Genellikle index.xxx ve default.xxx isimli dosyalara otomatik olarak eklenen bir iframe kodu bu. Eklenen bu iframe kodu bazen boş bir sayfayı açarken bazende malware olarak adlandırılan kullanıcının bilgisayarına sızan bir virüs yükletmeye çalışıyor. Eklenen bu iframe genelde gizli olarak kodlandığı için(visibility:hidden) göremiyoruz.

iframe_kodu

Belli bir süre sonra Google siteyi tararken bu kodlamayı görüyor ve linki takip edincede siteden virüs yayılmaya çalışıyor diye sitenizi Saldırgan Site sınıflandırmasını sokuyor. 

google-warning

Saldırgan Site sınıfına giren sitemiz Google Chrome ve Firefox ile sitemize açmayan kişilere yukarıdakine benzer bir ekran ile karşılık verecektir ve kullanıcılar sitenize erişemeyecektir. 

Peki biz bu işten nasıl kurtulacağız. İlk olarak siteden bu kodları arayıp(genelde body etiketi sonrasına eklendiği için bulmak kolay.) bulup kaldıracağız. Ayrıca bilgisayarımızı sağlam bir virüs taramasından geçirip, tüm ftp şifrelerimizi değiştirmeyi unutmayalım. 

Bir sonraki adım olarak google’un saldırgan site listesinden çıkmak için Google Webmaster Tools‘una gireceğiz.

Siteye girdikten sonra sırası ile(İngilizce seçili olarak girdiğiniz farz ederek devam edeceğim. İşlerin hızlı yürümesi için İngilizceyi tercih etmenizi öneririm)

  • Add Site deyip sitemizi ekleyeceğiz. http://www.orneksite.com/
  • Continue basıp ilerleyince karşımıza Site verification sayfası çıkacak. Sitenin bize ait olup olmadığını kontrol için
  • Burada iki tür doğrulama isteniyor bizden Meta tag ve HTML file diye iki yolumuz var. Ben Meta tag’i seçip ilerliyorum. 
  • Site bize bir meta etiketi veriyor. Bu kodu alıp sitemize(<head>…</head> arasına) ekliyoruz. Sadece ana sayfaya eklemek yeterli. 

google-webmaster-tools

Sonra sitenin bize ait olduğunu anlayan goole bize sitemizin saldırgan site olarak listelendiğini söylüyor ve bundan kurtulmak için bir çare gösteriyor. 

badware

Request a review linkine tıklıyoruz. İşaret kutucuğunu işaretleyip metin girdi alanına bir cümlelik bir  durum beyan ediyoruz. 

Bu işlemlerden sonra google yaklaşık olarak 2-3 saat içinde sitemizi saldırgan site listesinden çıkarıyor.

Kaynaklar

  • http://sites.google.com/site/webmasterhelpforum/en/faq-malware-and-hacked-sites
  • http://www.cogzidel.com/blog/2009/07/malware-affects-your-google-listing-google-webmaster-tools-will-save-you/
]]> http://www.fatihhayrioglu.com/iframe-virusu-ve-saldirgan-site-damgalamasindan-kurtulmanin-yolu/feed/ 41 Jquery İle IFrame Yüksekliğini İçeriğine Göre Otomatik Ayarlamak http://www.fatihhayrioglu.com/jquery-ile-iframe-yuksekligini-icerigine-gore-otomatik-ayarlamak/ http://www.fatihhayrioglu.com/jquery-ile-iframe-yuksekligini-icerigine-gore-otomatik-ayarlamak/#comments Mon, 18 May 2009 08:31:21 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=1060 Ben bu işe başladığımdan beri çerçeve(frame) kullanmak hoşa gitmemiştir. Allah’tan ilk çıktığındaki popülaritesini kaybettide rahatladım. Ancak yine bazı yerlerde tek çare olarak framset’i olmasada iframe’i kullanmak zorunda kalıyoruz.

Iframe kullanımında en çok yaşanan sorunlardan biridir içeriğin yüksekliğine göre iframe yüksekliğinin artması veya azalması. Daha önce ben bunu javascript ile yapmıştım. Ancak farklı tarayıcılarda bazı sorunlar yaşamıştım. Şimdide javascript ile bunu halledebiliriz. Ancak son zamanlarda(o kadar da yeni sayılmaz :D) popüler olan javascript kütüphaneleri(benim için bunun adı jQuery) ile bu daha basit.

Burada ufak bir ipucu var. Ben bir çok projelerimde jquery kütüphanesini kullandığım için jQuery autoHeight eklentisini kullandım. Eğer projemde jQuery kütüphanesi yüklü değilse javascript ile yapmak daha mantıklı. Javascript ile yapacaklar için bir link jQuery ile yapmanın bir kaç avantajıdaha var tabii

Ben burada jQuery autoHeight eklentisinin nasıl kullanılacağını anlatacağım.

Sayfamıza ilk olarak jQuery kütüphanesini eklemeliyiz. Bu script dosyasının ilk sırada olması önemli jQuery için.

<script type="text/javascript" src="script/jquery.js"></script>

Iframe otomatik yükseklik vermek için kullandığımız eklenti kodu.

<script type="text/javascript" src="script/jquery.autoheight.js"></script>

Sayfaya eklediğimiz iframe kodunda yapmamız gereken sadece class="autoHeight" eklemek.

<iframe id="listeCercevesi" name="listeCercevesi" class="autoHeight" scrolling="auto" frameborder="0" src="/liste.aspx"></iframe>

Örnek sayfayı görmek için tıklayın. (sonspring.com alınmıştır)

Uyarılar:

  • İlk uyarımız bu metot aynı alan adı üzerindeki sayfa eklemelerinde çalışıyor. İçreriğini farklı siteden aldığımız iframe’ler güvenlik nedeniyle çalışmayacaktır.
  • İkinci uyarım ise içeriği yüklü olan iframe sayfalarında yükleme zaman aldığı için ve scriptimiz sayfa yüklendikten sonra çalıştığı için sayfa yüksekliği ilk açılıştı küçük geliyor ve sonradan gerçek boyutuna geliyor. Ben bunu engellemek için iframe’e ortalama bir yükseklik değeri girdim. Script yüklendiğinde zaten beni girdiğim değeri değiştiriyor.
  • Üçüncü olarak bu yöntem javascript yönteminden daha kullanışlı yapan özelliklerden biri de kullanımının kolay olması ve her iframe e id vermek zorun olmuyor olmamız.

Kaynaklar

]]> http://www.fatihhayrioglu.com/jquery-ile-iframe-yuksekligini-icerigine-gore-otomatik-ayarlamak/feed/ 24 IE iframe ardalanında beyaz renk sorunu http://www.fatihhayrioglu.com/ie-iframe-ardalaninda-beyaz-renk-sorunu/ http://www.fatihhayrioglu.com/ie-iframe-ardalaninda-beyaz-renk-sorunu/#comments Tue, 24 Jun 2008 08:05:19 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=537 Sitelerimizde <iframe> kullandığımızda Internet Explorer bu <iframe> ardalanını beyaz bir blok şeklinde görüntüleyecektir.

Bu Ardalanı beyaz olan sitelerde sorun değil ama ardalanında resim veya farklı renk olan sitelerde sorun çıkarıyor.

Bu durumu engellemek için <iframe> koduna çok basit bir özellik eklemesi yeterli oluyor.

<iframe allowtransparency="true"></iframe>

Örnek: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/allowTransparency.htm

]]> http://www.fatihhayrioglu.com/ie-iframe-ardalaninda-beyaz-renk-sorunu/feed/ 16 28 Kasım 2007 Web’den Seçme Haberler http://www.fatihhayrioglu.com/27-kasim-2007-webden-secme-haberler/ http://www.fatihhayrioglu.com/27-kasim-2007-webden-secme-haberler/#comments Wed, 28 Nov 2007 15:13:35 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=424
  • VS.net 2008 ve .net Framework 3.5 hakkında güzel bir yazı. Bağlantı
  • IFrame sunucu taraflı(asp.net) kullanmak. Bağlantı
  • .net’in şablonları(masterpage) en iyi kullanmayı anlatan bir makale. Bağlantı
  • En iyi yazı tipi ve satır yüksekliğini seçmeyi anlatan güzel bir makale. Bağlantı
  • Çok güzel ve farklı bir resim galerisi. Bağlantı
  • Metin alanı ve buton hizlamak için güzel bir CSS ipucu. Bağlantı
  • Web sitelerimizin geleceği ve CSS planlama hakkında güzel bir makale. Bağlantı
  • CSS ile yemek fiyat listesi veya kitap indeksi gibi sayfalar üretmeyi anlatan güzel bir makale. Bağlantı
  • Web tasarımcıları için güzel linkler sitesi. Bağlantı
  • GoogleMap’e arazi(terrain) katmanı eklemiş. Artık dağları ve şehir merkezlerinde binaları görebiliyoruz. Bağlantı
    • ]]>     http://www.fatihhayrioglu.com/27-kasim-2007-webden-secme-haberler/feed/ 0