Flagrant theme Mobil yapma - Css3

Başlatan CeeMoo, 11 Eyl 2015 23:10

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

*

  1. 1,120

  2. 105

  3. 318

İhtiyaç gereği bir çalışma oldu bu temayı kullanan başka arkadaşlarda olursa mobil uyumluluk için altdaki kodları belirtilen yere eklemeniz yeterdir.

http://custom.simplemachines.org/themes/index.php?lemma=1436
İndex.css en altına ekleyin.
Simpleportal kullanıyorsanız Dafult temanızın css > portal.css min-width:720px; olucak body {} içinde silmeyi unutmayın yoksa çalışmıyor.
@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;}
}

Sonuç

*

  1. 277

  2. 41

  3. 17
bu kodlar teknoromi plus da uygularsak iyi bir sonuç elde edebilirmiyiz ?

*

  1. 1,120

  2. 105

  3. 318
Alıntı yapılan: rock3r - 15 Eki 2015 23:40bu kodlar teknoromi plus da uygularsak iyi bir sonuç elde edebilirmiyiz ?

temadan temaya değişiklik  gössteriyor malesef

***

  1. 120

  2. 30

  3. 5

Aslında sanırım bu kodları inceleyip nasıl değişiklik yapmamız gerektiğini anlayarak kendi temamıza yapabiliriz. Geniş bi zamanda bakmak lazım.

Keşke biri bi anlatım hazırlasa şöyle anlaşılırından..  ::)



  1. 632

  2. 251
07 Ara 2015 15:57 #4 Son düzenlenme: 07 Ara 2015 16:07 vista1
çalışmadı.. index.css nin en altına yapıştırdım ama sonuç çıkmadı

*

  1. 1,120

  2. 105

  3. 318
Alıntı yapılan: BySaBo - 29 Eki 2015 00:20Aslında sanırım bu kodları inceleyip nasıl değişiklik yapmamız gerektiğini anlayarak kendi temamıza yapabiliriz. Geniş bi zamanda bakmak lazım.

Keşke biri bi anlatım hazırlasa şöyle anlaşılırından..  ::)

Anlatmakla olmuyor malesef css öğrenirseniz nasıl yapılacağı ile iligli bilgi edinebilirsiniz

*

  1. 1,120

  2. 105

  3. 318
07 Ara 2015 23:13 #6 Son düzenlenme: 07 Ara 2015 23:15 CeeMoo
Alıntı yapılan: vista1 - 07 Ara 2015 15:57çalışmadı.. index.css nin en altına yapıştırdım ama sonuç çıkmadı
Temanızın konuda belirtilen tema olduğuna eminmisiniz :) çünkü denendi Tarayıcınızı küçültün.Diğer temalar için malesef birşey diyemicem.

http://easycaptures.com/fs/uploaded/1041/6991133821.png
http://easycaptures.com/fs/uploaded/1041/7183717270.png

denedim sıkıntı yok.


MENU ×