Smf Styles

Welcome to our Smf Styles showcase Discover our largest collection of Smf styles to build any website you want

Gönderen Konu: Smf Son Iletiler  (Okunma sayısı 372 defa)

Çevrimiçi orhan

  • Moderatör
  • *
Merhaba sitemizde kulandiğimiz Son Iletiler modunu istek üzere paylaşiyorum fazla detaya girmeden anlatayim
Temaniz yoksa defult BoardIndex.template.php yi acalim

bulun
Kod: [Seç]
echo '
<div id="boardindex_table">
<table class="table_list">';

Değiştirin
Kod: [Seç]
// This is the "Recent Posts" bar.
if (!empty($settings['number_recent_posts']) && (!empty($context['latest_posts']) || !empty($context['latest_post'])))
{
echo '
<div class="title_barIC">
<h4 class="titlebg">
<span class="ie6_header floatleft">
<a href="', $scripturl, '?action=recent"><img class="icon" src="', $settings['images_url'], '/post/xx.gif" alt="', $txt['recent_posts'], '" /></a>
', $txt['recent_posts'], '
</span>
</h4>
</div>
<div class="hslice" id="recent_posts_content">
<div class="entry-title" style="display: none;">', $context['forum_name_html_safe'], ' - ', $txt['recent_posts'], '</div>
<div class="entry-content" style="display: none;">
<a rel="feedurl" href="', $scripturl, '?action=.xml;type=webslice">', $txt['subscribe_webslice'], '</a>
</div>';

// Only show one post.
if ($settings['number_recent_posts'] == 1)
{
// latest_post has link, href, time, subject, short_subject (shortened with...), and topic. (its id.)
echo '
<strong><a href="', $scripturl, '?action=recent">', $txt['recent_posts'], '</a></strong>
<p id="infocenter_onepost" class="middletext">
', $txt['recent_view'], ' &quot;', $context['latest_post']['link'], '&quot; ', $txt['recent_updated'], ' (', $context['latest_post']['time'], ')<br />
</p>';
}
// Show lots of posts.
elseif (!empty($context['latest_posts']))
{
echo '<ul class="sonileti">';

foreach ($context['latest_posts'] as $post){
loadMemberData($post['poster']['id']);
loadMemberContext($post['poster']['id']);
echo '<li>';
if($memberContext[$post['poster']['id']]['avatar']['image'])
echo'', $memberContext[$post['poster']['id']]['avatar']['image'],'';
else
echo'<img class="avatar" src="'.$settings['images_url'].'/theme/noavatar.png" alt="*" />';
echo'<div class="col-md-5 k_konu">', $post['link'], '<br/>', $post['poster']['link'], '</div>
<div class="col-md-3 teks hidden-xs"> ', $post['board']['link'], '</div>
<div class="col-md-3 teks pull-right text-right hidden-xs">', $post['time'], '</div>
</li>';
}
echo '
</ul>';
}
echo '
</div>';
}
echo '
<div id="boardindex_table">
<table class="table_list">';

bul
Kod: [Seç]
global $context, $settings, $options, $txt, $scripturl, $modSettings;
değiş

Kod: [Seç]
global $context, $settings, $options, $txt, $scripturl, $modSettings,$memberContext;
index.css mizde uygun bir yere ekliyoruz
Kod: [Seç]
.sonileti {
    list-style: none;
    background-color: rgb(249,249,249);
}
.sonileti li {
    width: 100%;
    padding: 2px;
    font-size: 13px;
    color: #6e7575;
    border-top: 1px solid rgba(0,0,0,0.07);
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 34px;
    line-height: 14px;
}
.sonileti .avatar {
    float: left;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
    padding: 3px;
    border: 1px solid #D8DFEA;
}
.k_konu {
    padding: 2px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.teks {
    overflow: hidden;
    line-height: 29px;
}
ul, ol, p {
    list-style: none;
    padding: 0;
    margin: 0;
}
#recent_posts_content {
    margin-bottom: 10px;
}







