Article Gallery

[RateU]

Just as an alternative layout. I hope this can reduce the "margin breaking". We need to edit 3 template:

1. atcgal_forumdisplay_threadlist
   
   HTML Code

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112

   <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;"> <tr> <td class="thead" colspan="{$colspan}" align="center"> <strong>{$foruminfo['name']}</strong> </td> </tr> </table> <br class="clear" /> <div class="float_left"> {$newthread} </div> <div class="float_right"> {$searchforum} </div> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" style="clear: both; width: 100%; background: #FFFFFF;"> <tr> <td valign="top" width="250"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;"> <tr><td class="thead"><strong>Categories</strong></td></tr> <tr><td class="trow1 {$filters_set['atcgal']['active']['Music']}"><a href="{$forumurl_q}filtertf_atcgal=Music"><span><strong>Music</strong></span></a></td></tr> <tr><td class="trow1 {$filters_set['atcgal']['active']['Games']}"><a href="{$forumurl_q}filtertf_atcgal=Games"><span><strong>Games</strong></span></a></td></tr> <tr><td class="trow1 {$filters_set['atcgal']['active']['Other']}"><a href="{$forumurl_q}filtertf_atcgal=Other"><span><strong>Other</strong></span></a></td></tr> </table> <br class="clear" /> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;"> <tr><td class="thead"><strong>Sort By</strong></td></tr> <tr><td class="trow1"><strong><a href="{$sorturl}&amp;sortby=subject&amp;order=asc">{$lang->thread}</a> {$orderarrow['subject']}</strong></td></tr> <tr><td class="trow1"><strong><a href="{$sorturl}&amp;sortby=starter&amp;order=asc">{$lang->author}</a> {$orderarrow['starter']}</strong></td></tr> <tr><td class="trow1"><strong><a href="{$sorturl}&amp;sortby=replies&amp;order=desc">{$lang->replies}</a> {$orderarrow['replies']}</strong></td></tr> <tr><td class="trow1"><strong><a href="{$sorturl}&amp;sortby=views&amp;order=desc">{$lang->views}</a> {$orderarrow['views']}</strong></td></tr> <tr><td class="trow1"><strong><a href="{$sorturl}&amp;sortby=lastpost&amp;order=desc">{$lang->lastpost}</a> {$orderarrow['lastpost']}</strong></td></tr> {$ratingcol} </table> <br /> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;"> <tr><td class="thead"><strong>Article Legend</strong></td></tr> <tr><td class="trow1"><span class="thread_legend"><strong><img src="{$theme['imgdir']}/newfolder.gif" alt="{$lang->new_thread}" title="{$lang->new_thread}" /> {$lang->new_thread}</strong></span></td></tr> <tr><td class="trow1"><span class="thread_legend"><strong><img src="{$theme['imgdir']}/newhotfolder.gif" alt="{$lang->new_hot_thread}" title="{$lang->new_hot_thread}" /> {$lang->new_hot_thread}</strong></span></td></tr> <tr><td class="trow1"><span class="thread_legend"><strong><img src="{$theme['imgdir']}/hotfolder.gif" alt="{$lang->hot_thread}" title="{$lang->hot_thread}" /> {$lang->hot_thread}</strong></span></td></tr> <tr><td class="trow1"><span class="thread_legend"><strong><img src="{$theme['imgdir']}/folder.gif" alt="{$lang->no_new_thread}" title="{$lang->no_new_thread}" /> {$lang->no_new_thread}</strong></span></td></tr> <tr><td class="trow1"><span class="thread_legend"><strong><img src="{$theme['imgdir']}/dot_folder.gif" alt="{$lang->posts_by_you}" title="{$lang->posts_by_you}" /> {$lang->posts_by_you}</strong></span></td></tr> <tr><td class="trow1"><span class="thread_legend"><strong><img src="{$theme['imgdir']}/lockfolder.gif" alt="{$lang->locked_thread}" title="{$lang->locked_thread}" /> {$lang->locked_thread}</strong></span></td></tr> </table> <br class="clear" /> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;"> <tr><td class="thead"><strong>Article Tools</strong></td></tr> <tr><td class="trow1"><strong><a href="misc.php?action=markread&amp;fid={$fid}">{$lang->markforum_read}</a></strong></td></tr> <tr><td class="trow1"><strong><a href="usercp2.php?action={$add_remove_subscription}subscription&amp;type=forum&amp;fid={$fid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a>{$clearstoredpass}</strong></td></tr> </table> </td> <td valign="top"> {$threads}{$nullthreads} <br class="clear" /> <div class="float_left"> {$multipage} </div> <br class="clear" /> </td> </tr> </table> <br class="clear" /> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;"> <tr> <td class="tcat"> <div class="float_left"> <form action="forumdisplay.php" method="get"> <input type="hidden" name="fid" value="{$fid}" /> <select name="sortby"> <option value="subject" {$sortsel['subject']}>{$lang->sort_by_subject}</option> <option value="lastpost" {$sortsel['lastpost']}>{$lang->sort_by_lastpost}</option> <option value="starter" {$sortsel['starter']}>{$lang->sort_by_starter}</option> <option value="started" {$sortsel['started']}>{$lang->sort_by_started}</option> {$ratingsort} <option value="replies" {$sortsel['replies']}>{$lang->sort_by_replies}</option> <option value="views" {$sortsel['views']}>{$lang->sort_by_views}</option> </select> <select name="order"> <option value="asc" {$ordersel['asc']}>{$lang->sort_order_asc}</option> <option value="desc" {$ordersel['desc']}>{$lang->sort_order_desc}</option> </select> <select name="datecut"> <option value="1" {$datecutsel['1']}>{$lang->datelimit_1day}</option> <option value="5" {$datecutsel['5']}>{$lang->datelimit_5days}</option> <option value="10" {$datecutsel['10']}>{$lang->datelimit_10days}</option> <option value="20" {$datecutsel['20']}>{$lang->datelimit_20days}</option> <option value="50" {$datecutsel['50']}>{$lang->datelimit_50days}</option> <option value="75" {$datecutsel['75']}>{$lang->datelimit_75days}</option> <option value="100" {$datecutsel['100']}>{$lang->datelimit_100days}</option> <option value="365" {$datecutsel['365']}>{$lang->datelimit_lastyear}</option> <option value="9999" {$datecutsel['9999']}>{$lang->datelimit_beginning}</option> </select> {$gobutton} </form> </div> <div class="float_right"> {$forumjump} </div> </td> {$inlinemodcol} </tr> <tr> <td class="tfoot" align="center" colspan="{$colspan}"> <strong><a href="http://mybbhacks.zingaburga.com" target="_blank">XThreads</a> Coded By: <a href="http://mybbhacks.zingaburga.com" target="_blank">ZiNgA BuRgA - MyBB Hacks</a></strong> </td> </tr> </table> <br class="clear" /> <div class="float_right" style="text-align: right;"> {$inlinemod} </div> <br style="clear: both" /> {$inline_edit_js}

   ---

