Coding-Spot

You are not connected. Please login or register

 
 

How to design "Multiple Forum" in forumotion?

Message (Page 1 of 1)


 
Senior Member

Posted on Sun May 05, 2013 7:06 am

 
Hi all :)
I want to ask :D:

How to design "Multiple Forum" in forumotion?
more details you can see this picture?


how to be like that?? :D

source:
http://coding-spot.darkbb.com

my forum:
http://astajim.indonesianforum.net/

-------------
Note:
How to create "Linkoftheforum"?

when i clik my forum "rule"
out:


i dont know how to make "Linkoftheforum"?

please help me :D:

thanks before :)



View user profile



 
Advance Member

Posted on Sun May 05, 2013 9:45 am

 
1.if i'm not mistaken, for the bold font you just have to put
Code:
<b>name of the forum</b>
2.for this i am not sure yet, i'll have to try it on my forum
3.for the shadow effect you can always put the name of the forum like this
Code:
<div class="picture"><b>name fo the forum</b></div>
and then you put in CSS codes something like this:
Code:
.picture { opacity: 1; }
.picture:hover { opacity: 0.7; }
4.for the linkoftheforum, you just put the link here: < a href="Linkoftheforum"> where it says link of the forum, for example: http://astajim.indonesianforum.net/f5-news-2 :)



View user profile



 
Senior Member

Posted on Sun May 05, 2013 10:19 am

 
for number 3
i see about that code :)
wheter that code put in this code

Code:
<table width="450"  border="0"><tr>

    <td align="center">
    <a href="Linkoftheforum"> Rules
    <br/>
    <img src="http://i.imgur.com/Az9NvyL.png"border="0"></a>
    </td>

    <td align="center">
    <a href="Linkoftheforum"> Announcements
    <br/>
    <img src="http://i.imgur.com/3UHwZo5.png" border="0"></a>
    </td>

    <td align="center">
    <a href="Linkoftheforum"> FAQ
    <br/>
    <img src="http://i.imgur.com/NZ2odUh.png" border="0"></a>
    </td>

    <td align="center">
    <a href="Linkoftheforum"> Tips & Tricks
    <br/>
    <img src="http://i.imgur.com/ztbfHmU.png" border="0"></a>
    </td>

    </tr></table>

do i have to replace one? to av\ctive shadow effect?

for number 4
i see if about that link.
but i say about how to make forum?? :D:
i dont know about how to make forum, if use multiple forum??

how to make?
http://astajim.indonesianforum.net/f5-news-2
if made in forum "rules"/"announcements"/"FAQ and etc"?
please give me screenshot, or explain again :D

thanks before :)



View user profile



 
Advance Member

Posted on Sun May 05, 2013 11:25 am

 
okay you can just put this in the description:
Code:
<table width="450"  border="0"><tr>

    <td align="center">
    <a href="Linkoftheforum"> <b>Rules</b>
    <br/>
    <div class="picture"><img src="http://i.imgur.com/Az9NvyL.png"border="0"></div></a>
    </td>

    <td align="center">
    <a href="Linkoftheforum"> <b>Announcements</b>
    <br/>
    <div class="picture"><img src="http://i.imgur.com/3UHwZo5.png" border="0"></div></a>
    </td>

    <td align="center">
    <a href="Linkoftheforum"> <b>FAQ</b>
    <br/>
    <div class="picture"><img src="http://i.imgur.com/NZ2odUh.png" border="0"></div></a>
    </td>

    <td align="center">
    <a href="Linkoftheforum"> <b>Tips & Tricks</b>
    <br/>
    <div class="picture"><img src="http://i.imgur.com/ztbfHmU.png" border="0"></div></a>
    </td>

    </tr></table>
and that code in the CSS codes :)

and as in for the links, just click on one of your forums, let's say "News 2" and under all the topics you should see a drop down menu, where it says "Select a forum" do you see it? ^^ it looks like this: and you select a forum off there, you should be able to see the multi-forum and all the forums you made for them, like this: and you just click on them and copy the link and paste it where it's supposed to be :)
i hope i made it clear enough for you, but you can always ask some more questions



View user profile



 
Administrator
Administrator

Posted on Sun May 05, 2013 11:31 am

 
Yep. Or, you can find the forum link by just finding them manually.
Example: www.fmcoding-support.com/f1- (Use /f#- to find the forums; so if it is not f1- proceed to f2-, if not f2-, proceed to f3- and so on)

Thank you novacane for helping our members! :):



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Sun May 05, 2013 12:44 pm

 
yeah, thanks ms.novacane and mr.mark :D:
about "linktoforum" now i'm understand :)

but, i want little say about this :D
my problem:
1. I need "my multiple forum" use hover effect, like my forum "indonesian news" :D
2. have distance between image and font :D
3. add descrip "now new post" "new post"

