• Welcome to Simple Machines Community Forum. Please login or sign up.

Smf Mobil Tema ipucu

Started by Snrj, June 04, 2014, 12:25:39 PM

Previous topic - Next topic

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




crazy_man

Mobil oranım 51 / 100 iken yukarıdaki ile 65 / 100 oldu...
Sizde sitenizi analiz etmek isterseniz Tıklayın
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)

Bir Damlasıyım Okyanusun...Ama Okyanusum.
Uyanan Gençlik

Antes

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

plaket

faydalı bir paylaşım olmuş teşekkürler.

Snrj

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

Antes

Bugün muhtemelen paket yapıp siteye gönderirim.

Snrj

eminim bir çok kişinin işine yarar tekrardan eline sağlık

Pяηѕѕ LF

büyük bi ihtimal 1.1.21 sürümü için buna benzer bir 'mod' yok ?

:/
1.1.21 Default

Antes

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.

Punk Floyd

SMF 1.1.21 için geçerli mi bu?

Snrj

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

eyyupp

en iyisi smf responsive theme almak yoksa google kontrol ettiğimizde 80 90 larda çıkmıyor
testleri çöz [nofollow] ilk adım ayakkabısı [nofollow]

swerty111

responsive tema önemli. bir de ek olarak amp furyası çıktı amp uyumlu temalar da şart

Celikpena

amp güncel haber giren siteler içiin daha şart. mesela son dk haberciler.

addaam

Ben wordpress kullanıyorum. Kendinden var.

Advertisement: