Gönderen Konu: Smf Temaların Mobil Uyuymlu (Responsive) Hale Getirilmesi  (Okunma sayısı 569 defa)

Çevrimdışı KeReM @

  • Trade Sayısı: (0)
  • Yeni Üye
  • *
  • İleti: 31
  • Karma +2/-0
  • Cinsiyet: Bay
    • Profili Görüntüle
    • Karanlığın Aydınlığa Kavuştuğu Yer
Orhan hocam araştırmama rağmen tam anlamı ile soruma cevap bulamadım. Kullanacağımız herhangi bir temanın mobil cihazlarada uyumlu hale getirmek için hangi değişiklikleri yapmalıyız.
Toprak birgün yağmurun kıymetini anlayacak;
fakat o gün yağmur yağmayacak ...

Çevrimdışı orhan

  • Yönetici
  • Trade Sayısı: (0)
  • *
  • İleti: 384
  • Karma +19/-1
  • Cinsiyet: Bay
    • Profili Görüntüle
    • webtiryaki.com
Ynt: Smf Temaların Mobil Uyuymlu (Responsive) Hale Getirilmesi
« Yanıtla #1 : 12 May 2016, 07:38:06 »
Sitede bunun la ilgili anlatimlar var ben kisaca anlatayim fazla kafa karişikliği olmasin diye ekte vereceğim eki kulanin

index.template.php

bul:

Kod: [Seç]
<title>', $context['page_title_html_safe'], '</title>';
Değiştir:

Kod: [Seç]
<title>', $context['page_title_html_safe'], '</title>
 <meta name="viewport" content="width=device-width, initial-scale=1" />';

bul:
Kod: [Seç]
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';
Değiştir:
Kod: [Seç]
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />
 <link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/responsive', $context['theme_variant'], '.css?fin20" />';

Memberlist.template.php

bul:
Kod: [Seç]
<td class="windowbg2">', $member['show_email'] == 'no' ? '' : '<a href="' . $scripturl . '?action=emailuser;sa=email;uid=' . $member['id'] . '" rel="nofollow"><img src="' . $settings['images_url'] . '/email_sm.gif" alt="' . $txt['email'] . '" title="' . $txt['email'] . ' ' . $member['name'] . '" /></a>', '</td>';

if (!isset($context['disabled_fields']['website']))
echo '
<td class="windowbg">', $member['website']['url'] != '' ? '<a href="' . $member['website']['url'] . '" target="_blank" class="new_win"><img src="' . $settings['images_url'] . '/www.gif" alt="' . $member['website']['title'] . '" title="' . $member['website']['title'] . '" /></a>' : '', '</td>';

// ICQ?
if (!isset($context['disabled_fields']['icq']))
echo '
<td class="windowbg2">', $member['icq']['link'], '</td>';

// AIM?
if (!isset($context['disabled_fields']['aim']))
echo '
<td class="windowbg2">', $member['aim']['link'], '</td>';

// YIM?
if (!isset($context['disabled_fields']['yim']))
echo '
<td class="windowbg2">', $member['yim']['link'], '</td>';

// MSN?
if (!isset($context['disabled_fields']['msn']))
echo '
<td class="windowbg2">', $member['msn']['link'], '</td>';

// Group and date.
echo '
<td class="windowbg lefttext">', empty($member['group']) ? $member['post_group'] : $member['group'], '</td>
<td class="windowbg lefttext">', $member['registered_date'], '</td>';

