vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=252)
-   -   Special Postbit (https://vborg.vbsupport.ru/showthread.php?t=269145)

Valker 08-25-2011 04:20 PM

Special Postbit
 
Hey Guys !

im writing my own special template for vb4 and well it will be soon finished. But i?m stuck on the Postbit.

here is my actual work:

http://img814.imageshack.us/img814/9372/postbitf.png

at first it might look quiet good but the onlienstatus messes up the username the rank and vizeversa. The image is about 58x65px...so you can see, the username is pressed at the top, wile the rank to the bottom, so there is a gap of this 58 px in height.
Widht ist just the same. I could float the image to the left but is presses the username 65px to the right.... i tried z-index, tried to rebuild it .... it doesnt work...


here?s the code:
HTML Code:

                <div class="userinfo<vb:if condition="!$show['avatar']">_noavatar</vb:if>">
                        <div class="contact">
                                <vb:if condition="$show['avatar']">
                                        <a class="postuseravatarlink" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
                                                <vb:if condition="$post.avatarurl">
                                                        <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
                                                <vb:else />
                                                        <img src="{vb:stylevar imgdir_misc}/unknown.gif" />
                                                </vb:if>
                                        </a>
                                </vb:if>
                                <div class="username_container">
                                        <vb:if condition="$post['userid']">
                                                {vb:raw memberaction_dropdown}
                                                {vb:raw post.onlinestatus}

                                        <vb:else />
                                                <span class="username guest">{vb:raw post.username}</span>
                                        </vb:if>
                                        <span class="usertitle">
                                                {vb:raw post.usertitle}
                                        </span>
                                        <vb:if condition="$post['rank']">
                                                <span class="rank">{vb:raw post.rank}</span>
                                        </vb:if>

                                        {vb:raw template_hook.postbit_userinfo_left}
                                        <vb:if condition="$show['reputation']">
                                                <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>
                                        </vb:if>
                                        <vb:if condition="$post['userid']">
                                                <div class="imlinks">
                                                        {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon}
                                                </div>
                                        </vb:if>
                                </div>
                        </div>
                        <vb:if condition="$post['userid']">
                                <div class="userinfo_extra">
                                        <dl class="userstats">
                                                <vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if>
                                                <vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if>
                                                <vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if>
                                                <dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd>       
                                                {vb:raw template_hook.postbit_userinfo_right_after_posts}
                                        </dl>
                                        <vb:if condition="$show['infraction'] OR $show['reppower']">
                                        <dl class="user_rep">
       
                                                <vb:if condition="$show['infraction']">
                                                        <dt>{vb:rawphrase infractions}</dt>
                                                        <dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd>
                                                </vb:if>
                                                <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>
                                                </vb:if>
                                        </dl>
                                        </vb:if>
                                        {vb:raw template_hook.postbit_userinfo_right}
                                </div>
                        </vb:if>
                </div>
        </div>

my questions: is there someone who has build such postbits with an diagonal onlinestatuses?
Can someone help me to build such ? Or, have someone seen such postbit allready somewhere? So i can oriantate in making one by my own ?

sry for my english right now, got 50?C in my room ;/

kh99 08-25-2011 07:57 PM

What do you have for CSS for class "rank"? Maybe it's got a clear:left or clear:both?

Valker 08-25-2011 09:42 PM

its

clear: both;
display: block;
font-size: 12px;

Lynne 08-25-2011 09:45 PM

Is the online status image and actual image you are adding to the postbit using an <img> tag or are you just going to make it a background image using CSS? If you use CSS, then I don't think you will have the issue you are talking about since you can't 'bump' into a background image or have it affect the text in that div.

Valker 08-27-2011 03:00 AM

hm its a <img>...well i gonna try the css method today :)

--------------- Added [DATE]1314466056[/DATE] at [TIME]1314466056[/TIME] ---------------

so i finally fixed the problem with z-index. css background-image was an good idea but not quit different from img.

But i?ve got another "problem" encontered now.

Couse onlinestus and Username + Rank stack together, like is wanted to, even the Avatar overlappes.

I fixed it with an margin-top at the avatar section.

...might imagine my problem ... XD

When a User got no avatar, postbit_legacy will show none.

Here?s my code:

HTML Code:

<vb:if condition="$show['avatar']">

<div class="usercenter">
<a class="postuseravatar_custom" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
<img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
</a>
</div>

</vb:if>

Is there a "if" condition when there is no avatar ? or how can i fix this issue ?


All times are GMT. The time now is 03:03 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01043 seconds
  • Memory Usage 1,760KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (2)bbcode_html_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (5)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete