wmaraci reklam
tr.link

minimalBlog Temasında Yapılacak Değişiklikler İçin Yardım

8 Mesajlar 1.139 Okunma
acebozum
tr.link

cparty cparty WM Aracı Kullanıcı
  • Üyelik 12.02.2012
  • Yaş/Cinsiyet - / E
  • Meslek Okuyor.
  • Konum
  • Ad Soyad ** **
  • Mesajlar 79
  • Beğeniler 3 / 4
  • Ticaret 0, (%0)
Arkadaşlar Eren Arkadaşımızın Yaptığı minimalBlog Temasında Bir Değişiklik Yapıcam Ama Beceremiyorum;

Resim 1
Konuların Gözükeceği Alanın Normal Hali;



Resim 2
Konuların Benim İstediğim Gibi Gözükecek Hali;



Özet Geçelim. :D

Konuların Gözükeceği Yer Dikey Değil Yatay Bir Şekilde Gözükmesini İstiyorum;

Kodlar;



CSS;

/* Paylaşimlar */
.paylasim {height: 360px; background: url("http://wmaraci.com/forum/images/headerBg.png"); float: left; width: 420px; margin: 0 15px 15px 0px; padding: 10px; border: 1px solid #e2e2e2; border-radius: 2px; overflow: hidden;}
.paylasim a{float: left; display: block; color: #fff; border-bottom: 1px dashed #333;}
.paylasim a img{width: 200px; height: 150px; border: 1px solid #e2e2e2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.paylasim p {color: #bbbbbb;}
 

 

googleasistan
reklam

3579 3579 WM Aracı Anonim Üyelik
  • Üyelik 30.01.2012
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 2434
  • Beğeniler 686 / 1151
  • Ticaret 1, (%100)



CSS;

.paylasim {height: 360px; background: url("images/headerBg.png"); float: left; width: 500px; margin: 0 15px 15px 0px; padding: 10px; border: 1px solid #e2e2e2; border-radius: 2px; overflow: hidden;}
.paylasim a{display: block; color: #fff; border-bottom: 1px dashed #333;}
.paylasim a img{float:left; margin-right:10px; margin-bottom:10px; width: 200px; height: 150px; border: 1px solid #e2e2e2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.paylasim p {text-align:justify;color: #bbbbbb;}
.sag{float:left;width:280px;}
.paylasim h3{float:left;clear:both;}


Şöyle bir dener misin? Denemedim ama işe yaraması lazım.
 

 

cparty cparty WM Aracı Kullanıcı
  • Üyelik 12.02.2012
  • Yaş/Cinsiyet - / E
  • Meslek Okuyor.
  • Konum
  • Ad Soyad ** **
  • Mesajlar 79
  • Beğeniler 3 / 4
  • Ticaret 0, (%0)
Resmin Boyutlarını Ayarlıayınca Kayma Oluyor.

 

 

3579 3579 WM Aracı Anonim Üyelik
  • Üyelik 30.01.2012
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 2434
  • Beğeniler 686 / 1151
  • Ticaret 1, (%100)

cparty adlı üyeden alıntı

Resmin Boyutlarını Ayarlıayınca Kayma Oluyor.



Sorun boyutlarda ise, demek ki sığmıyordur. Ana katmanın genişliğini arttırmalısınız. :)
 

 

wmaraci
wmaraci

cparty cparty WM Aracı Kullanıcı
  • Üyelik 12.02.2012
  • Yaş/Cinsiyet - / E
  • Meslek Okuyor.
  • Konum
  • Ad Soyad ** **
  • Mesajlar 79
  • Beğeniler 3 / 4
  • Ticaret 0, (%0)
Hangi katmanın ?
 

 

myenes myenes $php = new PHP(); Kullanıcı
  • Üyelik 28.09.2011
  • Yaş/Cinsiyet 39 / E
  • Meslek Back-end Developer
  • Konum İstanbul Avrupa
  • Ad Soyad E** G**
  • Mesajlar 1051
  • Beğeniler 253 / 258
  • Ticaret 5, (%100)
tam olarak ne yapmak istiyorsan iyice anlatırsan yardımcı olabilirim.
 

 

cparty cparty WM Aracı Kullanıcı
  • Üyelik 12.02.2012
  • Yaş/Cinsiyet - / E
  • Meslek Okuyor.
  • Konum
  • Ad Soyad ** **
  • Mesajlar 79
  • Beğeniler 3 / 4
  • Ticaret 0, (%0)
Temada Konular Dikey Olarak Görünüyordu,Ben Onu Yatay Bir Şekilde Ayarlamak İstiyorum.
 

 

myenes myenes $php = new PHP(); Kullanıcı
  • Üyelik 28.09.2011
  • Yaş/Cinsiyet 39 / E
  • Meslek Back-end Developer
  • Konum İstanbul Avrupa
  • Ad Soyad E** G**
  • Mesajlar 1051
  • Beğeniler 253 / 258
  • Ticaret 5, (%100)
CSS Kodları
.paylasim {height: 200px; background: url("İmages/headerBg.png"); float: left; width: 600px; margin: 0px 15px 15px 0px; padding: 10px; border: 1px solid #e2e2e2; border-radius: 2px;}
.paylasim a{display: block; color: #fff;width:300px;}
.paylasim a img{margin-top: 10px; width: 300px; height: 150px; border: 1px solid #e2e2e2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float:left;}
.paylasim p {color: #bbbbbb;float:left; width:280px;padding-left: 17px;margin-top: 10px;}
.paylasim h3{float:left;border-bottom: 1px dashed #333; }

HTML Kodları


asdada


Yazı başlığı

Youtube‘un yeni özelliği olan “Interactive Transcript” aktif edildi. Çoğu kişinin belki farkında bile olmadığı bu teknoloji aslında çok güzel işlere yarıyor. Geliştirilme aşamasında olan bu özelliklik işitme engell



Yatay şekilde ayarladım dediğin gibi eğer olmadıysa sitenin ismini yaz ona göre görüp düzenleyeyim :)
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al