if (!isset($context['disabled_fields']['posts']))
{
echo '
<td class="windowbg2" style="white-space: nowrap" width="15">', $member['posts'], '</td>
<td class="windowbg statsbar" width="120">';

Değiştir:
Kod: [Seç]
<td class="windowbg2 hidden">', $member['show_email'] == 'no' ? '' : '<a href="' . $scripturl . '?action=emailuser;sa=email;uid=' . $member['id'] . '" rel="nofollow"><img src="' . $settings['images_url'] . '/email_sm.gif" alt="' . $txt['email'] . '" title="' . $txt['email'] . ' ' . $member['name'] . '" /></a>', '</td>';

if (!isset($context['disabled_fields']['website']))
echo '
<td class="windowbg hidden">', $member['website']['url'] != '' ? '<a href="' . $member['website']['url'] . '" target="_blank" class="new_win"><img src="' . $settings['images_url'] . '/www.gif" alt="' . $member['website']['title'] . '" title="' . $member['website']['title'] . '" /></a>' : '', '</td>';

// ICQ?
if (!isset($context['disabled_fields']['icq']))
echo '
<td class="windowbg2 hidden">', $member['icq']['link'], '</td>';

// AIM?
if (!isset($context['disabled_fields']['aim']))
echo '
<td class="windowbg2 hidden">', $member['aim']['link'], '</td>';

// YIM?
if (!isset($context['disabled_fields']['yim']))
echo '
<td class="windowbg2 hidden">', $member['yim']['link'], '</td>';

// MSN?
if (!isset($context['disabled_fields']['msn']))
echo '
<td class="windowbg2 hidden">', $member['msn']['link'], '</td>';

// Group and date.
echo '
<td class="windowbg lefttext">', empty($member['group']) ? $member['post_group'] : $member['group'], '</td>
<td class="windowbg lefttext hidden">', $member['registered_date'], '</td>';

if (!isset($context['disabled_fields']['posts']))
{
echo '
<td class="windowbg2" style="white-space: nowrap" width="15">', $member['posts'], '</td>
<td class="windowbg statsbar hidden" width="120">';

MessageIndex.template.php

bul:
Kod: [Seç]
<th scope="col" class="first_th" width="8%" colspan="2">&nbsp;</th>
Değiştir:
Kod: [Seç]
<th scope="col" class="first_th hidden" width="8%" colspan="2">&nbsp;</th>
bul:
Kod: [Seç]
<th scope="col" width="14%">
Değiştir:
Kod: [Seç]
<th scope="col" width="14%" class="hidden">
bul:
Kod: [Seç]
else
echo '
<th scope="col" class="lefttext" width="22%"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></th>';

Değiştir:
Kod: [Seç]
else
echo '
<th scope="col" class="lefttext hidden" width="22%"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></th>';

Recent.template.php

bul:
Kod: [Seç]
echo '
<div class="tborder topic_table" id="unreadreplies">
<table class="table_grid" cellspacing="0">
<thead>
<tr class="catbg">
<th scope="col" class="first_th" width="8%" colspan="2">&nbsp;</th>
<th scope="col">
<a href="', $scripturl, '?action=unreadreplies', $context['querystring_board_limits'], ';sort=subject', $context['sort_by'] === 'subject' && $context['sort_direction'] === 'up' ? ';desc' : '', '">', $txt['subject'], $context['sort_by'] === 'subject' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>
<th scope="col" width="14%" align="center">
<a href="', $scripturl, '?action=unreadreplies', $context['querystring_board_limits'], ';sort=replies', $context['sort_by'] === 'replies' && $context['sort_direction'] === 'up' ? ';desc' : '', '">', $txt['replies'], $context['sort_by'] === 'replies' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>';

// Show a "select all" box for quick moderation?
if ($showCheckboxes)
echo '
<th scope="col" width="22%">
<a href="', $scripturl, '?action=unreadreplies', $context['querystring_board_limits'], ';sort=last_post', $context['sort_by'] === 'last_post' && $context['sort_direction'] === 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] === 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>
<th class="last_th">
<input type="checkbox" onclick="invertAll(this, this.form, \'topics[]\');" class="input_check" />
</th>';
else
echo '
<th scope="col" class="last_th" width="22%">
<a href="', $scripturl, '?action=unreadreplies', $context['querystring_board_limits'], ';sort=last_post', $context['sort_by'] === 'last_post' && $context['sort_direction'] === 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] === 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>';
echo '
</tr>
</thead>
<tbody>';

Değiştir:
Kod: [Seç]
echo '
<div class="tborder topic_table" id="unreadreplies">
<table class="table_grid" cellspacing="0">
<thead>
<tr class="catbg">
<th scope="col" class="first_th hidden" width="8%" colspan="2">&nbsp;</th>
<th scope="col">
<a href="', $scripturl, '?action=unreadreplies', $context['querystring_board_limits'], ';sort=subject', $context['sort_by'] === 'subject' && $context['sort_direction'] === 'up' ? ';desc' : '', '">', $txt['subject'], $context['sort_by'] === 'subject' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>
<th scope="col" width="14%" align="center" class="hidden">
<a href="', $scripturl, '?action=unreadreplies', $context['querystring_board_limits'], ';sort=replies', $context['sort_by'] === 'replies' && $context['sort_direction'] === 'up' ? ';desc' : '', '">', $txt['replies'], $context['sort_by'] === 'replies' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>';

// Show a "select all" box for quick moderation?
if ($showCheckboxes)
echo '
<th scope="col" width="22%" class="hidden">
<a href="', $scripturl, '?action=unreadreplies', $context['querystring_board_limits'], ';sort=last_post', $context['sort_by'] === 'last_post' && $context['sort_direction'] === 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] === 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>
<th class="last_th hidden">
<input type="checkbox" onclick="invertAll(this, this.form, \'topics[]\');" class="input_check" />
</th>';
else
echo '
<th scope="col" class="last_th hidden" width="22%">
<a href="', $scripturl, '?action=unreadreplies', $context['querystring_board_limits'], ';sort=last_post', $context['sort_by'] === 'last_post' && $context['sort_direction'] === 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] === 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>';
echo '
</tr>
</thead>
<tbody>';

bul:
Kod: [Seç]
echo '
<div class="tborder topic_table" id="unread">
<table class="table_grid" cellspacing="0">
<thead>
<tr class="catbg">
<th scope="col" class="first_th" width="8%" colspan="2">&nbsp;</th>
<th scope="col">
<a href="', $scripturl, '?action=unread', $context['showing_all_topics'] ? ';all' : '', $context['querystring_board_limits'], ';sort=subject', $context['sort_by'] == 'subject' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['subject'], $context['sort_by'] == 'subject' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>
<th scope="col" width="14%" align="center">
<a href="', $scripturl, '?action=unread', $context['showing_all_topics'] ? ';all' : '', $context['querystring_board_limits'], ';sort=replies', $context['sort_by'] == 'replies' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['replies'], $context['sort_by'] == 'replies' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>';

// Show a "select all" box for quick moderation?
if ($showCheckboxes)
echo '
<th scope="col" width="22%">
<a href="', $scripturl, '?action=unread', $context['showing_all_topics'] ? ';all' : '', $context['querystring_board_limits'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>
<th class="last_th">
<input type="checkbox" onclick="invertAll(this, this.form, \'topics[]\');" class="input_check" />
</th>';
else
echo '
<th scope="col" class="smalltext last_th" width="22%">
<a href="', $scripturl, '?action=unread', $context['showing_all_topics'] ? ';all' : '', $context['querystring_board_limits'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>';
echo '
</tr>
</thead>
<tbody>';

Değiştir:
Kod: [Seç]
echo '
<div class="tborder topic_table" id="unread">
<table class="table_grid" cellspacing="0">
<thead>
<tr class="catbg">
<th scope="col" class="first_th hidden" width="8%" colspan="2">&nbsp;</th>
<th scope="col">
<a href="', $scripturl, '?action=unread', $context['showing_all_topics'] ? ';all' : '', $context['querystring_board_limits'], ';sort=subject', $context['sort_by'] == 'subject' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['subject'], $context['sort_by'] == 'subject' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>
<th scope="col" width="14%" align="center" class="hidden">
<a href="', $scripturl, '?action=unread', $context['showing_all_topics'] ? ';all' : '', $context['querystring_board_limits'], ';sort=replies', $context['sort_by'] == 'replies' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['replies'], $context['sort_by'] == 'replies' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>';

// Show a "select all" box for quick moderation?
if ($showCheckboxes)
echo '
<th scope="col" width="22%" class="hidden">
<a href="', $scripturl, '?action=unread', $context['showing_all_topics'] ? ';all' : '', $context['querystring_board_limits'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>
<th class="last_th">
<input type="checkbox" onclick="invertAll(this, this.form, \'topics[]\');" class="input_check" />
</th>';
else
echo '
<th scope="col" class="smalltext last_th hidden" width="22%">
<a href="', $scripturl, '?action=unread', $context['showing_all_topics'] ? ';all' : '', $context['querystring_board_limits'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a>
</th>';
echo '
</tr>
</thead>
<tbody>';
Who.template.php

bul:
Kod: [Seç]
<td nowrap="nowrap">', $member['time'], '</td>
Değiştir:
Kod: [Seç]
<td nowrap="nowrap" class="hidden">', $member['time'], '</td>
ekteki dosyayi css kilasorune atin

Burta tek eksik kalan Menülerin Responsive olmasi buda temaya gore değişir menü kodlarini bilmem gerek.
« Son Düzenleme: 12 May 2016, 07:40:08 Gönderen: orhan »

Çevrimdışı KeReM @

  • Trade Sayısı: (0)
  • Yeni Üye
  • *
  • İleti: 31
  • Karma +2/-0
  • Cinsiyet: Bay
    • Profili Görüntüle
    • Karanlığın Aydınlığa Kavuştuğu Yer
Ynt: Smf Temaların Mobil Uyuymlu (Responsive) Hale Getirilmesi
« Yanıtla #2 : 12 May 2016, 19:10:14 »
Teşekkür ederim hocam geri kalanını deneme yanılma yoluyla çözeceğim artık.
Toprak birgün yağmurun kıymetini anlayacak;
fakat o gün yağmur yağmayacak ...

Çevrimdışı orhan

  • Yönetici
  • Trade Sayısı: (0)
  • *
  • İleti: 384
  • Karma +19/-1
  • Cinsiyet: Bay
    • Profili Görüntüle
    • webtiryaki.com
Ynt: Smf Temaların Mobil Uyuymlu (Responsive) Hale Getirilmesi
« Yanıtla #3 : 13 May 2016, 11:44:49 »
bu arada kulandiğiniz temanin foter kismi siritmiş

index.css de
bulun
Kod: [Seç]
#footer .smf_copyright {
    float: left;
    line-height: 48px;
}
değişin
Kod: [Seç]
#footer .smf_copyright {
    float: left;
    line-height: 20px;
}