more details you can see this picture


my forum
http://astajim.indonesianforum.net/

source:
http://coding-spot.darkbb.com

please help me :D
thanks before :):


default code for HTML
Code:
<table width="450"  border="0"><tr>

    <td align="center">
    <a href="Linkoftheforum"> Rules
    <br/>
    <img src="http://i.imgur.com/Az9NvyL.png"border="0"></a>
    </td>

    <td align="center">
    <a href="Linkoftheforum"> Announcements
    <br/>
    <img src="http://i.imgur.com/3UHwZo5.png" border="0"></a>
    </td>

    <td align="center">
    <a href="Linkoftheforum"> FAQ
    <br/>
    <img src="http://i.imgur.com/NZ2odUh.png" border="0"></a>
    </td>

    <td align="center">
    <a href="Linkoftheforum"> Tips & Tricks
    <br/>
    <img src="http://i.imgur.com/ztbfHmU.png" border="0"></a>
    </td>

    </tr></table>

code for ms.novacane (don't use hover effect"
Code:
    <table width="450"  border="0"><tr>

        <td align="center">
        <a href="Linkoftheforum"> <b>Rules</b>
        <br/>
        <div class="picture"><img src="http://i.imgur.com/Az9NvyL.png"border="0"></div></a>
        </td>

        <td align="center">
        <a href="Linkoftheforum"> <b>Announcements</b>
        <br/>
        <div class="picture"><img src="http://i.imgur.com/3UHwZo5.png" border="0"></div></a>
        </td>

        <td align="center">
        <a href="Linkoftheforum"> <b>FAQ</b>
        <br/>
        <div class="picture"><img src="http://i.imgur.com/NZ2odUh.png" border="0"></div></a>
        </td>

        <td align="center">
        <a href="Linkoftheforum"> <b>Tips & Tricks</b>
        <br/>
        <div class="picture"><img src="http://i.imgur.com/ztbfHmU.png" border="0"></div></a>
        </td>

        </tr></table>



View user profile



 
Administrator
Administrator

Posted on Sun May 05, 2013 12:54 pm

 
For the line-height, add
after the forum title, example is with this one:
Code:
<a href="Linkoftheforum"> <b>Rules</b>
<br/>

Add
, then it should be something like this.
Code:
<a href="Linkoftheforum"> <b>Rules</b><br/>
<br/>

For the status, it is in the tutorial, the #3 part :).
For the hover effect, add class to the image, you remember the topic? :):



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Sun May 05, 2013 1:10 pm

 
yeah i remeber my topic about hover, this mr.mark :D
http://help.forumotion.com/t123296-how-to-give-shadow-effect-dark-on-image-forum

for number 2, fix now :D

for number 3, i will try :D:



View user profile



 
Administrator
Administrator

Posted on Sun May 05, 2013 1:14 pm

 
novacane's code should work alr.
But since you have the hover code i provided you before, here:

Add this one the image tag:
Code:
class="hoveeer"

So it should be something like this:
Code:
<img src="http://i.imgur.com/Az9NvyL.png" border="0" class="hoveeer">

:D:



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Sun May 05, 2013 1:34 pm

 
i done try mr.mark :D:

but not out ;)
more details you can see this picture :D


how to fix it? :D
please help me :)

thanks before :D:

my forum
http://astajim.indonesianforum.net/



View user profile



 
Administrator
Administrator

Posted on Sun May 05, 2013 2:02 pm

 
Provide me your viewtopic_body and index_box template! :):



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Sun May 05, 2013 2:16 pm

 
my viewtopic_body :D

