Gönderen Konu: resimleri javascript kulanmadan css ile kücültüp büyütmek  (Okunma sayısı 438 defa)

Çevrimiçi orhan

  • Yönetici
  • Trade Sayısı: (0)
  • *
  • İleti: 385
  • Karma +19/-1
  • Cinsiyet: Bay
    • Profili Görüntüle
    • webtiryaki.com
[h1]evet son zamanlarda cok sorulan bu isteğe bir doküman hazirlama gereği duydum bu kodlarla
bbc resimlerini
avatar resimlerini
imza resimlerini
kisacasi attached imagelerin tamamini düzenleyip devredişi yapa bilirsiniz

bu kodlari temanizin index.css de uygun bir yere ekleyin

Kod: [Seç]
/* Auto resizing of avatars in posts and personal messages. */
/* Change sizing to suit your own preferences. */
.avatar>a>img, li.avatar>img {
   height: auto;
   width: auto;
   max-height: 150px;
   max-width: 125px;
}

/* Auto resizing of avatars in default theme header. */
/* Change sizing to suit your own preferences. */
p.avatar>img {
   height: auto;
   width: auto;
   max-height: 150px;
   max-width: 125px;
}

/* Auto resizing of images in posts and personal messages. */
/* Change sizing to suit your own preferences. */
.inner>img, .inner>blockquote>img,
.inner>.bbc_link>img, .inner>blockquote>.bbc_link>img{
   height: auto;
   width: auto;
/* This is just to keep images to a handy size, even on large screens. */
   max-height: 640px;
/* This prevents images breaking out of the post on small screens. */
   max-width: 95%;
}


/* Auto resizing of images in signatures. */
/* Change sizing to suit your own preferences. */
.signature>img, .signature>blockquote>img,
.signature>.bbc_link>img, .signature>blockquote>.bbc_link>img {
   height: auto;
   width: auto;
   max-height: 150px;
   max-width: 95%;
}
.attachments>div>img {
   height: auto;
   width: auto;
   max-width: 95%;
   max-height: 640px;
}

burdaki mantik şoyle
orneğin
attached images(bbc eklentileri):

Kod: [Seç]
.attachments>div>img {
height: auto;
width: auto;
max-width: 95%;
max-height: 640px;
}


   height: auto; yukseklik otomotk ayarlanir yani belirtilen genişlik yukseklik
   width: auto;  genişlik otomotk ayarlanir yani belirtilen genişlik yukseklik
   max-width: 95%; enfazla genişlik yüzde olarak belirliyoruz bu her ekran icin ayni gorulmesine yol acar
   max-height: 640px; enfazla yükseklik burayi resim sitandartina göre ayarliyoruz ne gorünmesini istiyorsak

orneğin portal kulananlar

Simple Portal:

Kod: [Seç]
.shoutbox_body>ul>li>img, .shoutbox_body>ul>li>.bbc_link>img {
height: auto;
width: auto;
max-width: 95%;
max-height: 200px;
}

Tiny Portal:

Kod: [Seç]
.shoutbox_body>ul>li>img, .shoutbox_body>ul>li>.bbc_link>img {
height: auto;
width: auto;
max-width: 95%;
max-height: 200px;
}

mantik böyle umarim yararli olur diğer yayinladiğim derslere bakkarak neyin nerde olduğunu rahatlikla bula bilirsiniz.[/h1]
« Son Düzenleme: 11 May 2015, 07:55:01 Gönderen: orhan »