Activity Stream
Quick Links
48,167 MEMBERS
6953 ONLINE
Register Now
besthostingforums On YouTube Subscribe to our Newsletter besthostingforums On Twitter besthostingforums On Facebook besthostingforums On facebook groups

Results 1 to 9 of 9
  1. 26th Dec 2009, 07:58 PM
        
    #1
    Smith is offline
    OP
    Smith
    Respected Member

    Default [IPB 3] Double Column Tutorial

    Lot people want it so here, you can have it. And small Thanks would be nice!
    Log in to your IP.Board Admin CP

    1. Look & Feel >
    2. Manage Skin Sets & Templates >
    3. Manage Skin Sets & Templates > Your skin

    Open CSS

    ipb_styles.css

    to the bottom of the css file and add the following code
    Code: 
    /*** Dual Column ***/
.dc_section {
        border-top: 1px solid #1b1b1b;
        height: 65px;
        width: 50%;
        background:#000000 url({style_images_url}/row_bg.jpg) repeat-x top;
        float: left;
}

.dc_section .dc_content { 
        margin: 10px 15px;
        float: left;

          
}

.dc_section .cat_icon_bg { 
        background:#000000 url({style_images_url}/cat_icon_bg.jpg) no-repeat left top;
        border-right: 1px solid #1b1b1b;
        float: left;
        padding: 10px;
        height: 45px;
        width: 50px;
        word-wrap: normal;
        clear: both;
}

.dc_section .dc_content h2 { 
        margin: 0;
        padding: 0;
        word-wrap: normal;
        clear: both;
}

.dc_section .dc_content h2 a{ 
        text-decoration: none;  
        font-size: .65em;
        word-wrap: normal;
        clear: both;
}

.dc_section .dc_content .desc { 
        font-size: 0.9em;
        word-wrap: normal;
        clear: both;
}

