replikacep
Tam Üye
SMF 2.1 RC İÇİNDİR
NOT : İconların çıkması için sitenizde fontawesome olması gerekmektedir
Display.template.php bul .:
degiştir :
index.css ye en sona ekle
mobilde gizlemek için
bu :
degiştir :
NOT : İconların çıkması için sitenizde fontawesome olması gerekmektedir
Display.template.php bul .:
Code:
// Are there any custom profile fields for below the signature?
if (!empty($message['custom_fields']['below_signature']))
{
echo '
<div class="custom_fields_below_signature">
<ul class="nolist">';
foreach ($message['custom_fields']['below_signature'] as $custom)
echo '
<li class="custom ', $custom['col_name'], '">', $custom['value'], '</li>';
echo '
</ul>
</div>';
}
echo '
</div><!-- .moderatorbar -->
</div><!-- .post_wrapper -->
</div><!-- $message[css_class] -->
<hr class="post_separator">';
}
degiştir :
Code:
// Are there any custom profile fields for below the signature?
if (!empty($message['custom_fields']['below_signature']))
{
echo '
<div class="custom_fields_below_signature">
<ul class="nolist">';
foreach ($message['custom_fields']['below_signature'] as $custom)
echo '
<li class="custom ', $custom['col_name'], '">', $custom['value'], '</li>';
echo '
</ul>
</div>';
}
if ($message['id'] == $context['topic_first_message'])
{
echo '
<div class="post_styling">
<ul>
<li><span><i class="fas fa-chart-bar"></i><i style="padding-left: 5px;">', $txt['views'], ' ', $context['num_views'], ' ', '</i></span></li>
<li><span><i class="fas fa-calendar-check"></i><i style="padding-left: 5px;">', $context['jump_to']['board_name'], '</i></span></li>
<li><span><i class="fas fa-sms"></i><i style="padding-left: 5px;">',$context['num_replies'],' ', $txt['replies'], '</i></span></li>
<hr></div>';
}
echo '
</div><!-- .moderatorbar -->
</div><!-- .post_wrapper -->
</div><!-- $message[css_class] -->
<hr class="post_separator">';
}
index.css ye en sona ekle
Code:
div.post_styling > ul{margin:auto;padding:0;width: 100%; text-align: center;}
div.post_styling > ul > li{background:#f5f5f5 repeat-x left bottom;float:left;list-style:none;color:#334466;font-weight:bold;border:1px solid #AFB8BE;text-shadow:1px 1px #fff;margin-right:10px;border-radius:4px; width: auto;}
div.post_styling ul li span{display:block;height:20px;margin:5px; text-align: center;}
div.post_styling {margin-top: auto; margin-left: auto;padding: 4px; width: auto;}
i.fas.fa-chart-bar::before {content: "\f080";font-size: 18px;color: #195fad;}
i.fas.fa-sms::before {content: "\f7cd";font-size: 18px;color: #195fad;}
i.fas.fa-calendar-check::before {content: "\f274";font-size: 18px;color: #195fad;}
mobilde gizlemek için
bu :
Code:
/* Entry level phones */
@media (max-width: 480px) {
Code:
/* Entry level phones */
@media (max-width: 480px) {
div.post_styling > ul{display: none;}
div.post_styling > ul > li{display: none;}
div.post_styling ul li span{display: none;}
div.post_styling {display: none;}