2. atcgal_showthread
   
   HTML Code

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122

   <html> <head> <title>{$thread['subject']}</title> {$headerinclude} <script type="text/javascript"> <!-- var quickdelete_confirm = "{$lang->quickdelete_confirm}"; // --> </script> <script type="text/javascript" src="jscripts/thread.js?ver=1600"></script> </head> <body> {$header} {$pollbox} <div class="float_right"> {$newreply} </div> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" width="100%" style="clear: both; border-bottom-width: 0;"> <tr> <td width="250" valign="top"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;"> <tr><td class="thead"><strong>Categories</strong></td></tr> <tr><td class="trow1"><a href="{$forumurl_q}filtertf_atcgal=Music"><span><strong>Music</strong></span></a></td></tr> <tr><td class="trow1"><a href="{$forumurl_q}filtertf_atcgal=Games"><span><strong>Games</strong></span></a></td></tr> <tr><td class="trow1"><a href="{$forumurl_q}filtertf_atcgal=Other"><span><strong>Other</strong></span></a></td></tr> </table> <br class="clear" /> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <tr> <td class="thead"> <strong>Article Details</strong> </td> </tr> <tr> <td class="trow1">{$GLOBALS['threadfields']['atcgal']}</td> </tr> <tr> <td class="trow1">Views: {$thread['views']}</td> </tr> <tr> <td class="trow1">Comments: {$thread['replies']}</td> </tr> {$ratethread} </table> <br class="clear" /> {$search_thread} <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;"> <tr><td class="thead"><strong>Miscellaneous</strong></td></tr> <tr><td class="trow1"><a href="printthread.php?tid={$tid}">{$lang->view_printable}</a></td></tr> <tr><td class="trow1"><a href="sendthread.php?tid={$tid}">{$lang->send_thread}</a></td></tr> <tr><td class="trow1"><a href="usercp2.php?action={$add_remove_subscription}subscription&amp;tid={$tid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a></td></tr> </table> <br class="clear" /> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <tr> <td class="thead"> <strong>Share</strong> </td> </tr> <tr> <td class="trow1" align="center"> <a title="Twitter" href="http://twitter.com/home?status={$thread['subject']} - {$mybb->settings['bburl']}/{$threadurl}" target="_blank"><img src="images/twitter.png" alt="Twitter" /></a> <a title="Facebook" href="http://www.facebook.com/share.php?u={$mybb->settings['bburl']}/{$threadurl}" target="_blank"><img src="images/facebook.png" alt="Facebook" /></a> <a title="Digg" href="http://digg.com/submit?url={$mybb->settings['bburl']}/{$threadurl}" target="_blank"><img src="images/digg.png" alt="Digg" /></a> <a title="Reddit" href="http://reddit.com/submit?url={$mybb->settings['bburl']}/{$threadurl}&amp;title={$thread['subject']}" target="_blank"><img src="images/reddit.png" alt="Reddit" /></a> <a title="Delicious" href="http://del.icio.us/post?url={$mybb->settings['bburl']}/{$threadurl}&amp;title={$thread['subject']}" target="_blank"><img src="images/delicious.png" alt="Delicious" /></a> <a title="StumbleUpon" href="http://www.stumbleupon.com/submit?url={$mybb->settings['bburl']}/{$threadurl}" target="_blank"><img src="images/stumbleupon.png" alt="StumbleUpon" /></a> </td> </tr> </table> </td> <td valign="top"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;"> <tr> <td class="thead" colspan="2"> <div style="float: right;"> <span class="smalltext"><strong><a href="showthread.php?mode=threaded&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}">{$lang->threaded}</a> | <a href="showthread.php?mode=linear&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}">{$lang->linear}</a></strong></span> </div> <div> <strong>{$thread['subject']}</strong> </div> </td> </tr> {$classic_header} </table> <div> {$first_post} </div> <br /> <div align="center"> <strong>&laquo; <a href="{$next_oldest_link}">{$lang->next_oldest}</a> | <a href="{$next_newest_link}">{$lang->next_newest}</a> &raquo;</strong> </div> <br class="clear" /> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="border-bottom-width: 0;"> <tr> <td class="thead"> <div><strong>Comments</strong></div> </td> </tr> </table> <div id="posts"> {$posts} </div> <div class="float_right"> {$multipage} </div> </td> </tr> </table> <br style="clear: both;" /> {$threadexbox} {$similarthreads} {$quickreply} <br /> <div class="float_right" style="text-align: right;"> {$moderationoptions} {$forumjump} </div> <br style="clear: both;" /> {$footer} </body> </html>

   ---