.dc_header { 
        background:#012150 url({style_images_url}/t_header_bg.jpg) repeat-x top;
        height: 31px;
}
.div {
        word-wrap: break-word; }
    Save

    Open:

    AdminCP > Look & Feel > Manage Skin Sets & Templates > Manage Templates in your style > Templates > Board Index > boardIndexTemplate open

    Find:
    Code: 
    <div class='category_block block_wrap'>
                        <h3 id='category_{$_data['cat_data']['id']}' class='maintitle'><a class='toggle right' href='#' title='{$this->lang->words['toggle_cat']}'>{$this->lang->words['toggle_cat']}</a> <a href="{parse url="showforum={$_data['cat_data']['id']}" seotitle="{$_data['cat_data']['name_seo']}" template="showforum" base="public"}" title='{$this->lang->words['view_cat']}'>{$_data['cat_data']['name']}</a></h3>
                        <table class='ipb_table' summary="{$this->lang->words['forums_in_cat']} '{$_data['cat_data']['name']}'">
                            <tr class='header'>
                                <th scope='col' class='col_c_icon'> </th>
                                <th scope='col' class='col_c_forum'>{$this->lang->words['cat_name']}</th>
                                <th scope='col' class='col_c_stats stats'>{$this->lang->words['stats']}</th>
                                <th scope='col' class='col_c_post'>{$this->lang->words['last_post_info']}</th>
                            </tr>
                            <!-- / CAT HEADER -->
                            <foreach loop="forums:$_data['forum_data'] as $forum_id => $forum_data">
                                <if test="forumRedirect:|:$forum_data['redirect_on']">
                                    <tr class='{parse striping="catTable"} redirect_forum'>
                                        <td class='altrow'>{parse replacement="f_redirect"}</td>
                                        <td>
                                            <h4><a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'>{$forum_data['name']}</a></h4>
                                            <p class='desc'>{$forum_data['description']}</p>
                                        </td>
                                        <td colspan='2'>
                                            {$this->lang->words['rd_hits']}: {parse format_number="$forum_data['redirect_hits']"}
                                        </td>
                                    </tr>
                                <else />
                                    <tr class='{parse striping="catTable"}'>
                                        <td class='altrow'>
                                            <!-- SKINNOTE: this URL is wrong, needs updating -->
                                            <if test="unreadicon:|:$forum_data['img_new_post'] != 'f_locked' && strstr( $forum_data['img_new_post'], 'unread' )">
                                                <a id='forum_img_{$forum_data['id']}' href="{parse url="app=forums&module=forums&section=markasread&marktype=forum&forumid={$forum_data['id']}&returntoforumid={$this->request['f']}&i=1" base="public"}" title="{$this->lang->words['bi_markread']}" class='forum_marker'>
                                                    {parse replacement="{$forum_data['img_new_post']}"}
                                                </a>
                                    
                                                <script type='text/javascript'>
                                                    ipb.global.registerMarker( "forum_img_{$forum_data['id']}", "{$forum_data['img_new_post']}", markerURL + "{$forum_data['id']}" );
                                                </script>
                                            <else />
                                                {parse replacement="{$forum_data['img_new_post']}"}
                                            </if>
                                        </td>
                                        <td>
                                            <h4><a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'>{$forum_data['name']}</a></h4>
                                            <p class='desc'>{$forum_data['description']}</p>
                                    
                                            <if test="showSubForums:|:$forum_data['show_subforums'] AND count( $forum_data['subforums'] ) AND $forum_data['show_subforums']">
                                                <h5 class='hide'>{$this->lang->words['subforums']}</h5>
                                                <ol class='subforums'>
                                                <foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
                                                    <if test="showSubForumsLit:|:$__data[3]"><li class='newposts'><else /><li></if><a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'>{$__data[1]}</a></li>
                                                </foreach>
                                                </ol>
                                            </if>
                                            <!-- Skinnote: Clean up queued stuff -->
                                            <if test="hasQueuedAndCanSeeIcon:|:!empty($forum_data['_has_queued_and_can_see_icon'])">
                                                <em class='moderated'><a href='{parse url="showforum={$forum_data['id']}&modfilter=all" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}' title='{$this->lang->words['view_unapproved']}'>{parse expression="sprintf( $this->lang->words['f_queued'], $forum_data['queued_topics'], $forum_data['queued_posts'])"}</a></em>
                                            </if>
                                        </td>
                                        <td class='altrow stats'>
                                            <ul>
                                                <li>{$forum_data['topics']} {$this->lang->words['topics']}</li>
                                                <li>{$forum_data['posts']} {$this->lang->words['replies']}</li>
                                            </ul>
                                        </td>
                                        <td>
                                            <ul class='last_post'>
                                                <if test="hideLastInfo:|:$forum_data['hide_last_info']">
                                                    <li>{$this->lang->words['f_protected']}</li>
                                                <else />
                                                    <if test="hideDateUrl:|:$forum_data['_hide_last_date']">
                                                        <li>{$forum_data['last_post']}</li>
                                                    <else />
                                                        <li><a href='{parse url="showtopic={$forum_data['last_id']}&view=getlastpost" base="public" template="showtopic" seotitle="{$forum_data['seo_last_title']}"}' title='{$this->lang->words['view_last_post']}'>{parse replacement="f_lastpost"}</a> <a href='{parse url="showtopic={$forum_data['last_id']}&view=getlastpost" base="public" template="showtopic" seotitle="{$forum_data['seo_last_title']}"}' title='{$this->lang->words['view_last_post']}'>{$forum_data['last_post']}</a></li>
                                                    </if>
                                                    <li><strong>{$this->lang->words['in']}</strong> {$forum_data['last_topic_title']}</li>
                                                    <li>
                                                        <strong>{$this->lang->words['by']}</strong> 
                                                        <if test="lastPosterName:|:isset($forum_data['last_poster_name']) AND $forum_data['last_poster_name']">
                                                            <if test="lastPosterID:|:$forum_data['last_poster_id']">
                                                                <a href='{parse url="showuser={$forum_data['last_poster_id']}" template="showuser" seotitle="{$forum_data['seo_last_name']}" base="public"}' title='{$this->lang->words['view_profile']}'>{$forum_data['last_poster_name']}</a>{parse template="user_popup" group="global" params="$forum_data['last_poster_id'], $forum_data['seo_last_name']"}
                                                            <else />
                                                                {$this->settings['guest_name_pre']}{$forum_data['last_poster_name']}{$this->settings['guest_name_suf']}
                                                            </if>
                                                        <else />
                                                            {$this->lang->words['f_none']}
                                                        </if>
                                                    </li>
                                                </if>
                                            </ul>
                                        </td>
                                    </tr>
                                </if>
                            </foreach>
                        </table>
    Change with:

    Code: 
    <!--DUAL COLUMN -->     
     <div class='category_block block_wrap'>
                        <div class="main_cat_heading"><div class="mch_r"><div class="mch_l">     
     <h3 id='category_{$_data['cat_data']['id']}' class='maintitle'><a class='toggle right' href='#' title='{$this->lang->words['toggle_cat']}'>{$this->lang->words['toggle_cat']}</a> <a href="{parse url="showforum={$_data['cat_data']['id']}" seotitle="{$_data['cat_data']['name_seo']}" template="showforum" base="public"}" title='{$this->lang->words['view_cat']}'>{$_data['cat_data']['name']}</a></h3>
     </div></div></div><!-- end main_cat_heading and sides -->
     <div class="mcs_r"><div class="mcs_l">
     <div class="dc_header">     
     
     </div>
                        <div class='ipb_table' summary="{$this->lang->words['forums_in_cat']} '{$_data['cat_data']['name']}'">
                        <foreach loop="forums:$_data['forum_data'] as $forum_id => $forum_data">     
                        <div class="dc_section" style="width: 50%; float: left;">
     <div class="cat_icon_bg">
                     <if test="unreadicon:|:$forum_data['img_new_post'] != 'f_locked' && strstr( $forum_data['img_new_post'], 'unread' )">
                                                <a id='forum_img_{$forum_data['id']}' href="{parse url="app=forums&module=forums&section=markasread&marktype=forum&forumid={$forum_data['id']}&returntoforumid={$this->request['f']}&i=1" base="public"}" title="{$this->lang->words['bi_markread']}" class='forum_marker'>
                                                    {parse replacement="{$forum_data['img_new_post']}"}
                                                </a>
                                    
                                                <script type='text/javascript'>
                                                    ipb.global.registerMarker( "forum_img_{$forum_data['id']}", "{$forum_data['img_new_post']}", markerURL + "{$forum_data['id']}" );
                                                </script>
                                            <else />
                                                {parse replacement="{$forum_data['img_new_post']}"}
                                            </if>
     
     </div>
                            <div class="dc_content" style="word-wrap: break-word">
     <h2><a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'>{$forum_data['name']}</a></h2>

                            <p class='desc' style="word-wrap: break-word">{$forum_data['description']}</p>
     </div>     
                        </div>     
                        </foreach>
     <div class="clear"></div>
                        </div><!-- end ipb table -->
    Save.

    That's it!
    Smith Reviewed by Smith on . [IPB 3] Double Column Tutorial Lot people want it so here, you can have it. And small Thanks would be nice! Log in to your IP.Board Admin CP 1. Look & Feel > 2. Manage Skin Sets & Templates > 3. Manage Skin Sets & Templates > Your skin Open CSS ipb_styles.css Rating: 5
    Have fitness or bodybuilding question? Ask Smith!

    Reply With QuoteRegister To Reply Ping this articlePing

    2.   Sponsored Links

  2. 27th Dec 2009, 04:50 AM
        
    #2
    BlaZe is offline
    BlaZe
    Too busy :|
    Website's: 
    
