vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   Widget - Recent Threads Divs as Columns instead of Rows (https://vborg.vbsupport.ru/showthread.php?t=262514)

MGP_Tech 04-23-2011 03:23 PM
Widget - Recent Threads Divs as Columns instead of Rows
 
Hello,

I was hoping someone might be able to help me out with the code of a widget I'm making. I'd like to make it so that the divs in my recent threads widget line up as columns instead of rows. Here's what it looks like now, and what I'm going for is more of a newspaper look with columns for the articles.

http://myworldofdarkness.com/images/news_block.jpg

Here is my widget code, I can also add the CSS from vbcms.css and widget.css if needed.

Code:
<div class="cms_widget_news">
        <div class="cms_widget_block_news">
                <div class="cms_widget_header_news">
                        <h2><img src="http://myworldofdarkness.com/images/news.jpg"></h2>
                </div>
                <div class="cms_widget_content widget_content_news">
                <vb:each from="threads" key="threadid" value="thread">
                        <div class="cms_widget_post_bit widget_post_bit_news">
                               
                                        <div class="cms_widget_post_comment widget_post_comment_news">
                                                <center><h4 class="cms_widget_post_header widget_post_header_news">
                                                        {vb:raw thread.title}</a>
                                                </h4>
                                                <p class="cms_widget_post_content widget_post_content_news">{vb:raw thread.previewtext}</p>
                                                <a href="{vb:link thread, {vb:raw thread}}">Read More...</a>
                                                <a href="{vb:raw thread.lastposturl}"><img class="inlineimg" src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" border="0" /></a><center>
                                        </div>
                        </div>
                </vb:each>
                </div>
        </div>
</div>

Lynne 04-23-2011 04:17 PM
Can we get a link?

MGP_Tech 04-23-2011 04:33 PM
Sure.

http://myworldofdarkness.com/content

Lynne 04-23-2011 04:39 PM
Is it always three columns? Something like:
HTML Code:
.widget_post_bit_news {   
border-top: 1px dotted #C9C9C9;   
clear: none;   
display: inline-block;   
padding-bottom: 2px;   
vertical-align: top;   
width: 32%;}

MGP_Tech 04-23-2011 04:41 PM
Yes, in the widget set up I've set it to only pull the three most recent threads from our News & Media board.

Thank you for the code Lynne, I will test it out :)

edit: Works perfectly and seems so simple, I really appreciate it!


All times are GMT. The time now is 02:50 PM.

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.01061 seconds
  • Memory Usage 1,721KB
  • 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
  • (1)bbcode_code_printable
  • (1)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