The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to code this... A Forum widget below my forum content?

View previous topic View next topic Go down

How to code this... A Forum widget below my forum content?

Post by BellatrixVampite on January 3rd 2012, 12:52 pm

At the moment, all my widgets are on the left or right. I want to make my affliciated box below my forum content so that I can make it scroll through them. I would also like it to automatically scroll to the left or right. Would this be possible, and how would I code it? Thanks.

Link to my site

BellatrixVampite
Forumember

Female Posts : 71
Reputation : 6
Language : English, HTML-ish

http://vampite.forumotion.co.uk

Back to top Go down

Re: How to code this... A Forum widget below my forum content?

Post by Guest on January 3rd 2012, 4:15 pm

1. Replace overall_footer by:
Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <div>
                        <div>
                           <div>
                              <div>
                                 <div>
<!-- END html_validation -->
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div id="pun-foot">
               <div id="pun-about" class="clearfix">
                  <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
                     <fieldset>
                        <p><label>{L_JUMP_TO}:</label></p>
                        {S_JUMPBOX_SELECT}<input type="submit" value="{L_GO}" />
                     </fieldset>
                  </form>
                  <!-- BEGIN switch_footer_fa_copyrights -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_fa_copyright_link -->
                           <!-- BEGIN switch_separator -->|<!-- END switch_separator -->
                           {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
                        <!-- END footer_fa_copyright_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_fa_copyrights -->
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator -->|<!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
               <br />
               <p class="center">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->
 
 
 
                       <div id="{ID_RIGHT}" width="80%">
                        <!-- BEGIN giefmod_index2 -->
                        {giefmod_index2.MODVAR}
                        <!-- BEGIN saut -->
                        <div style="height:{SPACE_ROW}px"></div>
                        <!-- END saut -->
                        <!-- END giefmod_index2 -->
                     </div>
 
 
 

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>
Click Save, then publish.

2. Go to Forum widgets management and Forum widgets general options should be like this:
Display forum widgets : Yes;
Width column 1 (left) : 0;
Width column 3 (right) : 180;

Forum widgets management: put all widgets to the right column and Save.

3. Add to CSS Stylesheet:
Code:
#content{
  margin: auto !important;
}

#right{
  margin: auto !important;
  width: 98% !important;
}

Guest
Guest


Back to top Go down

Re: How to code this... A Forum widget below my forum content?

Post by BellatrixVampite on January 3rd 2012, 6:17 pm

Gassy wrote:1. Replace overall_footer by:
Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <div>
                        <div>
                           <div>
                              <div>
                                 <div>
<!-- END html_validation -->
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div id="pun-foot">
               <div id="pun-about" class="clearfix">
                  <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
                     <fieldset>
                        <p><label>{L_JUMP_TO}:</label></p>
                        {S_JUMPBOX_SELECT}<input type="submit" value="{L_GO}" />
                     </fieldset>
                  </form>
                  <!-- BEGIN switch_footer_fa_copyrights -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_fa_copyright_link -->
                           <!-- BEGIN switch_separator -->|<!-- END switch_separator -->
                           {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
                        <!-- END footer_fa_copyright_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_fa_copyrights -->
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator -->|<!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
               <br />
               <p class="center">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->
 
 
 
                       <div id="{ID_RIGHT}" width="80%">
                        <!-- BEGIN giefmod_index2 -->
                        {giefmod_index2.MODVAR}
                        <!-- BEGIN saut -->
                        <div style="height:{SPACE_ROW}px"></div>
                        <!-- END saut -->
                        <!-- END giefmod_index2 -->
                     </div>
 
 
 

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>
Click Save, then publish.

2. Go to Forum widgets management and Forum widgets general options should be like this:
Display forum widgets : Yes;
Width column 1 (left) : 0;
Width column 3 (right) : 180;

Forum widgets management: put all widgets to the right column and Save.

3. Add to CSS Stylesheet:
Code:
#content{
  margin: auto !important;
}

#right{
  margin: auto !important;
  width: 98% !important;
}

how do I access the overall footer? Thanks for your help.

BellatrixVampite
Forumember

Female Posts : 71
Reputation : 6
Language : English, HTML-ish

http://vampite.forumotion.co.uk

Back to top Go down

Re: How to code this... A Forum widget below my forum content?

Post by Guest on January 3rd 2012, 6:47 pm

Administration Panel => Display => Templates => General/Portal. Smile

Guest
Guest


Back to top Go down

View previous topic View next topic Back to top


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