Bottom of my website messed up?
3 posters
Page 1 of 1
Bottom of my website messed up?
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
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
Re: Bottom of my website messed up?
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.
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™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Bottom of my website messed up?
index body:
CSS:
JAVASCRIPT/JQUERY:
tutorial- http://www.csshelp.net/t119-turn-statistics-into-tabs-phpbb2-and-punbb-only
- 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
Re: Bottom of my website messed up?
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.
I will take a look into the codes, okay?
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Bottom of my website messed up?
I re inserted the code and it magically worked! the best thing ever!
Re: Bottom of my website messed up?
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
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Similar topics
» Theme and website messed up.
» Coloring on website is messed up [NEEDS FIX LIKE ASAP]
» how can i add rrs feed to my website or make my website rss
» Can I create a email for my website that is only on the website?
» I want to redirect my website to another website
» Coloring on website is messed up [NEEDS FIX LIKE ASAP]
» how can i add rrs feed to my website or make my website rss
» Can I create a email for my website that is only on the website?
» I want to redirect my website to another website
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum