Announcement

Collapse
No announcement yet.

Author and time of last posting on the same line on index?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [Site Builder] Author and time of last posting on the same line on index?

    Hi guys.... to save vertical space....

    How can I put (on index expecially) the author and time of last posting on the same line? And not on TWO?

    Like this?

    Click image for larger version

Name:	vb-stessa-riga.jpg
Views:	12
Size:	257.0 KB
ID:	4385802

    http://www.daidegasforum.com/images2...tessa-riga.jpg

  • #2
    You edit the HTML in vBulletin 5 the same was as you did in older versions of vBulletin. This template is the display_forums_item template. You would have to edit this code to fit your needs:

    Code:
                            <div class="lastpost-by">
                                <vb:if condition="$forum['lastcontent']['userid'] > 0">
                                    {vb:set profileUrl, {vb:url 'profile', {vb:raw forum.lastcontent}}}
                                    {vb:rawphrase by_x, {vb:var profileUrl}, {vb:raw forum.lastcontent.authorname}}
                                <vb:else />
                                    {vb:phrase by_guest}
                                </vb:if>
                            </div>
                            <div class="lastpost-date post-date">{vb:datetime {vb:raw forum.lastcontent.created}}</div>
    This could break display on mobile devices.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API - Full / Mobile
    Vote for your favorite feature requests and the bugs you want to see fixed.

    Comment


    • #3
      This may be possible via CSS. I'm on the phone and cannot provide the css at this time.

      GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

      Comment


      • #4
        Originally posted by Glenn Vergara View Post
        This may be possible via CSS. I'm on the phone and cannot provide the css at this time.
        I gave him this solution on .org yesterday.

        Comment


        • In Omnibus
          In Omnibus commented
          Editing a comment
          The solution you gave him only works until the media queries breakpoint. Once the screen hits the breakpoint it pushes the information back to the second line. I'm still trying to figure out why anyone would want to do this in the first place.

      • #5
        Try this:

        Code:
        .l-desktop .lastpost-info .lastpost-by {
            float: left;
            margin-right: 10px;
        }
        
        .l-desktop .lastpost-info .lastpost-date {
            position: relative;
            bottom: -1px; /* may need adjustment */
        }
        Mobile devices in landscape mode display the forum directory section the same as on desktop. But I purposely did not account for it in the CSS code above as putting the author and date in the same line doesn't look good due to space limitation. So the above code is only for desktop and tablets.

        GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

        Comment

        Related Topics

        Collapse

        Working...
        X