Çevrimdışı medeniyetmuhendisi

  • Yeni Üye
  • *
Orhan bey öncelikle çok teşekkür ederim sorunsuz düzenlemeyi yaptım bilgisayardan girince herhangi bir sorun yok çok güzel görünüyor ancak mobilden girince sadece atarlar görünüyor ama avatarların yanı boş konu ismini ve paylaşan kişi vs görünmüyor.

Çevrimiçi orhan

  • Moderatör
  • *
Merhaba bir yerde yanlislik var kodada gorülduğu gibi (hidden-xs) kodu olan bolum sadece saklanir mobilde BoardIndex.template.php yi ekleyin bir konturol edeyim.
Kod: [Seç]
echo'<img class="avatar" src="'.$settings['images_url'].'/theme/noavatar.png" alt="*" />';
echo'<div class="col-md-5 k_konu">', $post['link'], '<br/>', $post['poster']['link'], '</div>
<div class="col-md-3 teks hidden-xs"> ', $post['board']['link'], '</div>
<div class="col-md-3 teks pull-right text-right hidden-xs">', $post['time'], '</div>

Çevrimdışı medeniyetmuhendisi

  • Yeni Üye
  • *
Orhan bey, BoardIndex.template.php dosya ekte

Css de bir sorun olabilir mi acaba? nereden vardım bu kanıya anlatayım.

Edit 1 :

Bu sorun mozillada da var son iletiler telefonda olduğu gibi görünmüyor. (Resim 1)


index.css de kodu şu şekilde değiştirdiğimde tüm tarayıcılarda ve telefonda görünüyor.  Ancak sizin ki gibi değil profil resimleri başta değil ortada çıkıyor. Mobilde ise birbirine giriyor. (Resim 2-3)

Kod: [Seç]
.sonileti li {
    width: 100%;
    padding: 2px;
    font-size: 13px;
    color: #6e7575;
    border-top: 1px solid rgba(0,0,0,0.07);
    /*! white-space: nowrap; */
    word-wrap: normal;
    text-overflow: ellipsis;
    /*! overflow: hidden; */
    height: 34px;
    line-height: 14px;


(Resim 2)



(Resim 3)
« Son Düzenleme: 06 Haz 2017, 12:36:16 Gönderen: medeniyetmuhendisi »

Çevrimiçi cakal

  • Yönetici
  • *
merhaba orhan beyin verdiği kodlarda bir sorun yok sorun img clasini değiştirmeniz bu kodu index.css ekleyip deneyin li tagina flot eklenmese yazi karekteerını görmez

Kod: [Seç]
.sonileti img {
    float: left;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
    padding: 3px;
    border: 1px solid #D8DFEA;
}

Çevrimdışı medeniyetmuhendisi

  • Yeni Üye
  • *
evet söylediğiniz kodu index.css nin en sonuna ekledim ve hem bilgsayar hemde mobil üzerinden düzeldi. webtiryaki.com da bulunan son iletiler gibi görünmeye başladı.
Emeğinize ilginize ve bilginize sağlık teşekkür ederim.

Özellikle Orhan Bey'e ve size...

Çevrimiçi cakal

  • Yönetici
  • *
Sorunun düzelmesine sevindim kolay gelsin.
gözüme şu takildi bari onuda duzeltin icon düzgun durmuyor

index.css de bul.
Kod: [Seç]
h4.titlebg img.icon {
    float: left;
    margin: 5px 8px 0 0;
}

değişin.

Kod: [Seç]
h4.titlebg img.icon {
    float: left;
    margin: 12px 8px 0 8px;
}



Çevrimdışı medeniyetmuhendisi

  • Yeni Üye
  • *
vallaha ne yalan söyleyeyim o benim de gözüme çarpmıştı ama bu kadar emek verdiniz onu söylemeye utandım :D

Teşekkür ederim düzelttim şimdi onu da :)