0
Kayıt Ol

Resmi Bölmek

3

●

287

  • 30-07-2010, 20:10:54
    #1
    utkuts
    utkuts
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Merhaba arkadaşlar;

    Nasıl anlatacağımı bilmiyorum ancak Genişliği 600 yüksekliği 400 olan bir resim var elimde. Ben bunu gösteriren style dosyasıyla resmin genişliğinin sadece 300 pixelinin görüntülüyorum. Yani resim 600x400 ancak sayfada 300x400 olarak gözüküyor. Ama benim asıl istediğim diğer 300 pixellik bölümünün görüntülenmesi.

    Yani resmin diğer yarısı görüntülenecek, bunu nasıl yapabilirim?
  • 30-07-2010, 21:13:05
    #2
    terabilisim
    terabilisim
    İki yöntemle yapabilirsin, ilki resmi kesmek, ikincisi resmi zemin göstererek, background-position ile istediğin kısmı göstermekç

    Div mantığını kullandıgını farzedersek eğer;
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{background:#000}
.kutu{display:block;width:300px;height:400px;background:url(resim.png) no-repeat -300px 0px}
</style>
</head>
<body>
<div class="kutu">

</div>
</body>
</html>
    burada önemli olan; -300px 0px; dir. -300 olduğunda bu şekil, 0px 0px olduğunda bu şekil görüntü elde edilir. Daha detaylı bilgi için "background-position" şeklinde araştırabilirsin. Ayrıca "css sprite" olarak da bakarsan iyi olur.
  • 30-07-2010, 21:58:43
    #3
    utkuts
    utkuts
    Teşekkürler, -300 çok süpermiş. Referans noktasının yerini negatif alınabildiğini tahmin etmedim

    Tekrar teşekkür ederim herşeyi elle düzeltim 2 kat bw harcamaktan kurtardın rep gönderdim.
  • 30-07-2010, 22:34:03
    #4
    Turkyorumcu
    Turkyorumcu
    Ayrıca işi biraz daha abartıp background:url(resim.png) arka plan resmini de .css ile saydamlaştırırsan tadından doyum olmaz