Code:
    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
      _atc.cwait = 0;
      $('.addthis_button').mouseup(function(){
          if ($('#at15s').css('display') == 'block') {
            addthis_close();
          }
      });
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
         
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
            {
                if( $(this).is(":visible") )
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                }
                else
                {
                  $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                }
            });
            }
        }
        catch(e) { }
     
      return false;
    };

    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap">
            <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
            </span>
          </td>
          <td align="left" valign="middle" nowrap="nowrap">
            <!-- BEGIN switch_twitter_btn -->
            <span id="twitter_btn" style="margin-left: 6px; ">
            <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
            <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
            </span>
            <!-- END switch_twitter_btn -->
            <!-- BEGIN switch_fb_likebtn -->
            <span id="fb_likebtn" style="margin-left: 6px; ">
                <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
            </span>
            <!-- END switch_fb_likebtn -->
          </td>
          <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a> {NAV_CAT_DESC_SECOND}</span></td>
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
            <span class="gensmall bold">
                <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                <!-- BEGIN switch_plus_menu -->
                | .
                <script type="text/javascript">//<![CDATA[
                  var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                  var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                  var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                  var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                  var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                  var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                  insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
                <!-- END switch_plus_menu -->
            </span>
          </td>
      </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
      <tr align="right">
          <td class="catHead" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" class="t-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                  </td>
                  <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN topicpagination -->
      <tr>
          <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
      </tr>
      <!-- END topicpagination -->
      {POLL_DISPLAY}
      <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- BEGIN postrow -->
      <!-- BEGIN hidden -->
      <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
      </tr>
      <!-- END hidden -->
      <!-- BEGIN displayed -->
      <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                      <div class="xyz"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div class="id-size"><center><div class="off-on-line">{postrow.displayed.ONLINE_IMG}</div> {postrow.displayed.POSTER_NAME}</center></div></strong></span><br />
                    <span class="postdetails poster-profile">
                    <center>
                        {postrow.displayed.RANK_IMAGE}<br/><br/>{postrow.displayed.POSTER_AVATAR}<br /><br />
                      <!-- BEGIN profile_field --></center>
    <span class="fieldddd">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
    <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}
                                  </span></div><br />
            <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
          </td>
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                  <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </td>
                </tr>
                <tr>
                  <td colspan="2" class="hr">
                      <hr />
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                      <!-- BEGIN switch_vote_active -->
                      <div class="vote gensmall">
                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                        <!-- END switch_vote -->

                        <!-- BEGIN switch_bar -->
                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                            <!-- BEGIN switch_vote_plus -->
                            <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                            <!-- END switch_vote_plus -->

                            <!-- BEGIN switch_vote_minus -->
                            <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                            <!-- END switch_vote_minus -->
                        </div>
                        <!-- END switch_bar -->

                        <!-- BEGIN switch_no_bar -->
                        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                        <!-- END switch_no_bar -->

                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                        <!-- END switch_vote -->
                      </div>
                      <!-- END switch_vote_active -->

                      <div class="postbody">

                        <div>{postrow.displayed.MESSAGE}</div>

                        <!-- BEGIN switch_attachments -->
                        <dl class="attachbox">
                            <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                            <dd>
                              <!-- BEGIN switch_post_attachments -->
                              <dl class="file">
                                  <dt>
                                    <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                    <!-- BEGIN switch_dl_att -->
                                    <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_dl_att -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_no_dl_att -->
                                  </dt>

                                  <!-- BEGIN switch_no_comment -->
                                  <dd>
                                    <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                  </dd>
                                  <!-- END switch_no_comment -->

                                  <!-- BEGIN switch_no_dl_att -->
                                  <dd>
                                    <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                  </dd>
                                  <!-- END switch_no_dl_att -->

                                  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                              </dl>
                              <!-- END switch_post_attachments -->
                            </dd>
                        </dl>
                        <!-- END switch_attachments -->

                        <div class="clear"></div>
                        <!-- BEGIN switch_signature -->
                        <div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                        </div>
                        <!-- END switch_signature -->
    <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                      </div>
                   
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
            <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
          </td>
          <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="middle">
                      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN first_post_br -->
    </table>
    <br />
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- END first_post_br -->
      <!-- END displayed -->
      <!-- END postrow -->
      <!-- BEGIN no_post -->
      <tr align="center">
          <td class="row1" colspan="3" height="28">
            <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
      </tr>
      <!-- END no_post -->
      <tr align="right">
          <td class="catBottom" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                  <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
      <tr>
          <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
      </tr>
      <!-- BEGIN switch_user_logged_in -->
      <!-- BEGIN watchtopic -->
      <tr>
          <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
      </tr>
      <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->
    </table>

    <!-- BEGIN promot_trafic -->
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
      <tr>
          <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                  <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                </tr>
            </table>
          </td>
      </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
      <tr>
          <td class="catBottom" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                  <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                </tr>
            </table>
          </td>
      </tr>
      <tr>
          <td class="row2 postbody" valign="top">
            <!-- BEGIN link -->
            » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
            <!-- END link -->
          </td>
      </tr>
    </table>
    <!-- END promot_trafic -->

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
      <tbody>
          <tr>
            <td class="catBottom">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tbody>
                      <tr>
                        <td valign="top">
                            <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                        </td>
                      </tr>
                  </tbody>
                </table>
            </td>
          </tr>
          <tr>
            <td class="row1 clearfix">
                <table>
                  <tr>
                      <!-- BEGIN switch_forum_rule_image -->
                      <td class="logo">
                        <img src="{RULE_IMG_URL}" />
                      </td>
                      <!-- END switch_forum_rule_image -->
                      <td class="rules postbody">
                        {RULE_MSG}
                      </td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
    </table>
    <!-- END switch_forum_rules -->

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td class="row2" colspan="2" align="center" style="padding:0px">
            <!-- BEGIN switch_user_logged_in -->
            <a name="quickreply"></a>
            {QUICK_REPLY_FORM}<br />
            <!-- END switch_user_logged_in -->
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
          <!-- BEGIN show_permissions -->
          <tr>
            <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
            <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
          </tr>
          <!-- END show_permissions -->
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <!-- BEGIN show_permissions -->
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                      <!-- END show_permissions -->
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
            <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
            </span>
          </td>

          <!-- BEGIN viewtopic_bottom -->
          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
          <!-- END viewtopic_bottom -->

          <!-- BEGIN moderation_panel -->
          <td align="center">
            <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
          </td>
          <td align="center" width="250">
            <span class="gensmall"> </span>
          </td>
          <!-- END moderation_panel -->
      </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
            <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />

                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
            </form>
          </td>
      </tr>
    </table>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>



