Telefonda site görünümü

Arkadaşlar benim site pc ile bakılınca herşey normal ama telefonda aşağıda ki resimlerde de görüldüğü gibi üst menü yok.İkincisi de "Konu" "ileti" sütünları yok.Son iletilerde sola kaymış görünüyor.Bu sorun ile ilgili yardımcı olabilirseniz sevinirim.

[IMG]http://img15.hostingpics.net/pics/617829Screenshot20151018140456.png[/img]
[IMG]http://img15.hostingpics.net/pics/227182Screenshot20151018140433.png[/img]

ona göre ayarlaman gerekıyor  responsive dedıklerı bu

ona göre ayarlaman gerekıyor  responsive dedıklerı bu

Daha önce böyle birşey yoktu.Dün fark ettim.Dünden beri uğraşıyorum ama sebebini bulamadım.

Emin değilim ama şağıda ki kodları index.css dosyasına ekleyince bu problem oluştu.Şimdi kodları kaldırıyorum ama yinede bir değişiklik olmuyor.

Kod Seç Genişlet

@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%;}
#logo a {background:none;}
#userarea {padding:5px;}
#searcharea {left:5px;}
#news {left:5px;}
#toolbar {background: #740309;height: auto;margin-top: 0;position: relative;}
#topnav li a {color: #fff;display: block;font-size: 12px;line-height: 35px;padding: 0 6px;}
#bodyarea{padding:0;}
#wrapper {width:100% !important;}
#bodybg{padding:0;}
#sp_center {float:left;}
#sp_right {vertical-align: none;float:left;}
}
@media screen and (max-width:480px){.table_list td.info p{display:none;}
#bodybg{padding:0;}
.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%;}
.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;}
}

td.stats 100px altı kayboluyor buda table sistemde 5 li yere 3 lü gösterince sizin dediğiniz gibi çığırından çıkıyor.respansive bölümüne vs.. bakın bir yerde olmalı.

Kod Seç Genişlet

@media screen and (max-width: 1020px) {
.table_list td.stats {
    display: none;
}
sp'nin css dökümanında ama nerde tam

td.stats 100px altı kayboluyor buda table sistemde 5 li yere 3 lü gösterince sizin dediğiniz gibi çığırından çıkıyor.respansive bölümüne vs.. bakın bir yerde olmalı.

Kod Seç Genişlet

@media screen and (max-width: 1020px) {
.table_list td.stats {
    display: none;
}
sp'nin css dökümanında ama nerde tam

Ben bu kodları index.css dosyasına kopyalayınca oldu.Ama kodları silmeme rağmen düzelmedi.Responsive bölümü yada responsive hakkında hiç bilgim yok.

Portal.css dosyasında aşağıda ki kod var.Bunları silmemizde sakınca varmıdır.Vrdiğiniz kodu silince düzeliyor.

Kod Seç Genişlet

@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%;}
#logo a {background:none;}
#userarea {padding:5px;}
#searcharea {left:5px;}
#news {left:5px;}
#toolbar {background: #740309;height: auto;margin-top: 0;position: relative;}
#topnav li a {color: #fff;display: block;font-size: 12px;line-height: 35px;padding: 0 6px;}
#bodyarea{padding:0;}
#wrapper {width:100% !important;}
#bodybg{padding:0;}
#sp_center {float:left;}
#sp_right {vertical-align: none;float:left;}
}
@media screen and (max-width:480px){.table_list td.info p{display:none;}
#bodybg{padding:0;}
.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%;}
.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;}
}

Evet arkadaşlar sanırım bu kodları portal.css dosyasına da eklemişim.Kodları her iki dosyadan silince şu an herşey normale döndü.Teşekkürler.

Evet arkadaşlar sanırım bu kodları portal.css dosyasına da eklemişim.Kodları her iki dosyadan silince şu an herşey normale döndü.Teşekkürler.

Sadece dediğim kodu silsenizde olurdu onların sp css dökümanında olduğundan haberim yok malesef

Evet arkadaşlar sanırım bu kodları portal.css dosyasına da eklemişim.Kodları her iki dosyadan silince şu an herşey normale döndü.Teşekkürler.

Sadece dediğim kodu silsenizde olurdu onların sp css dökümanında olduğundan haberim yok malesef

Bu kodlar tam olarak ne işe yarıyor bilmiyorum.Bu neden ile kaldırdım.

Mobil için bazı kodlar temanızla sadece çakışma yapmış temanızı mobil için daha iyi hale getiriyor.

Mobil için bazı kodlar temanızla sadece çakışma yapmış temanızı mobil için daha iyi hale getiriyor.

Tahmin ettim o neden ile ekledim.Ama tam olarak hangi kodun ne işe yaradığını bilmediğim için kaldırma gereği duydum.Aslında mobil cihazlar için optimizasyon iyi olurdu.Ama buna benzer sorunlarçıkarsa sıkıntı olur.

Tamam şimdi anladım mantığı görünümü aşağıda ki gibi yaptım.İleti, konu ve son iletiler kısmını olduğu gibi mobil için kaldırdım.

[IMG]http://img15.hostingpics.net/pics/342741Screenshot201510190024091.png[/img]