3. atcgal_showthread_ratethread
   
   HTML Code

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

   <tr> <td class="trow1"> <div class="float_left"> {$lang->thread_rating}&nbsp; </div> <div class="float_left"> <script type="text/javascript" src="jscripts/rating.js?ver=1400"></script> <div class="inline_rating"> <ul class="star_rating{$not_rated}" id="rating_thread_{$thread['tid']}"> <li style="width: {$thread['width']}%" class="current_rating" id="current_rating_{$thread['tid']}">{$ratingvotesav}</li> <li><a class="one_star" title="{$lang->one_star}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=1&amp;my_post_key={$mybb->post_code}">1</a></li> <li><a class="two_stars" title="{$lang->two_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=2&amp;my_post_key={$mybb->post_code}">2</a></li> <li><a class="three_stars" title="{$lang->three_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=3&amp;my_post_key={$mybb->post_code}">3</a></li> <li><a class="four_stars" title="{$lang->four_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=4&amp;my_post_key={$mybb->post_code}">4</a></li> <li><a class="five_stars" title="{$lang->five_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=5&amp;my_post_key={$mybb->post_code}">5</a></li> </ul> </div> </div> </td> </tr> <tr> <td class="trow1">Rated: {$thread['numratings']}</td> </tr> <tr> <td class="trow1">Total Rate: {$thread['totalratings']}</td> </tr>

   ---