Telefonda site görünümü

Başlatan kimyaci, 18 Ekm 2015 14:05

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

***

  1. 142

  2. 16

  3. 34

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.



*

  1. 1,197

  2. 120

  3. 401
ona göre ayarlaman gerekıyor  responsive dedıklerı bu :D

***

  1. 142

  2. 16

  3. 34
Alıntı yapılan: tarantula901 - 18 Ekm 2015 16:39ona göre ayarlaman gerekıyor  responsive dedıklerı bu :D

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

***

  1. 142

  2. 16

  3. 34

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.

@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;}
}

*

  1. 1,197

  2. 120

  3. 401
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ı.

@media screen and (max-width: 1020px) {
.table_list td.stats {
    display: none;
}

sp'nin css dökümanında ama nerde tam :)

***

  1. 142

  2. 16

  3. 34
Alıntı yapılan: CeeMoo - 18 Ekm 2015 17:25td.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ı.

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

***

  1. 142

  2. 16

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

@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;}
}

***

  1. 142

  2. 16

  3. 34

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.

*

  1. 1,197

  2. 120

  3. 401
Alıntı yapılan: kimyaci - 18 Ekm 2015 17:44Evet 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

***

  1. 142

  2. 16

  3. 34
Alıntı yapılan: CeeMoo - 18 Ekm 2015 19:28
Alıntı yapılan: kimyaci - 18 Ekm 2015 17:44Evet 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.

*

  1. 1,197

  2. 120

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

***

  1. 142

  2. 16

  3. 34
Alıntı yapılan: CeeMoo - 18 Ekm 2015 22:49Mobil 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.

***

  1. 142

  2. 16

  3. 34
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.



Benzer Konular (5)


MENU ×