L337Fx.com
BeastieBay.net
    Thanks man... I'll post it on my site as a Tutorial.
    MauveLust Adult Wordpress Theme (Coded)
    TrollFun - Wordpress Theme (Coded)
    Reply With QuoteRegister To Reply
  3. 27th Dec 2009, 11:22 AM
        
    #3
    Hussie is offline
    Hussie
    Member
    Thanks for the turtorial but it didn't work perfectly by me.
    Colours got mixed.
    Respected: george101,Hawk,Image,sjshah

    Reply With QuoteRegister To Reply
  4. 28th Dec 2009, 01:47 AM
        
    #4
    Smith is offline
    OP
    Smith
    Respected Member
    Tutorial is made for Default IPB Skin, you will have to modify code yourself to suit your template.
    Have fitness or bodybuilding question? Ask Smith!

    Reply With QuoteRegister To Reply
  5. 28th Dec 2009, 02:03 AM
        
    #5
    SJshah is offline
    SJshah
    Google Corp.
    Quote Originally Posted by Hussie View Post
    Thanks for the turtorial but it didn't work perfectly by me.
    Colours got mixed.
    change the hex colours in the css you added stylesheet.

    btw: nice tutorial Smith
    Life asked Death: "Why do people love me, but hate you?"
    Death responded: "Because you're a beautiful lie and I'm the painful truth."
    Reply With QuoteRegister To Reply
  6. 21st Jan 2010, 09:29 AM
        
    #6
    alexandreperei is offline
    alexandreperei
    Probation
    How to fix this?


    Reply With QuoteRegister To Reply
  7. 21st Jan 2010, 09:42 AM
        
    #7
    Maz is offline
    Maz
    Member
    Website's: 
    
