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.

Bottom of my website messed up?

View previous topic View next topic Go down

Solved Bottom of my website messed up?

Post by puppycheese on April 22nd 2013, 11:48 pm

I need to know this because it varies with me! is the bottom of my website where my stats would be messed up or do you guys see the tabs I added in perfectly. They should look like

and there should be an about us tab also but thats besides the point. Sometimes it shows up like this!


here is my forums address see for yourself. Idk what causes this but it's weird.
http://www.converseit.net/forum

puppycheese
Forumember

Posts : 141
Reputation : 2
Language : english

http://www.converseit.net/

Back to top Go down

Solved Re: Bottom of my website messed up?

Post by Sir Chivas™ on April 22nd 2013, 11:54 pm

Hi,

You're editing the index_body, correct? If so, please post the code that you're working on. Also, the tutorial that you're using & your forum URL. Thank you.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Bottom of my website messed up?

Post by puppycheese on April 22nd 2013, 11:57 pm

Ok I will post that!

puppycheese
Forumember

Posts : 141
Reputation : 2
Language : english

http://www.converseit.net/

Back to top Go down

Solved Re: Bottom of my website messed up?

Post by puppycheese on April 23rd 2013, 12:03 am

index body:

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
   <div class="main-content">
      <div id="tabs_container">
    <ul id="stabs">
        <li class="active"><a href="#tab1">Who is online?</a></li>
        <li><a href="#tab2">Group Legend</a></li>
        <li><a href="#tab3">Birthdays</a></li>
        <li><a href="#tab4">About Us!</a></li>
    </ul>
</div>
          <div id="tabs_content_container">
    <div id="tab1" class="tab_content" style="display: block;">
        <p><img src="http://icons.iconarchive.com/icons/gakuseisean/ivista-2/72/Network-Globe-Connected-icon.png" alt="Who is online?"><p><br /></p>
         <p>{TOTAL_USERS_ONLINE}</p><p>{LOGGED_IN_USER_LIST}{L_ONLINE_USERS}<p>{TOTAL_CHATTERS_ONLINE}:
         {CHATTERS_LIST}<br /></p><br />
         <p>{TOTAL_USERS}</p><p>{NEWEST_USER}</p>
          <p>{RECORD_USERS}</p>
          <br />
         
                        {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         
      
                   
            </div>
    <div id="tab2" class="tab_content">
        <p>{LEGEND}:{GROUP_LEGEND}</p>
    </div>
    <div id="tab3" class="tab_content">
        <p><img src="http://icons.iconarchive.com/icons/icondrawer/gifts/64/cake-icon.png" alt="Birthdays">{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
    </div>
</div>
         <p class="right">{TOTAL_POSTS}</p>
         <br />
      </div>
          <div id="tab4" class="tab_content">
        <p style="text-align:center;"><span style="font-family:Cursive;font-size:22px;font-style:normal;font-weight:bold;text-decoration:underline;text-transform:none;color:660000;">About us</span>
</p><br /><p style="text-align:left;"><span style="font-family:Times;font-size:14px;font-style:normal;font-weight:normal;text-decoration:none;text-transform:none;color:000000;">We are a General Forums about everything. We have lots of selection when it comes to topics to talk about, anything from cars to fashion to video games, etc. The list goes on and on! We have a very fun community and since we enjoy having our members around we take suggestions on how to improve the forums. We hop you have a wonderful time on converse it. Let us tell you a little bit more about converse it.</span>
</p><br /><p style="text-align:center;"><span style="font-family:Times;font-size:22px;font-style:normal;font-weight:bold;text-decoration:underline;text-transform:none;color:660000;">Features</span>
</p><br />
 *Easy posting feature
 *Lots of social network connections for updates
 *IM Chat (For members only)
 *User wall (allows for quick and easy private post to your wall)
 *Arcade
 *Instant Instagram Feed (on homepage and portal)
 *News/weather/sports Updates
 *Friends and foes feature
 *Private messaging
 *Youtube lightbox (pops out video and dims background)
<br />
<p style="text-align:center;"><span style="font-family:Times;font-size:22px;font-style:italic;font-weight:bold;text-decoration:none;text-transform:none;color:660000;">Why sign up?</span>
</p><br />
 *Converse it has Lots of unique fun and cool features and more are added everyday.
  *We have a great community with a lot of friendly members.
  *Tons of topics to post in and new ones are added often.
  *We have a modern and cool design to keep things interesting.
  *We are almost always improving to make your experience the best.
  *We are up 99.9% of the time so you can come post whenever you want to.
  *Our forums has lots of cool things to do sign up and get the full experience<br />
  <p style="text-align:left;"><span style="font-family:Times;font-size:14px;font-style:italic;font-weight:normal;text-decoration:none;text-transform:none;color:000000;">Thank you for your interest in our community. We hope to see you soon!</span>
</p>
    </div>
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
      
         <div class="clear"></div>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
      
         <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
               insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
         <!-- END switch_chatbox_popup -->
         </p>
      </div>
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

CSS:

Code:
#tabs_container {
    border-bottom: 1px solid #ccc;
}
#stabs {
    list-style: none;
    padding: 5px 0 4px 0;
    margin: 0 0 0 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
}
#stabs li {
    display: inline;
}
#stabs li a {
    border: 1px solid #ccc;
    padding: 4px 6px;
    text-decoration: none;
    background-color: #eeeeee;
    border-bottom: none;
    outline: none;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
#stabs li a:hover {
    background-color: #dddddd;
    padding: 4px 6px;
}
#stabs li.active a {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding: 4px 6px 5px 6px;
    border-bottom: none;
}
#stabs li.active a:hover {
    background-color: #eeeeee;
    padding: 4px 6px 5px 6px;
    border-bottom: none;
}
 
#tabs_content_container {
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px;
}
.tab_content {
    display: none;

JAVASCRIPT/JQUERY:

Code:
$(document).ready(function(){
    $("#stabs li").click(function() {
        $("#stabs li").removeClass('active');
        $(this).addClass("active");
        $(".tab_content").hide();
        var selected_tab = $(this).find("a").attr("href");
        $(selected_tab).fadeIn();
        return false;
    });
});

tutorial- http://www.csshelp.net/t119-turn-statistics-into-tabs-phpbb2-and-punbb-only

puppycheese
Forumember

Posts : 141
Reputation : 2
Language : english

http://www.converseit.net/

Back to top Go down

Solved Re: Bottom of my website messed up?

Post by Sir Chivas™ on April 23rd 2013, 12:06 am

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead! Since this is your third reminder you have received a warning.

Next time, please edit the last post. Wink

I will take a look into the codes, okay?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Bottom of my website messed up?

Post by puppycheese on April 23rd 2013, 12:45 am

Thank you and sorry about that. I try not to double post.

puppycheese
Forumember

Posts : 141
Reputation : 2
Language : english

http://www.converseit.net/

Back to top Go down

Solved Re: Bottom of my website messed up?

Post by puppycheese on April 23rd 2013, 7:01 am

I re inserted the code and it magically worked! :wouhou: the best thing ever!

puppycheese
Forumember

Posts : 141
Reputation : 2
Language : english

http://www.converseit.net/

Back to top Go down

Solved Re: Bottom of my website messed up?

Post by Jophy on April 23rd 2013, 7:12 am

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

You're getting a warning for the same offense.

Topic Solved & Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

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