» » » » Dle 11.0 default temayı 2 sütunlu yapma

Dle 11.0 default temayı 2 sütunlu yapma

akrep
akrep Üye 4-03-2016, 14:21
Dle 11.0 ile gelen default temada anasayfadaki içerik alanını resimdeki gibi nasıl yapabilirim. Baya uğraştım boyutunu istediğim gibi yaptım ama ikinci konu yana değil alta geliyor sanırım yanlış yere width ve float veriyorum. Resmi photoshop ile yaptım.
Dle 11.0 default temayı 2 sütunlu yapma
Çözüldü İşleme Alındı Bekliyor Çözülemedi
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
0
RufiqCavadov 30 Temmuz 2017 00:14
Herkese merhabalar. Ben de Green temasında 3 sütunlu yapmak istiyorum. Yarımınız dokunursa minnettar kalırım.
0
58
TrueLove 10 Nisan 2016 20:12
bende default temayı 3 stun yapmaya calısıyorum bir türlü olmadı.
Sağdaki arama bölümünün olduğu stunun aynısını sola da almak istiyorum
-1
38
akrep 11 Mart 2016 13:26
styles.css in en altına ekle
/* İlave Edilenler */
@media only screen and (max-width: 768px) {
	.mbox{
	width:100%;
	background-color: #fff;
	margin-bottom: 25px;
	border-radius: 2px;
	position: relative;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); 
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	} 
}
@media only screen and (min-width: 769px) {
	.mbox {
	display:inline-block;
	background-color: #fff;
	width:49%;
	margin-bottom: 25px;
	margin-left:13px;
	border-radius: 2px;
	position: relative;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	}
.mbox:nth-child(2n+1){
	margin-left:0;
	}
	
}


Shortstory.tpl yi aç en üst satırı alttaki gibi yap

<article class="mbox story[fixed] fixed_story[/fixed] shortstory">


Ben bu şekilde çözdüm, dene istersen..
0
0
yaqub94 8 Mart 2016 12:53
short-story yan yana nasıl oluyor, bende o cür olmuyor, nasıl düzənlenle bilirim abi
0
38
akrep 5 Mart 2016 09:57
Alttaki iki kodu shortstorydeki en üst dive verdiğimde oluyor milimetrik bi hata kaldı oda fazla dikkat çekmiyor. ( tam ekranda margin-left:15 px ile tam kenarlar hizalı iken, çzünürlük düştükçe 15 px fazla geliyor mecburen 13 yaptım. divin kaymaması için. Sadece tam ekran boyutunda 2 px sag taraf içerde kalıyor.)

@media only screen and (max-width: 768px)
@media only screen and (min-width: 769px)
0
38
akrep 5 Mart 2016 07:53
Bu arada link belirttim diye hatırlıyordum sanırım yazmamışım
Site Linki : VPTECH
0
38
akrep 5 Mart 2016 07:28
Çok tşk ederim Hagen verdiğin iki yöntemin ikisini birden kullanarak istediğim şekilde yapabildim. İki yeni özellik ögrendim. Fakat bu seferde şöyle bi durum dikkatimi çekti;
tarayıcı ekranını küçülttüğümde 2. div alta kayıyor ve birinci div güzel durmuyor tek başına, dolayısı ile ikinci divde margin-left özelliğinden dolayı sola yaslanmıyor. Sanırım responsive özelliğinden kaynaklı bi durum. Çünkü biraz küçültüyorum alta kayıyor az daha devam ediyorum düzeliyor biraz daha küçültüyorum yine gidiyor. Tablet mobil vs. boyutları ile alakalı gibi.
0
İSTATİSTİKLER