maxedoutdesigns.com
    Im going to have to invest in creating IPB skins seems to be popular and not many custom creators!
    What do i do?
    vBulletin Skins,Custom CMS Designs,Wordpress Designs
    and much more!
    Thread :: Website
    Reply With QuoteRegister To Reply
  8. 21st Jan 2010, 07:59 PM
        
    #8
    reeps is offline
    reeps
    Banned
    Website's: 
    
ipbsource.com
    Maz we create over at ipbsource, there's 4 of us that do skins as yet
    Reply With QuoteRegister To Reply
  9. 21st Jan 2010, 08:11 PM
        
    #9
    Rohit is offline
    Rohit
    Member
    Website's: 
    
RohitCreations.com
ThemeOrbit.com
PaypalWordpress.com
BlackMetal.co
    That's what i've been looking for...

    Reply With QuoteRegister To Reply
« Previous Thread | Next Thread »

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. HostAddon.com - Double RAM, Double Bandwidth, E3-1230, $139.99/Mo, USA
    By farooqwani19 in forum Dedicated Hosting Offers
    Replies: 0
    Last Post: 17th Nov 2012, 05:34 PM
  2. [VPS] DotBlock.net - Cloud VPS with Double RAM + Double Bandwidth from $17 (USA)
    By Delgado2009 in forum Archive
    Replies: 0
    Last Post: 2nd Oct 2011, 10:01 AM
  3. [VPS] DotBlock.net - Double RAM, Double Bandwidth, Starting from $0.56/day (USA)
    By Delgado2009 in forum Archive
    Replies: 4
    Last Post: 24th Sep 2011, 08:44 PM
  4. Seprate Column for SEO Help
    By msgwebmaster in forum Feedback and Suggestions
    Replies: 8
    Last Post: 11th Jan 2011, 06:32 AM
  5. Dual Column Layout (Tutorial) (IPB 2.2.x & 2.3.x)
    By Phamous in forum IP.Board
    Replies: 13
    Last Post: 1st Nov 2009, 12:08 PM

Tags for this Thread

BE SOCIAL
FAQ | SITEMAP
Copyright ® 2008 - 2015 besthostingforums.com
Copyright © 2013 vBulletin Solutions, Inc. All rights reserved.
BestHostingForums.com is a great place to learn about Internet Marketing Online, SEO Techniques, Search Engine Marketing and resources for Web Development.