Smf Mobil Tema ipucu

Başlatan snrj, 04 Haz 2014 19:15

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

snrj

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
Kod [Seç]
<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />
üstüne ekle
Kod [Seç]
<meta name="viewport" content="width=device-width, initial-scale=1"/>

index.css de en alta ekle
Kod [Seç]
@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

[IMG]http://i.imgur.com/b5YHz6b.png[/img]


CeeMoo

Emeğinize sağlık

reprimond

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

CeeMoo

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.

reprimond

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

cynylmz_07

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

snrj

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

cynylmz_07

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 :)

snrj

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ş