orhan
Moderator
- Joined
- Dec 5, 2018
- Messages
- 471
- Reaction score
- 102
- Points
- 28
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
Değiştir
Bul
Değiş
Bul
Değiş
Bul
Degisin
Bul
Degis
Bul
Degis
Bul
Degis
Bul
Degis
Bul Sil
Bul
Degis
index.css
bul
Degis
Bul Sil
Bulup Silin
en alta ekleyin
ikinci dersimizde PersonalMessage.template.php yi editlemeyi yapalım.

Display.template.php
Bul
Code:
<div class="post_wrapper">';
Değiştir
Code:
<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 -->';
Code:
<div class="poster">';
Değiş
Code:
<div class="poster message-cell message-cell--user">';
Bul
Code:
<h4>';
Değiş
Code:
<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
Code:
</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
Code:
</h4>';
Bul
Code:
<li class="postgroup">', $message['member']['post_group'], '</li>';
Degis
Code:
<li class="postgroup">', $message['member']['post_group'], '</li></ul>
<ul class="post-author-details">';
Code:
<li class="profile">
Degis
Code:
<li class="post-author-details__item profile">
Bul
Code:
<li class="poster_ip">', $txt['logged'], '</li>';
Degis
Code:
<li class="post-author-details__item poster_ip">', $txt['logged'], '</li>';
Bul
Code:
<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
Code:
<div class="postarea message-cell message-cell--main">';
Bul Sil
Code:
</div><!-- .postarea -->
Bul
Code:
</div><!-- .moderatorbar -->
Degis
Code:
</div><!-- .moderatorbar -->
</div><!-- .postarea -->
index.css
bul
Code:
.keyinfo h5 {
padding: 1px 0 5px 0;
line-height: 1.5em;
font-size: 0.9em;
}
Degis
Code:
.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;
}
Code:
.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
Code:
.postarea, .moderatorbar {
margin: 0 0 0 175px;
}
en alta ekleyin
Code:
/* 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.