The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Bottom of my website messed up?

3 posters

Go down

Solved Bottom of my website messed up?

Post by puppycheese 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
Bottom of my website messed up? Pictur10
and there should be an about us tab also but thats besides the point. Sometimes it shows up like this!
Bottom of my website messed up? Pictur11

here is my forums address see for yourself. Idk what causes this but it's weird.
http://www.converseit.net/forum
puppycheese
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™ 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.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
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 April 22nd 2013, 11:57 pm

Ok I will post that!
puppycheese
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 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
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™ 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?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
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 April 23rd 2013, 12:45 am

Thank you and sorry about that. I try not to double post.
puppycheese
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 April 23rd 2013, 7:01 am

I re inserted the code and it magically worked! :wouhou: the best thing ever!
puppycheese
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 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
Jophy
ForumGuru

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

Back to top Go down

Back to top

- Similar topics

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