avatar_orhan

[SMF 2.1 RC3] Smf Yatay Profil Alanı

Başlatan orhan, Oca 04, 2021, 09:20 ÖS

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Topic keywords [SEO] [SMF2.1RC3]SmfYatayProfil
avatar_orhan
Bugün smf 2.1 RC3  pospit alanını nasıl dikeyden yataya çeviririz onu anlatmaya çalışacağım katkıda bulunmak isteyen konu altında yaza bilir 2.0 için Smf Yatay Profil Alanı



Display.template.php

Bul
<div class="post_wrapper">';

Değiştir

	<div class="post_wrapper message-inner">
<div class="keyinfo head">';

// Some people don't want subject... The div is still required or quick edit breaks.
echo '
<div id="subject_', $message['id'], '" class="subject_title', (empty($modSettings['subject_toggle']) ? ' subject_hidden' : ''), '">
', $message['link'], '
</div>';

echo '
<h5>
<span class="messageicon" ', ($message['icon_url'] === $settings['images_url'] . '/post/xx.png' && !$message['can_modify']) ? ' style="position: absolute; z-index: -1;"' : '', '>
<img src="', $message['icon_url'] . '" alt=""', $message['can_modify'] ? ' id="msg_icon_' . $message['id'] . '"' : '', '>
</span>
<a href="', $message['href'], '" rel="nofollow" title="', !empty($message['counter']) ? sprintf($txt['reply_number'], $message['counter'], ' - ') : '', $message['subject'], '" class="smalltext">', $message['time'], '</a>
<div class="page_number floatright">';

// Show "<< Last Edit: Time by Person >>" if this post was edited. But we need the div even if it wasn't modified!
// Because we insert into it through AJAX and we don't want to stop themers moving it around if they so wish so they can put it where they want it.
echo '
<span class="smalltext modified floatright', !empty($modSettings['show_modify']) && !empty($message['modified']['name']) ? ' mvisible' : '', '" id="modified_', $message['id'], '">
<strong>', !empty($message['counter']) ? ' #' . $message['counter'] : '', ' ', '</strong>';

if (!empty($modSettings['show_modify']) && !empty($message['modified']['name']))
echo
$message['modified']['last_edit_text'];

echo '
</span>
</div>
</h5>
<div id="msg_', $message['id'], '_quick_mod"', $ignoring ? ' style="display:none;"' : '', '></div>
</div><!-- .keyinfo -->';
Bul
<div class="poster">';

Değiş
<div class="poster message-cell message-cell--user">';

Bul
<h4>';

Değiş
	<ul class="post__panel-avatar user_info">';