my index_box
Code:
        <br/>
        <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
              <th nowrap="nowrap" width="50">{L_TOPICS}</th>
              <th nowrap="nowrap" width="50">{L_POSTS}</th>
              <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
          </tr>
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                <h{catrow.cathead.LEVEL} class="hierarchy">
                    <span class="cattitle">
                      <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                    </span>
                </h{catrow.cathead.LEVEL}>
              </td>
              <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
          </tr>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
              <!-- END inc -->
              <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
              </td>
              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                    </span>
                </h{catrow.forumrow.LEVEL}>
                <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </span>
              </td>
              <td class="row3" align="center" valign="middle" height="50">
                <span class="gensmall">{catrow.forumrow.TOPICS}</span>
              </td>
              <td class="row2" align="center" valign="middle" height="50">
                <span class="gensmall">{catrow.forumrow.POSTS}</span>
              </td>
              <td class="row3 over" align="center" valign="middle" height="50">
                <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
              </td>
          </tr>
          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
          </tr>
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

This also mr.mark :D: in my index_box :)


my forum:
http://astajim.indonesianforum.net/

thanks before :D:



View user profile



 
Administrator
Administrator

Posted on Sun May 05, 2013 8:11 pm

 
Hello. Nothing is wrong on the code.
Did you follow where to put the images on the #3 part on the tutorial, check it again. :):



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Mon May 06, 2013 3:03 am

 
3. Now for the status icons like here, go to ACP > Pictures and Colors > Pics management > Advanced Mode > Mini-icons (Fill up the following field with your status icons images):

Mini post: (No new post icon)
Mini post - New: (New post icon)
Mini post - Locked: (Locked icon)

i done follow mr.mark :D:
first i go to ACP > Pictures and Colors > Pics management > Advanced Mode > Mini-icons :D



but not change :D on under picture multi forum :):



View user profile



 
Administrator
Administrator

Posted on Mon May 06, 2013 3:08 am

 
Weird. Can you pm me the user and pass of the main admin account? Thanks! :):



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Mon May 06, 2013 3:10 am

 
ok wait :):



View user profile



 
Administrator
Administrator

Posted on Mon May 06, 2013 3:18 am

 
Go to Display > Homepage > Structure and hierarchy > Hierarchy section:
- Sub-level links on index: (Set to with pics)

:):



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Mon May 06, 2013 3:26 am

 
yeah, finaly :D:

but,i want little say :D
more details you can see this pic :)


how to be like that :D
thanks for help me again mr.mark :D:



View user profile



 
Administrator
Administrator

Posted on Mon May 06, 2013 3:31 am

 
Add this to your CSS:
Code:
img[src="http://i44.tinypic.com/5khwlt.png"], img[src="http://i41.tinypic.com/2dtvtpe.png"], img[src="http://i44.tinypic.com/4kwi2g.png"] {
  padding-left: 10px;
}

Change the http://i44.tinypic.com/5khwlt.png http://i41.tinypic.com/2dtvtpe.png and http://i44.tinypic.com/4kwi2g.png with your own status images. Also change the padding-left value (10) to your own likings until you get contented :):.



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Mon May 06, 2013 3:58 am

 
yeah i done ry mr.mark :D


but why is hard to get. center aligned :D:

I tried, 21px, 22px, 23px, 24px, 25px.
but nothing fit.
one is in the middle, the others are not in the middle, lol :)

maybe you know mr.mark :D:

thanks before :):



View user profile



 
Administrator
Administrator

Posted on Mon May 06, 2013 4:00 am

 
This is the only way to do it, sorry. You can check mine too, they're not aligned perfectly, but they look like it is :):.



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Mon May 06, 2013 4:02 am

 
lol. I've seen about it,
mr.mark ok, if it is like that.

problem solved :D:

thanks mr.mark for help me again :):



View user profile



 
Administrator
Administrator

Posted on Mon May 06, 2013 4:04 am

 
Since the problem is solved, i'll locked this and move to archive section. :D:
~ Locked and Moved



View user profile http://coding-spot.darkbb.com


#24

Sponsored content


 

Posted Today at 11:57 am

 





Message (Page 1 of 1)

Permissions in this forum:
You cannot reply to topics in this forum

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None