Konu: Smf Mobil Tema ipucu  (Okunma sayısı 638 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

04 Haziran 2014, 19:19
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

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 Smf Mod Theme Destek - Anasayfa





05 Haziran 2014, 09:48
Yanıtla #1
  • *
    • İleti: 331
    • Karma: 17
    • haksever,huutheme
    • haksever
    • Profili Görüntüle

bu çok iyi olmuş emeğinize sağlık  ;D


07 Haziran 2014, 21:24
Yanıtla #2
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle