Wyśrodkowało tytuł użytkownika, jego rangę graficzną - a reszta nie uległa wyśrodkowaniu.
Wersja do druku
Wyśrodkowało tytuł użytkownika, jego rangę graficzną - a reszta nie uległa wyśrodkowaniu.
Wstaw swój postbit lub postbit_legacy, oraz postbit.css i additional.css
additional.css Wklej.to - po prostu wklej to! - paste: RCQzH
postbit.css Wklej.to - po prostu wklej to! - paste: nMF0l
postbit_legacy Wklej.to - po prostu wklej to! - paste: RrErB
w postbit.css:
Możesz próbować wymusić wyśrodkowanie w postbit_legacy np. dla avataru zamiastKod:.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
text-align:{vb:stylevar left};
width: auto;
float: {vb:stylevar left}; ///// tu zmień na wyśrodkowanie
clear: both;
Kod:<a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}"> </a>
<img src="{vb:raw post.avatarurl}" alt=" {vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar <, {vb:raw post.username}}" />
<br>
daj:
Ale jest to rozwiązanie mało profesjonalne.Kod:<center> <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}"> </a>
<img src="{vb:raw post.avatarurl}" alt=" {vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar <, {vb:raw post.username}}" />
<br></center>
Na końcu postbit.css daj:
Kod:.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar .postuseravatar img {float:none; text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
float:none !important;
text-align:center !important;
}
.postbitlegacy .userinfo .username_container, .postbit_reputation, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {
text-align:center !important;
}
Został wyśrodkowany jedynie avatar.
Postbit.css Wklej.to - po prostu wklej to! - paste: OLMs4
Legacy: Wklej.to - po prostu wklej to! - paste: gZFoX
Ok czyli zadziałało wymuszone wyśrodkowane, niby półprofesjonalne ale niech będzie skoro działa.
Daj screenie jak to teraz wygląda oraz podaj co jeszcze potrzebujesz wyśrodkować.
http://s4.ifotos.pl/img/ssxerrxPN_rneehra.PNG
Grupe, dołączył, posty, siłę reputacji, gg.
---------- Post added at 16:14 ---------- Previous post was at 16:09 ----------
http://s4.ifotos.pl/img/ssxerrxPN_rneehra.PNG
Grupe, dołączył, posty, siłę reputacji.
PS: z gadu gadu już sobie poradziłem
1 możliwość:
w postbit.css wyśrodkuj elementy
Kod:.postbit .userinfo_extra dl dt {
float:{vb:stylevar left};
display:block;
margin-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}
-----------------------------------
.postbitlegacy dl.userinfo_extra, .postbitlegacy dl.user_rep {
margin: {vb:math {vb:stylevar padding}/2} 0;
display:block;
float: {vb:stylevar left};
width: {vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}};
}
------------------------------------------
.postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
float: {vb:stylevar left};
text-align: {vb:stylevar left};
/*color: {vb:stylevar shade_color};*/
margin-{vb:stylevar right}: {vb:stylevar padding};
margin-{vb:stylevar left}: 0;
min-width:60px;
width:auto !important;
width:60px;
}
Ewentualnie w postbit:
zmień:
na:Kod:<dl class="userinfo_extra">
<vb:if condition="$post['joindate']"><div class="pbit">{vb:rawphrase join_date}: <span style="color:#88aace">{vb:raw post.joindate}</span></div></vb:if>
<vb:if condition="$post['field2']"><div class="pbit">{vb:rawphrase location_perm}: <span style="color:#88aace">{vb:raw post.field2}</span></div></vb:if>
<vb:if condition="$post['age']"><div class="pbit">{vb:rawphrase age}: <span style="color:#88aace">{vb:raw post.age}</span></div></vb:if>
<div class="pbit">{vb:rawphrase 'posts'}: <span style="color:#88aace">{vb:raw post.posts}</span></div>
<div class="pbit"><vb:if condition="$show['reputation']">
<vb:if condition="$show['reppower']">
<dt>{vb:rawphrase reppower}</dt>
<dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd>
</vb:if> </div>
</vb:if>
{vb:raw template_hook.postbit_userinfo_right_after_posts}
</dl>
Kod:<dl class="userinfo_extra">
<center>
<vb:if condition="$post['joindate']"><div class="pbit">{vb:rawphrase join_date}: <span style="color:#88aace">{vb:raw post.joindate}</span></div></vb:if>
<vb:if condition="$post['field2']"><div class="pbit">{vb:rawphrase location_perm}: <span style="color:#88aace">{vb:raw post.field2}</span></div></vb:if>
<vb:if condition="$post['age']"><div class="pbit">{vb:rawphrase age}: <span style="color:#88aace">{vb:raw post.age}</span></div></vb:if>
<div class="pbit">{vb:rawphrase 'posts'}: <span style="color:#88aace">{vb:raw post.posts}</span></div>
<div class="pbit"><vb:if condition="$show['reputation']">
<vb:if condition="$show['reppower']">
<dt>{vb:rawphrase reppower}</dt>
<dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd>
</vb:if> </div>
</vb:if>
{vb:raw template_hook.postbit_userinfo_right_after_posts}</center>
</dl>
Powyższa konfiguracja w postbit.css nie skutkuje, w postbit nie posiadam nawet wyrażenia:Kod php:
<center>
.postbitlegacy .userinfo .guest.username, .eventbit .userinfo .guest.username {
padding-top: {vb:math {vb:stylevar padding}/2};
display:block;
font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units};
}
.postbitlegacy dl.userinfo_extra, .postbitlegacy dl.user_rep {
margin: {vb:math {vb:stylevar padding}/2} 0;
display:block;
float: {vb:stylevar left};
width: {vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar padding}*2}};
}
.postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
float: {vb:stylevar left};
text-align: {vb:stylevar left};
/*color: {vb:stylevar shade_color};*/
margin-{vb:stylevar right}: {vb:stylevar padding};
margin-{vb:stylevar center}: 0;
min-width:60px;
width:auto !important;
width:60px;
</center>
}
http://wklej.to/hoQqMCytat:
<dl class="userinfo_extra">
W postbit.css który mi wcześniej podałeś: Wklej.to - po prostu wklej to! - paste: OLMs4 jak najbardziej elementy podane przeze mnie istnieją. Są one blisko siebie i nie chodziło mi o wyśrodkowanie po przez taki sposób jak napisałeś tylko zmianę left na center w odpowiednich liniach które podałem. Np.
naKod:float: {vb:stylevar left};
lub przykład:Kod:float: {vb:stylevar center};
naKod:text-align: {vb:stylevar left};
A co do możliwości numer dwa moje niedomówienie chodzi o postbit_legacy nie zwykły postbit.Kod:text-align: {vb:stylevar center};