23 Oca 2021 03:37 Yeni Konu Oluştur

Haberler:

Üye kayıt esnasında E-posta adresinizin doğru olduğuna ve Aktivasyon Mailinize bakmayı unutmayın.


Smf Mobil Tema ipucu

Başlatan snrj, 04 Haz 2014 19:15

« önceki - sonraki »

0 Üye ve 2 Ziyaretçi konuyu incelemekte.

*

  1. 3,007

  2. 582

  3. 880

smf Default temasını mobil uyumlu hale getirme
bu yöntemle sitenize akıllı cihazlarla girenlerin daha rahat dolaşmasını sağlabilirsiniz
Eksik kısımlar vardır
index.template.php bul
<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />
üstüne ekle
<meta name="viewport" content="width=device-width, initial-scale=1"/>

index.css de en alta ekle
@media screen and (max-width:1020px){.table_list td.stats{display:none;}
.cat_bar h3.catbg img{display:none;}
.cat_bar h3.catbg span{display:none;}
dl#ic_recentposts span{display:none;}
div#wrapper { margin: 0px auto;min-width: 300px;max-width: 2300px;}
.bbc_img{max-width:70%;}
table.table_list tbody.content td.lastpost{text-align:center;font-size:85%;width:40%;}
}
@media screen and (max-width:720px){.table_grid td.stats{display:none;}
.table_grid td.icon1{display:none;}
tr.catbg th{display:none;}
.table_list td.lastpost{display:none;}
.poster{float:none;width:0px;}
.poster ul{display:none;}
.postarea, .moderatorbar{margin:0px;}
.login dt{float:none;text-align:left;}
.login dd{float:none;text-align:left;}
.login p{text-align:left;}
.keyinfo{float:none;width:100%;}
.bbc_img{max-width:250px;}
#basicinfo{width:100%;float:none;}
#detailedinfo {width: 100%;}
}
@media screen and (max-width:480px){.table_list td.info p{display:none;}
.table_grid td.lastpost{display:none;}
.buttonlist li a.button_strip_notify{display:none;}
.buttonlist li a.button_strip_mark_unread{display:none;}
.buttonlist li a.button_strip_send{display:none;}
.buttonlist li a.button_strip_print{display:none;}
.unreadlink{display:none;}
ul.reset li.floatleft{display:none;}
.navigate_section{display:none;}
.smalltext img{display:none;}
#creator dt {width: 100%;float: none;}
#creator dd {float: none;width: 100%;}
.content dl.register_form dt {width: 100%;float: none;}
.content dl.register_form dd {float: none;width: 100%;}
input, button, select, textarea {width: 90%;}
.login {width: 100%;margin: 0px auto;}
#advanced_search dl#search_options {width: 100%;}
#upper_section { overflow: inherit;}
div#upper_section div.user {width: 100%;   float: left;   overflow: auto;}
.avatar img{width:20px;}
#upper_section div.news { width: 100%;  float: right;   text-align: right;}
#upper_section div.news  .input_text{ width: 70%; float: left;}
#upper_section div.news  .button_submit{ width: 25%; float: right;}
#upper_section form{margin: 6px auto;}
.fulltop{display:none;}
h1.forumtitle {line-height: 20px;font-size: 12px;}
}


demo http://smf.konusal.com/index.php?theme=1




*

  1. 1,076

  2. 98

  3. 282
Emeğinize sağlık

*

  1. 19

  2. 3
http://smf.konusal.com/ a telefondan girdiğimde kendi temasını mobil olarak kullanıyor.
Buradaki adımları yaparak bizde yapabilirmiyiz?

*

  1. 1,076

  2. 98

  3. 282

Alıntı yapılan: reprimond - 30 May 2016 10:27http://smf.konusal.com/ a telefondan girdiğimde kendi temasını mobil olarak kullanıyor.
Buradaki adımları yaparak bizde yapabilirmiyiz?
Uygulayın bir nebze yardımı olucaktır.Diğer türlü css bilmeniz gerekicek.

*

  1. 19

  2. 3
Alıntı yapılan: CeeMoo - 30 May 2016 15:22
Alıntı yapılan: reprimond - 30 May 2016 10:27http://smf.konusal.com/ a telefondan girdiğimde kendi temasını mobil olarak kullanıyor.
Buradaki adımları yaparak bizde yapabilirmiyiz?
Uygulayın bir nebze yardımı olucaktır.Diğer türlü css bilmeniz gerekicek.
css düzenleme yapabilirim.
ozaman nasıl farklı bi işlem yapmam gerekiyor

*

  1. 121

  2. 37

  3. 5
Bunu yaptığımda konu açarken editordeki bbc kodları birbirine giriyor üstat. Bir de logonun yarısı gözüküyor. Neden olabilir acaba?

*

  1. 3,007

  2. 582

  3. 880
üstteki kodlama biraz eskide kaldı resmi sitenin yayınladığı mod var onu kullanın
http://custom.simplemachines.org/mods/index.php?mod=4040

*

  1. 121

  2. 37

  3. 5

Dostum bu modu kurdum daha kötü gösterdi. Forumun her şeyi hazır bir tek mobil uyumlu hale getiremedim. Senin verdiğin kodları yapıncada bbc kodları smileyler felan konu açarken iç içe geçmiş gözüküyor. Bir de logo yarım gözüküyor. Bulamaz mıyız bi çözüm. Şu sitedeki gibi sorunsuz olsa çok iyi olcak :)

*

  1. 3,007

  2. 582

  3. 880
biraz css öğenmeniz lazım responsive temalar css media ile yapılır http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
her temada kodlama farklı olduğu için her üyemize ne yazıkki bu konuda yardım edemiyoruz çünkü zaman isteyen bir iş


MENU ×