bulun
Kod: [Seç]
#footer_box {
    background-color: rgba(38, 50, 56, 0.74);
    height: 48px;
    color: #CFD8DC;
    position: relative;
}
değişin
Kod: [Seç]
#footer_box {
    background-color: rgba(38, 50, 56, 0.74);
    height: 0;
    color: #CFD8DC;
    position: relative;
    padding-bottom: 5%;
}
isterseniz her katogori icin girafik icon kulanmadan font icon ataya bilirsin nasil yapildiğini anlata bilirim.

Çevrimdışı KeReM @

  • Trade Sayısı: (0)
  • Yeni Üye
  • *
  • İleti: 31
  • Karma +2/-0
  • Cinsiyet: Bay
    • Profili Görüntüle
    • Karanlığın Aydınlığa Kavuştuğu Yer
Ynt: Smf Temaların Mobil Uyuymlu (Responsive) Hale Getirilmesi
« Yanıtla #4 : 13 May 2016, 18:00:43 »
Teşekkür ederim hocam dikkatimi çekmemişti orası, şimdi daha iyi oldu dediğiniz gibi. Farklı ikon kullanmayı düşünmemiştim ama anlatırsanız denemek isterim. Güzel gösterirse kesinlikle kullanmak isterim.
Toprak birgün yağmurun kıymetini anlayacak;
fakat o gün yağmur yağmayacak ...

Çevrimdışı stradivarius

  • Trade Sayısı: (0)
  • Yeni Üye
  • *
  • İleti: 5
  • Karma +0/-0
  • Cinsiyet: Bay
    • Profili Görüntüle
    • Müzik Eğitimcilerinin Buluşma Noktası - 2004
Ynt: Smf Temaların Mobil Uyuymlu (Responsive) Hale Getirilmesi
« Yanıtla #5 : 22 Eyl 2016, 16:58:44 »
Teşekkürler Orhan bey bende yeniden açtığım web sitemde mobil için kodlarınızı uyguladım. Sıfırdan yapım aşamasındayım şu an

Çevrimdışı orhan

  • Yönetici
  • Trade Sayısı: (0)
  • *
  • İleti: 384
  • Karma +19/-1
  • Cinsiyet: Bay
    • Profili Görüntüle
    • webtiryaki.com
Ynt: Smf Temaların Mobil Uyuymlu (Responsive) Hale Getirilmesi
« Yanıtla #6 : 22 Eyl 2016, 17:55:59 »
Merhaba takildiğiniz yerde sora bilirsiniz kolay gelsin