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.teknoromi.com/index.php?theme=1
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.imgur.com%2Fb5YHz6b.png&hash=c75d6ea11a71f970b45e6e90bc1014fd51a9b881)
Mobil oranım 51 / 100 iken yukarıdaki ile 65 / 100 oldu...
Sizde sitenizi analiz etmek isterseniz Tıklayın (https://developers.google.com/speed/pagespeed/insights/?)
Teşekkürler arkadaşım. Eline yüreğine sağlık yinede.
Akıllı telefonların yaygınlaştığı günümüzde simple portal yüklü siteler hayli geride kalıyor.
Bunun üzerinde çalışılsa iyi olur kanaatimce. 8) 8)
Bunu kaçırmışım :) Ben de bi kaç bi şey yazmıştım SMF 2.0 için http://www.simplemachines.org/community/index.php?topic=532406.0
faydalı bir paylaşım olmuş teşekkürler.
Quote from: Antes on January 20, 2015, 07:26:44 AM
Bunu kaçırmışım :) Ben de bi kaç bi şey yazmıştım SMF 2.0 için http://www.simplemachines.org/community/index.php?topic=532406.0
seninki daha detaylı olmuş eline sağlık
Bugün muhtemelen paket yapıp siteye gönderirim.
eminim bir çok kişinin işine yarar tekrardan eline sağlık
büyük bi ihtimal 1.1.21 sürümü için buna benzer bir 'mod' yok ?
:/
Quote from: Pяηѕѕ LF on April 27, 2015, 04:31:08 PM
büyük bi ihtimal 1.1.21 sürümü için buna benzer bir 'mod' yok ?
:/
SMF 2.0.x için resmi olarak yayımlanmış bir eklenti var. 1.1.x sürümü kullananların yavaş yavaş güncelleme hazırlıklarına başlamaları lazım.
SMF 1.1.21 için geçerli mi bu?
hayır smf 1.0 uygun değildir
sitenizi smf 2.0 sürümlerine yükseltirseniz ve default tema kullanıyorsanız şu modu uygulayabilirsiniz https://custom.simplemachines.org/mods/index.php?mod=4040
en iyisi smf responsive theme almak yoksa google kontrol ettiğimizde 80 90 larda çıkmıyor
responsive tema önemli. bir de ek olarak amp furyası çıktı amp uyumlu temalar da şart
amp güncel haber giren siteler içiin daha şart. mesela son dk haberciler.
Ben wordpress kullanıyorum. Kendinden var.