// Show the user's avatar.
if (!empty($modSettings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
echo '
<li class="avatar">
<a href="', $message['member']['href'], '" class="avatar avatar--m">', $message['member']['avatar']['image'], '</a>
<span class="' . ($message['member']['online']['is_online'] == 1 ? 'on' : 'off') . '" title="' . $message['member']['online']['text'] . '"></span>
</li>
</ul>
<ul class="ts-display--flex ts-flex-direction--column">
<h4>';

Bul
</h4>
<ul class="user_info">';

// Show the user's avatar.
if (!empty($modSettings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
echo '
<li class="avatar">
<a href="', $message['member']['href'], '">', $message['member']['avatar']['image'], '</a>
</li>';

Degisin
</h4>';

Bul
<li class="postgroup">', $message['member']['post_group'], '</li>';

Degis
	<li class="postgroup">', $message['member']['post_group'], '</li></ul>
<ul class="post-author-details">';
Bul
<li class="profile">

Degis
<li class="post-author-details__item  profile">

Bul
<li class="poster_ip">', $txt['logged'], '</li>';

Degis
<li class="post-author-details__item poster_ip">', $txt['logged'], '</li>';

Bul
<div class="postarea">
<div class="keyinfo">';

// Some people don't want subject... The div is still required or quick edit breaks.
echo '
<div id="subject_', $message['id'], '" class="subject_title', (empty($modSettings['subject_toggle']) ? ' subject_hidden' : ''), '">
', $message['link'], '
</div>';

echo '
<h5>
<span class="messageicon" ', ($message['icon_url'] === $settings['images_url'] . '/post/xx.png' && !$message['can_modify']) ? ' style="position: absolute; z-index: -1;"' : '', '>
<img src="', $message['icon_url'] . '" alt=""', $message['can_modify'] ? ' id="msg_icon_' . $message['id'] . '"' : '', '>
</span>
<a href="', $message['href'], '" rel="nofollow" title="', !empty($message['counter']) ? sprintf($txt['reply_number'], $message['counter'], ' - ') : '', $message['subject'], '" class="smalltext">', $message['time'], '</a>
<span class="page_number floatright">
', !empty($message['counter']) ? ' #' . $message['counter'] : '', ' ', '
</span>';

// Show "<< Last Edit: Time by Person >>" if this post was edited. But we need the div even if it wasn't modified!
// Because we insert into it through AJAX and we don't want to stop themers moving it around if they so wish so they can put it where they want it.
echo '
<span class="smalltext modified floatright', !empty($modSettings['show_modify']) && !empty($message['modified']['name']) ? ' mvisible' : '', '" id="modified_', $message['id'], '">';

if (!empty($modSettings['show_modify']) && !empty($message['modified']['name']))
echo
$message['modified']['last_edit_text'];

echo '
</span>
</h5>
<div id="msg_', $message['id'], '_quick_mod"', $ignoring ? ' style="display:none;"' : '', '></div>
</div><!-- .keyinfo -->';

Degis
<div class="postarea message-cell message-cell--main">';

Bul Sil
</div><!-- .postarea -->

Bul
</div><!-- .moderatorbar -->

Degis
</div><!-- .moderatorbar -->
</div><!-- .postarea -->

index.css
bul
.keyinfo h5 {
    padding: 1px 0 5px 0;
    line-height: 1.5em;
    font-size: 0.9em;
}

Degis
.keyinfo h5 {
    font-size: 0.9em;
    background: #494c62;
    height: 40px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-left: 1rem;
}
Bul Sil

.poster {
 float: left;
 /* Don't set this in em.It will eat too much space if people need to set large text sizes. */
 width: 160px;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
 word-wrap: break-word; /* IE fallback */
 overflow-wrap: break-word;
}

Bulup Silin
.postarea, .moderatorbar {
 margin: 0 0 0 175px;
}

en alta ekleyin
/* yatay porofil*/
#forumposts .head {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
}
.message-cell.message-cell--user, .message-cell.message-cell--action {
position: relative;
background: #f5f5f5;
border-right: 1px solid #d8d8d8;
min-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1rem;
border-bottom: 1px solid #e0e0e0;
}
.post__panel-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-right: 1rem;
}
.poster .avatar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    vertical-align: top;
    overflow: hidden;
}
.poster img.avatar {
    max-width: 100%;
    max-height: 100%;
    width: 80px;
    height: 80px;
    padding: 3px;
    border: 1px solid #bbb;
    background: none repeat scroll 0 0 #f8f9fa;
    border: 3px solid #e0e0e0;
}
.ts-flex-direction--column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.post-author {
    display: inline-block;
    margin-bottom: 0;
    font-size: 1rem;
}
.post-author-details {
    margin: -.875rem 0 -.875rem auto;
    font-size: .875rem;
}
.post-author-details__item:not(:last-child) {
    border-bottom: 1px dotted #9e9e9e;
}
.post-author-details__item {
    padding: .25rem 0;
}
.message-cell.message-cell--main {
    padding-left: 15px;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    background: #fdfdfd;
    padding: 1rem;
    font-size: .875em;
    background-color: #fff;
}
#forumposts .windowbg {
    padding: 0px 0px;
    border-radius: 0;
}

ikinci dersimizde PersonalMessage.template.php yi editlemeyi yapalım.

M
hocam elinize kolunuza sağlık. Allah razı olsun çok güzel olmuş
https://memurgundemi.com/