Yatay Postbit

Başlatan AyazDuru, 08 Mar 2022 17:38

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

*

  1. 1

  2. 1

SMF 2.1'in final sürümü yayınlandığından beri araştırdım hiç düzgün bir yatay postbit örneğine rastlayamadım yardımcı olabilir misiniz? idesignSMF - Envy Temasını kullanıyorum.

*

  1. 3,263

  2. 596

  3. 1076
sitemizde eskiden paylşılmış örneklere bakarak kendiniz yapabilirsiniz aslında
smf 2.1 kararlı sürüm çıkalı çok olmadı yakında yapanlar çıkar
ben şuan fırsat buldukça yeni bir tema yapıyorum konu içi düzenlemeye gelmemiştim ama o kısmı öne alıp yatay bir posbit yapıp paylaşırım veya benden önce başka biri yapıp paylaşırsa sevinirim :D

*

  1. 3,263

  2. 596

  3. 1076
daha detaylı bir posbit yapılana kadar sadece css ile şöyle ufak bir edit yapabilirsiniz
index.css de bul

/* poster and postarea + moderation area underneath */
.post_wrapper::after {
content: "";
display: block;
clear: both;
}
/* poster details and list of items */
.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;
}
.poster h4 {
font-size: 1.2em;
}
.poster h4, .poster h4 a, .poster li:hover h4 a, .poster h4 a:hover .poster li h4 a, .poster h4 a:focus {
margin: 0;
padding: 0;
color: #c06002;
}

.poster .profile .profile_icons li, .poster .im_icons li {
display: table-cell;
padding-right: 5px;
}

/* The visible stuff below the avatar. */
.user_info > li {
margin: 3px 0 0 0;
}
.poster li.membergroup {
font-weight: bold;
}
/* @todo Re-code this a bit to give background on anchor. */
.poster li.poster_online, .poster li.poster_online:hover {
padding: 1px 1px 1px 1px;
margin: 3px 10px;
}
.poster li.poster_online a {
color: #c06002;
line-height: 1.6em;
}
.poster li.poster_online:hover, .poster li.poster_online:hover a {
text-decoration: underline;
}
.poster li.warning a img {
vertical-align: bottom;
padding: 0 2px;
}
.poster img {
vertical-align: middle;
}
img.avatar {
object-fit: scale-down;
}
.poster img.avatar {
max-width: 100%;
}
.postarea, .moderatorbar {
margin: 0 0 0 175px;
}
.postarea div.flow_hidden {
width: 100%;
}

değiştir
/* poster and postarea + moderation area underneath */
.post_wrapper::after {
content: "";
display: block;
clear: both;
}
/* poster details and list of items */
.poster {
/* Don't set this in em.It will eat too much space if people need to set large text sizes. */
width: 100%;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word; /* IE fallback */
overflow-wrap: break-word;
}
.user_info{
column-count:2;
}
.poster h4 {
font-size: 1.2em;
}
.poster h4, .poster h4 a, .poster li:hover h4 a, .poster h4 a:hover .poster li h4 a, .poster h4 a:focus {
margin: 0;
padding: 0;
color: #c06002;
}

.poster .profile .profile_icons li, .poster .im_icons li {
display: inline;
padding-right: 5px;
}

/* The visible stuff below the avatar. */
.user_info > li {
margin: 3px 0 0 0;
}
.poster li.membergroup {
font-weight: bold;
}
/* @todo Re-code this a bit to give background on anchor. */
.poster li.poster_online, .poster li.poster_online:hover {
padding: 1px 1px 1px 1px;
margin: 3px 10px;
}
.poster li.poster_online a {
color: #c06002;
line-height: 1.6em;
}
.poster li.poster_online:hover, .poster li.poster_online:hover a {
text-decoration: underline;
}
.poster li.warning a img {
vertical-align: bottom;
padding: 0 2px;
}
.poster img {
vertical-align: middle;
}
img.avatar {
object-fit: scale-down;
}
.poster img.avatar {
max-width: 40px !important;
max-height:40px !important;
}
.user_info > li.postgroup,.user_info > li.postcount,.user_info > li.profile,.user_info > li.poster_ip{
  text-align: right;
}
.postarea, .moderatorbar {
margin: 0;
}
.postarea div.flow_hidden {
width: 100%;
}

sonuç


Benzer Konular (1)


MENU ×