Need help disigning my forum theme
3 posters
Page 1 of 1
Need help disigning my forum theme
i read a review of http://dragonmania.forumvi.com/ and i loved the theme , so i did my research on the theme and downloaded one, after installation , i relised it was in a language i don't understand, however i was able to change some of the words to English. I was hoping if anyone can help me get an English version of the theme. Thanks
Here is a link to my forum http://crazywater.nstars.org
Here is a link to my forum http://crazywater.nstars.org
Re: Need help disigning my forum theme
Hello,
Where did you download the said theme from, and what where the install instructions.
If we are able to see what you saw, we can better help you to fix your issue.
Where did you download the said theme from, and what where the install instructions.
If we are able to see what you saw, we can better help you to fix your issue.
Re: Need help disigning my forum theme
I downloaded form http://mediafire.com/?dp4vggnhj8pi8 using a link provided by this forum = http://tonytuong.up.net/t51-topic
Last edited by phAnt0m DrAcON on May 27th 2015, 10:22 pm; edited 1 time in total
Re: Need help disigning my forum theme
Can you not ask for help from where you got the download link?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Need help disigning my forum theme
The Templates in the zip are what it causing your issue, i have installed it on my test forum and am in the process of translating everything for you. How ever this may take some time because of real life and work.
Re: Need help disigning my forum theme
Thank you for the time. i will wait for your feedback whenever you are ready. thanks
Re: Need help disigning my forum theme
For the most part the templates are done. I'm working on translating the Scripts, CSS and fixing grammar issues that occurred during the translation. I will pm you a link to the test forum if you would like.
Re: Need help disigning my forum theme
@Sir. Mayo , I have notice the hard work you are putting into this. i will wait patiently till you are ready.
Re: Need help disigning my forum theme
Hello,
Just finishing up a few translations that i missed, and trying to solve some grammar issues.
And fixing the profile display, for some reason its not showing up.
Just finishing up a few translations that i missed, and trying to solve some grammar issues.
And fixing the profile display, for some reason its not showing up.
Re: Need help disigning my forum theme
Good morning
The templates are edited and I fixed any grammar issues that I saw. How ever there are some appearance issues with the user options bar where you view your avatar. I will post the templates tonight when I get home. I hope someone else can help to fix that. I tried everything I thought of.
Here are the issues I need help with:
-getting the menue to show. ( tried fiddling with the CSS no no avail)
-getting the active page on the nab bar to underline (no matter what topics always stays underlined)
-a few other things I'll post pictures of tonight.
Sir.Mayo
The templates are edited and I fixed any grammar issues that I saw. How ever there are some appearance issues with the user options bar where you view your avatar. I will post the templates tonight when I get home. I hope someone else can help to fix that. I tried everything I thought of.
Here are the issues I need help with:
-getting the menue to show. ( tried fiddling with the CSS no no avail)
-getting the active page on the nab bar to underline (no matter what topics always stays underlined)
-a few other things I'll post pictures of tonight.
Sir.Mayo
Re: Need help disigning my forum theme
Well this is the best i can do, just a few things that may not work 100% of the time but I tried everything i knew.
Due to the length of the content i spoke to @derri and he said it would be ok if this post was split in smaller ones because it would not it as one post, its too long.
Replace your template with these in the following post.
I will pm you a link to the .bbtheme back up of the icons.
Due to the length of the content i spoke to @derri and he said it would be ok if this post was split in smaller ones because it would not it as one post, its too long.
Replace your template with these in the following post.
I will pm you a link to the .bbtheme back up of the icons.
- 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 class="main">
<div class="a_box stats" id="stats_area">
<a class="fake_pos" id="goto_stats"></a>
<div id="a_box_padding">
<h1 id="abox_head">
<span id="abox_img"></span>
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<a href="#stats_area">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_nolink -->
</h1>
<div id="abox_descript">
<span class="right">{TOTAL_POSTS}</span>
{TOTAL_USERS}<br/>
{NEWEST_USER}
<!--div class="dhighlight" style="background: #fbcb43;">
<div id="dh_img"></div>
<h2>
We Are Forumotion Skin Fixers<br/>
<a href="" class="dh_button">Xem cộng đồng</a>
</h2>
<br class="clfloat"/>
</div-->
</div>
<div id="abox_descript">
{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<div class="clear"></div>
<p>Nhóm : {GROUP_LEGEND}</p>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div id="abox_lastpost">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
<!-- 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 -->
</div>
<!-- END switch_chatbox_activate -->
</div>
</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 -->
- index_box:
- Code:
<script type="text/javascript">
$(document).ready(function(){
$('.center_nav').append('<li><a id="show_s_option">Show</a><div id="stream_option">Forum Layouts<div><button class="str_button tscol active"><span></span></button><button class="str_button oscol"><span></span></button></div></div></li>');
});
</script>
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div id="boxes_area">
<a class="fake_pos" id="goto_forum"></a>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="boxes">
<h1 id="boxes_title">
<button class="collapse_boxes"><b>Collapse</b><b style="display:none">In detail</b></button>
<span>{catrow.tablehead.L_FORUM}</span>
</h1>
<div id="all_boxes">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<div class="a_box">
<div id="a_box_padding">
<div id="abox_head">
<span id="abox_img" alt="{catrow.forumrow.FORUM_NAME}"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.FORUM_NAME}" id="box_stt"/></span>
<h4>
<a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br/>
<small>Has {catrow.forumrow.POSTS} Topic's and {catrow.forumrow.TOPICS} Posts</small>
</h4>
<div class="sub_n_rank">
{catrow.forumrow.LINKS}
</div>
</div>
<div id="abox_descript">
<!-- BEGIN switch_moderators_links -->
<span id="bmod_link">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</span>
<!-- END switch_moderators_links -->
{catrow.forumrow.FORUM_DESC}
</div>
<div id="abox_lastpost">
<!-- BEGIN switch_topic_title -->
<h2><a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a></h2>
<!-- END switch_topic_title -->
<p>{catrow.forumrow.USER_LAST_POST}</p>
</div>
</div>
</div>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
<br class="clfloat"/>
</div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
</ul>
<!-- BEGIN switch_delete_cookies -->
<p class="right">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
- overall_footer_begin:
- Code:
<!-- BEGIN html_validation -->
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
</div>
</div>
</div>
</div>
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</div>
</div>
</div>
<div id="pun-foot">
<div id="pun-about" class="clearfix afoot">
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
<fieldset>
{S_JUMPBOX_SELECT}
</fieldset>
</form>
<ul>
<li>
<!-- BEGIN html_validation -->
</li>
</ul>
</div>
</div>
<!-- END html_validation -->
- overall_footer_end:
- 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>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- 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>
<p class="center">
<strong id="admin_link">{ADMIN_LINK}</strong>
<span style="color:#aaa;margin-bottom:10px;font-size:11px;display:inline-block">Style of Google. Code by Juskteez</span>
</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 -->
<!-- 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>
Last edited by Sir. Mayo on June 5th 2015, 1:05 am; edited 1 time in total
Re: Need help disigning my forum theme
- mod_most_viewed_topics:
- Code:
<div class="most_viewed_post nodis">
<div id="abox_lastpost" class="content_to_take">
<!-- BEGIN TOPIC -->
<h4><b class="right nodis">Views</b><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a></h4>
<!-- END TOPIC -->
</div>
</div>
- mod_login:
- Code:
<div class="module main user_info_to_take nodis">
<!-- BEGIN switch_profile -->
<div class="main-head"><h3 id="take_username">{USERNAME}</h3></div>
<div class="main-content clearfix details">
<div class="left" id="take_useravatar">
{USERNAME_AVATAR}
</div>
<dl class="left">
<dt>{L_MESSAGES}: </dt>
<dd> <strong>{NB_MESSAGES}</strong></dd>
<dt>{L_PM}: </dt>
<dd> <span id="take_usermsg">{NB_PM_UNREAD}</span> / {NB_PM_READ}</dd>
<dd style="text-align: center;"><a href="{U_PROFILE}">{L_MY_PROFILE}</a></dd>
</dl>
</div>
<!-- END switch_profile -->
</div>
- mod_top_posters:
- Code:
<div class="a_box top_poster">
<div id="a_box_padding">
<div id="abox_descript">
<h3>Featured Members/h3>
</div>
<div id="abox_lastpost">
<!-- BEGIN POSTER -->
<h4 title="{POSTER.NB_POSTS}">{POSTER.NAME}</h4>
<!-- END POSTER -->
</div>
</div>
</div>
- mod_recent_topics:
- Code:
<!-- BEGIN classical_row -->
<div class="recent_post nodis">
<div class="content_to_take">
<!-- BEGIN recent_topic_row -->
<h4>
<b class="right">
<!-- BEGIN switch_poster -->
by <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
</b>
<a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a> <blah>- {classical_row.recent_topic_row.S_POSTTIME}</blah>
</h4>
<!-- END recent_topic_row -->
</div>
</div>
<div class="a_box recent_post current_tab" data-module=".recent_post">
<div id="a_box_padding">
<div id="abox_descript">
<h3>The latest <span>Posts</span></h3>
<div class="sub_n_rank" id="control_m_tab">
<span data-module=".most_viewed_post">Most Viewed</span>
</div>
</div>
<div id="abox_lastpost" class="current_content">
<!-- BEGIN recent_topic_row -->
<h4>
<b class="right">
<!-- BEGIN switch_poster -->
by <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
</b>
<a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a> <blah>- {classical_row.recent_topic_row.S_POSTTIME}</blah>
</h4>
<!-- END recent_topic_row -->
</div>
</div>
</div>
<!-- END classical_row -->
Now add these scripts to your java script management set to all pages:
- back to top:
- Code:
/**
* jQuery.ScrollTo
* Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
* Dual licensed under MIT and GPL.
* Date: 5/25/2009
*/
;(function( $ ){
var $scrollTo = $.scrollTo = function( target, duration, settings ){
$(window).scrollTo( target, duration, settings );
};
$scrollTo.defaults = {
axis:'xy',
duration: parseFloat($.fn.jquery) >= 1.3 ? 0 : 1
};
// Returns the element that needs to be animated to scroll the window.
// Kept for backwards compatibility (specially for localScroll & serialScroll)
$scrollTo.window = function( scope ){
return $(window)._scrollable();
};
// Returns the real elements to scroll (supports window/iframes, documents and regular nodes)
$.fn._scrollable = function(){
return this.map(function(){
var elem = this,
isWin = !elem.nodeName || $.inArray( elem.nodeName.toLowerCase(), ['iframe','#document','html','body'] ) != -1;
if( !isWin )
return elem;
var doc = (elem.contentWindow || elem).document || elem.ownerDocument || elem;
return $.browser.safari || doc.compatMode == 'BackCompat' ?
doc.body :
doc.documentElement;
});
};
$.fn.scrollTo = function( target, duration, settings ){
if( typeof duration == 'object' ){
settings = duration;
duration = 0;
}
if( typeof settings == 'function' )
settings = { onAfter:settings };
if( target == 'max' )
target = 9e9;
settings = $.extend( {}, $scrollTo.defaults, settings );
// Speed is still recognized for backwards compatibility
duration = duration || settings.speed || settings.duration;
// Make sure the settings are given right
settings.queue = settings.queue && settings.axis.length > 1;
if( settings.queue )
// Let's keep the overall duration
duration /= 2;
settings.offset = both( settings.offset );
settings.over = both( settings.over );
return this._scrollable().each(function(){
var elem = this,
$elem = $(elem),
targ = target, toff, attr = {},
win = $elem.is('html,body');
switch( typeof targ ){
// A number will pass the regex
case 'number':
case 'string':
if( /^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(targ) ){
targ = both( targ );
// We are done
break;
}
// Relative selector, no break!
targ = $(targ,this);
case 'object':
// DOMElement / jQuery
if( targ.is || targ.style )
// Get the real position of the target
toff = (targ = $(targ)).offset();
}
$.each( settings.axis.split(''), function( i, axis ){
var Pos = axis == 'x' ? 'Left' : 'Top',
pos = Pos.toLowerCase(),
key = 'scroll' + Pos,
old = elem[key],
max = $scrollTo.max(elem, axis);
if( toff ){// jQuery / DOMElement
attr[key] = toff[pos] + ( win ? 0 : old - $elem.offset()[pos] );
// If it's a dom element, reduce the margin
if( settings.margin ){
attr[key] -= parseInt(targ.css('margin'+Pos)) || 0;
attr[key] -= parseInt(targ.css('border'+Pos+'Width')) || 0;
}
attr[key] += settings.offset[pos] || 0;
if( settings.over[pos] )
// Scroll to a fraction of its width/height
attr[key] += targ[axis=='x'?'width':'height']() * settings.over[pos];
}else{
var val = targ[pos];
// Handle percentage values
attr[key] = val.slice && val.slice(-1) == '%' ?
parseFloat(val) / 100 * max
: val;
}
// Number or 'number'
if( /^\d+$/.test(attr[key]) )
// Check the limits
attr[key] = attr[key] <= 0 ? 0 : Math.min( attr[key], max );
// Queueing axes
if( !i && settings.queue ){
// Don't waste time animating, if there's no need.
if( old != attr[key] )
// Intermediate animation
animate( settings.onAfterFirst );
// Don't animate this axis again in the next iteration.
delete attr[key];
}
});
animate( settings.onAfter );
function animate( callback ){
$elem.animate( attr, duration, settings.easing, callback && function(){
callback.call(this, target, settings);
});
};
}).end();
};
// Max scrolling position, works on quirks mode
// It only fails (not too badly) on IE, quirks mode.
$scrollTo.max = function( elem, axis ){
var Dim = axis == 'x' ? 'Width' : 'Height',
scroll = 'scroll'+Dim;
if( !$(elem).is('html,body') )
return elem[scroll] - $(elem)[Dim.toLowerCase()]();
var size = 'client' + Dim,
html = elem.ownerDocument.documentElement,
body = elem.ownerDocument.body;
return Math.max( html[scroll], body[scroll] )
- Math.min( html[size] , body[size] );
};
function both( val ){
return typeof val == 'object' ? val : { top:val, left:val };
};
})( jQuery );
- Script 1:
- Code:
$(document).ready(function() {
var curlink = location.href;
if ((curlink.indexOf('wall') > -1) && (curlink.indexOf('u') > -1)) {
var rdt=curlink.replace("wall","");
location.href=rdt;
} if ((curlink.indexOf('stats') > -1) && (curlink.indexOf('u') > -1)) {
var rdt=curlink.replace("stats","");
location.href=rdt;
} if ((curlink.indexOf('friends') > -1) && (curlink.indexOf('u') > -1)) {
var rdt=curlink.replace("friends","");
location.href=rdt;
} if ((curlink.indexOf('contact') > -1) && (curlink.indexOf('u') > -1)) {
var rdt=curlink.replace("contact","");
location.href=rdt;
} if (curlink.indexOf('?tt=1') > -1) {
var gulink = curlink.replace("?tt=1","");
} else {
var gulink = curlink;
}
var wheight = document.documentElement.clientHeight;
$("#nav_current").hover(function() {
$('.left-side_nav').animate({left:'0px'},100);
});
$(".left-side_nav").hover(function() {
$('.left-side_nav').animate({left:'0px'},100);
}, function(){
$('.left-side_nav').animate({left:'-270px'},100);
});
$(".g_search_box").submit(function(e) {
var keyword = $(this).children('input#g_search_input').val();
$("#gkw").html(keyword);
if (keyword != '') {
$('.search_rs_box').show();
$(this).children('input#g_search_input').removeClass('error').focus()
} else {
$('.search_rs_box').hide();
$(this).children('input#g_search_input').addClass('error').focus();
}
$(".put_the_rs").empty();
$(".search_rs_box").append('<div id="no_rs_box" class="still_loading nodis">Searching ...</div>');
$('.still_loading').fadeIn('fast');
$.get("/search?search_keywords="+keyword, function(data) {
$(data).find(".statused").children().appendTo(".put_the_rs");
$(".still_loading").fadeOut("slow", function() {
$(this).remove();
if ($(".put_the_rs").html() == '') {
$(".put_the_rs").append('<div id="no_rs_box">No results for '+keyword+'!</div>');
}
});
$(".put_the_rs tr").children(".tc2,.tcr").remove();
$(".put_the_rs tr .tcl").children("img").remove();
$(".put_the_rs tr").children(".tc3").prepend(' - ');
$(".put_the_rs tr").children(".tc3:last-child").prev('.tc3').append(' answer');
$(".put_the_rs tr").children(".tc3:last-child").append(' Views');
});
return false;
});
$('#close_srch').live("click",function(){
$('.search_rs_box').fadeOut('fast',function(){
$(".put_the_rs").empty();
});
});
$("#turn_chat, #close_hangout").live("click", function() {
$("#chat_hangout").toggle().removeClass("full_hangout");
});
$("#full_hangout").live("click", function() {
var scrollTop=((window.scrollY-0));
$("#chat_hangout").toggleClass("full_hangout").removeClass("hide_hangout");
if (scrollTop > 102) {
$("#chat_hangout").css('top',146);
$(".full_hangout").css('top',44);
} else {
$("#chat_hangout").css('top',146);
}
});
$("#hide_hangout").live("click", function() {
$("#chat_hangout").toggleClass("hide_hangout");
if ($("#chat_hangout").hasClass("hide_hangout")) {
$("#chat_hangout").css('top',(wheight-39)).removeClass("full_hangout");
} else {
$("#chat_hangout").css('top',146);
}
});
$("#show_s_option").live("click", function() {
$("#stream_option").fadeToggle('fast');
});
$("#stream_option .str_button").live("click", function() {
$("#stream_option .str_button").removeClass("active");
$("#stream_option").fadeOut('fast');
$(this).addClass("active");
});
$(".str_button.tscol").live("click", function() {
$("#wrapper").removeClass("ocolonly");
});
$(".str_button.oscol").live("click", function() {
$("#wrapper").addClass("ocolonly");
});
$("#gt_ava").live("click", function() {
$("#user_panel").fadeToggle('fast');
});
$(".collapse_boxes").live("click",function() {
$(this).children("b").toggle();
$(this).parent().parent(".boxes").children("#all_boxes").slideToggle();
});
$("#control_m_tab span").live("click", function() {
var datam = $(this).attr("data-module");
var label = $(this).text();
var cdatam = $(".a_box.current_tab").attr("data-module");
var clabel = $(".a_box.current_tab #abox_descript h3 span").text();
$(".a_box.current_tab #abox_descript h3 span").html(label);
$(".a_box.current_tab").attr("data-module",datam);
$("#control_m_tab").append('<span data-module="'+cdatam+'">'+clabel+'</span>');
$(this).remove();
var taken = $(datam+" .content_to_take").html();
$(".a_box.current_tab .current_content").html(taken);
});
$("#profile_username").live("mouseover",function() {
$(this).children(".profile_box").fadeIn("fast");
});
$("#profile_username").live("mouseleave",function() {
$(this).children(".profile_box").hide();
});
$('strong').each(function(i) {
if ($(this).html() == "Advanced Search") {
$(this).html("Advanced Search");
}
});
if ($("title").html() == "Advanced Search") {
$("title").html("Advanced Search");
}
$(".glogin").live("click",function() {
$(".g_login_panel").toggle();
$("body").toggleClass("noscroll");
});
$('input[value="gcover_photo"]').attr('value','gcover_photo').hide();
$('.profile_box img[alt="gcover_photo"]').each(function(i) {
var gcover = $(this).attr("src");
$(this).parent().parent(".profile_box").children("#pcover_box").css("background-image","url("+gcover+")");
$(this).parent().remove();
});
$('#profile-advanced-left img[alt="gcover_photo"]').each(function(i) {
var gcover = $(this).attr("src");
$('header').css("background-image","url("+gcover+")");
$(this).parent().parent().parent().next('.separator').remove();
$(this).parent().parent().parent().remove();
$(".center_nav li.active").html('<a direction="#goto_profile">Lý lịch</a>');
$(".center_nav li.active").after('<li><a direction="#goto_wall"><span>Wall/span></a></li><li><a direction="#goto_stats"><span>Stats</span></a></li><li><a direction="#goto_cont"><span>Connected</span></a></li><li><a direction="#goto_friend"><span>Friends</span></a></li>');
$('.center_nav li.activetab').remove();
$('.center_nav a[href="/#goto_stats"],.center_nav a#show_s_option,#profile-advanced-left #tabs').parent().remove();
});
$("#profile-advanced-layout").prepend('<a class="fake_pos" id="goto_profile"></a>');
$('#profile-advanced-right').each(function(i) {
if ($('#profile-advanced-add').length > 0) {
var gusername = $(this).children("#profile-advanced-add").next(".module").children('.main-head').children('.h3').html();
$('#n-site_infom h1').html('<a href="'+gulink+'">'+gusername+'</a>');
var guserava = $(this).children("#profile-advanced-add").next(".module").children('.main-head').next('.main-content').children('img:first').attr("src");
$('#n-site_logo img').attr('src',guserava);
$(this).children("#profile-advanced-add").next(".module").remove();
$(this).children("#profile-advanced-add").children('br').remove();
$(this).children("#profile-advanced-add").children('a').after(' ');
$(this).children("#profile-advanced-add").children('a').addClass('button').addClass('flat');
$(this).children("#profile-advanced-add").children('a:last').addClass('red');
var guadd = $(this).children("#profile-advanced-add").html();
$('#n-site_infom p').html('Thành viên của diễn đàn!<br/>'+guadd);
} else {
var gusername = $(this).children(".module:first").children('.main-head').children('.h3').html();
$('#n-site_infom h1').html('<a href="'+gulink+'">'+gusername+'</a>');
var guserava = $(this).children(".module:first").children('.main-head').next('.main-content').children('img:first').attr("src");
$('#n-site_logo img').attr('src',guserava);
$(this).children(".module:first").remove();
$('#n-site_infom p').html('Members of the forum!');
}
var fr_temp = $(this).children(".module:last").html();
$("#profile-advanced-left").append('<div id="pmd_wall" class="gfriend_module"><div class="main-head"><a class="fake_pos" id="goto_wall"></a>Wall</div></div><div id="pmd_stats" class="gfriend_module"><div class="main-head"><a class="fake_pos" id="goto_stats"></a>Statistics</div></div><div id="pmd_cont" class="gfriend_module"><div class="main-head"><a class="fake_pos" id="goto_cont"></a>Contact</div></div><div class="gfriend_module"><a class="fake_pos" id="goto_friend"></a>'+fr_temp+'</div>');
$(this).children(".module:last").remove();
$.get(gulink+"wall", function(data) {
$(data).find("#profile-advanced-details:first").appendTo("#pmd_wall");
$(".new-message a").addClass('button flat blue').html('Send new message').css('margin-bottom',10);
});
$.get(gulink+"stats", function(data) {
$(data).find("#profile-advanced-details:first").appendTo("#pmd_stats");
});
$.get(gulink+"contact", function(data) {
$(data).find("#profile-advanced-details:first").appendTo("#pmd_cont");
});
});
$('a').each(function(i) {
if ($(this).html() == "Add to my friends list") {
$(this).html("Add to Friends");
} if ($(this).html() == "Add to my foes list") {
$(this).html("Add To Foes");
}
});
$('#gquickreply .frm-buttons input[type="submit"]').addClass('flat');
$('#gquickreply .frm-buttons input[value="Send"]').attr('value','Trả lời').addClass('blue');
$(".posting [href*='/privmsg?mode=post']").addClass('button flat blue').html('Send new message');
});
jQuery(document).ready(function($) {
$('*').click(function () {
$('body').scrollTo($(this).attr('direction'), 600);
return false;
});
});
- Script 2:
- Code:
$(document).ready(function() {
$(window).scroll(function(){
var scrollTop=((window.scrollY-0));
if ( $(this).scrollTop() < 102 ){
$("nav, .left-side_nav").css('top',(102-(scrollTop))).removeClass('justthumb');
$("nav #mesg_noti").slideUp('fast');
$("#chat_hangout, .full_hangout").css('top',146);
} if ( $(this).scrollTop() > 102 ){
$("nav, .left-side_nav").css('top',0).addClass('justthumb');
$("nav #mesg_noti").slideDown('fast');
$("#user_panel").fadeOut('fast');
$(".full_hangout").css('top',44);
} if ( $(this).scrollTop() < 352 ){
$("header").removeClass('small_info').parent().css('padding-top',0);
$("#jump_top").fadeOut('fast');
} if ( $(this).scrollTop() > 352 ){
$("header").addClass('small_info').parent().css('padding-top',354);
$("#jump_top").fadeIn('fast');
}
});
});
Re: Need help disigning my forum theme
- overall_header:
- Code:
<!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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title id="title_tag">{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('#fa_ticker_content').css('display','block');
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
_gaq.push(["_trackPageview"]);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(function() {
var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body>
<!-- BEGIN switch_user_logged_in -->
<script type="text/javascript">
$(document).ready(function(){
$.get("/memberlist", function(data) {
$(data).find("#take_useravatar").children().appendTo("#gt_ava,#usavatar");
$(data).find("#take_username").appendTo("#gt_uname,#usname");
$(data).find("#take_usermsg").appendTo("#mesg_noti,.mesg_noti");
var msgtitle = $(data).find("#take_usermsg").html();
if (msgtitle == 0) {
$("#mesg_noti,.mesg_noti").addClass("grey");
}
$("#mesg_noti").attr("title","Notification message");
});
$.get("/profile?mode=editprofile", function(data) {
var userlink = $(data).find("#ucp .main-head .subtitle a").attr('href');
$(".left-side_nav a.profile").attr('href',userlink);
});
var logout_link = $('.orig_nav li a#logout').attr('href');
$(".glogout").attr("href",logout_link);
});
</script>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div class="g_login_panel">
<div id="head_g_login">
<div class="right">
Do you ha{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 class="main">
<div class="a_box stats" id="stats_area">
<a class="fake_pos" id="goto_stats"></a>
<div id="a_box_padding">
<h1 id="abox_head">
<span id="abox_img"></span>
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<a href="#stats_area">{L_WHO_IS_ONLINE}</a>
<!-- END switch_viewonline_nolink -->
</h1>
<div id="abox_descript">
<span class="right">{TOTAL_POSTS}</span>
{TOTAL_USERS}<br/>
{NEWEST_USER}
<!--div class="dhighlight" style="background: #fbcb43;">
<div id="dh_img"></div>
<h2>
We Are Forumotion Skin Fixers<br/>
<a href="" class="dh_button">Xem cộng đồng</a>
</h2>
<br class="clfloat"/>
</div-->
</div>
<div id="abox_descript">
{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}
<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<div class="clear"></div>
<p>Nhóm : {GROUP_LEGEND}</p>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div id="abox_lastpost">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
<!-- 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 -->
</div>
<!-- END switch_chatbox_activate -->
</div>
</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 -->ve an account? <a href="#register" class="button_mini red">Create an Account</a>
<button class="button_mini glogin">Quay lại</button>
</div>
<img src="http://i78.servimg.com/u/f78/18/35/47/86/log10.png" id="hg_logo"/>
</div>
<div class="gwrapp">
<form class="glogin_form" action="{S_LOGIN_ACTION}" method="POST" name="form_login">
<h2>Login</h2>
<label for="gusername">Uesername</label>
<input type="text" id="gusername" name="username"/>
<label for="gpassword">Password</label>
<input type="password" id="gpassword" name="password"/>
<button type="submit" class="button_mini" name="login">Login</button>
<input type="checkbox" name="autologin" {AUTOLOGIN_CHECKED}/> Keep Me Logged in<br/>
<a href="#">Can't Access your account??</a>
</form>
<div class="stuff">
<! - You can edit or remove this tag code in the desired folder ->
<h1>Google+</h1>
<p>Sign in and start sharing with Google+</p>
<div id="article">
<img src="http://i78.servimg.com/u/f78/18/35/47/86/share10.png" id="garticle_img"/>
<p>Only share with the right people</p>
<span>Share some content with friends and some other content with family but do not to share something for your boss</span>
</div>
<div id="article">
<img src="http://i78.servimg.com/u/f78/18/35/47/86/vidc10.png" id="garticle_img"/>
<p>Make your conversations come alive.</p>
<span>Hangout makes conversations come alive socks pictures, emoticons even group video calls for free!</span>
</div>
<div id="article">
<img src="http://i78.servimg.com/u/f78/18/35/47/86/photo10.png" id="garticle_img"/>
<p> Make your photos more beautiful than ever </p>
<span>automatically backup, organize, and improve your image!</span>
</div>
<div class="gquotes">
<img src="http://i78.servimg.com/u/f78/18/35/47/86/gquote10.png" id="gquotes_img"/>
<p>Did you know?</p>
<span>You can sign in to your Google+ account using your current google account!</span>
</div>
<!-- Bạn có thể chỉnh sửa hoặc xoá code trong cặp thẻ này theo ý muốn -->
</div>
<ul id="gfoot">
<li>©2013 Google</li>
<li>Code by Juskteez</li>
<li><a href="">Terms of Service</a></li>
<li><a href="">privacy policy</a></li>
<li><a href="">Help</a></li>
</ul>
</div>
</div>
<!-- END switch_user_logged_out -->
<div class="search_rs_box">
<p><button id="close_srch" class="right">Close</button>Results for keyword "<i id="gkw"></i>"</p>
<div class="put_the_rs">
</div>
</div>
<ul id="black_nav">
<li class="active"><a href="#">+Google</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">To introduce</a></li>
<li><a href="/faq">Help</a></li>
<li><a href="/contact">Contact Us</a></li>
<li><a href="/?mode=delete_cookies">Remove Cookies</a></li>
</ul>
<div id="search_area">
<a href="{U_INDEX}" id="s-logo"><img src="http://i78.servimg.com/u/f78/18/35/47/86/google10.png"/></a>
<form class="g_search_box" action="/search" method="GET">
<input type="text" name="search_keywords" id="g_search_input"/>
<button id="g_search_start" type="submit"><span></span></button>
</form>
<div class="user_controls">
<!-- BEGIN switch_user_logged_in -->
<span id="gt_uname"></span>
<button id="mesg_noti" title="Notification message" onclick="window.location='/privmsg?folder=inbox';"></button>
<span id="gt_ava"><span id="gt_a_arrow"></span></span>
<div id="user_panel">
<div class="top_control">
<div id="usavatar">
<a href="/profile?mode=editprofile&page_profil=avatars">Change Avatar
<div id="usminfo">
<strong id="usname"></strong>
Administrator
<p><a href="/profile?mode=editprofile&page_profil=signature">Edit Signature</a></p>
<a href="/profile?mode=editprofile" class="button">Edit Profile</a>
</div>
</div>
<div class="bottom_control">
<a href="login?logout" class="button right glogout">Log out</a>
<br class="clfloat"/>
</div>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<button class="button_mini red glogin">Login</button><a href="register" class="button_mini">Register</a>
<!-- END switch_user_logged_out -->
</div>
</div>
<div class="left-side_nav">
<ul>
<li><a href="{U_INDEX}" class="dex_w_icon home"><span></span>Trang chủ</a></li>
<li><a href="#" class="dex_w_icon profile"><span></span>Profile</a></li>
<!--li><a href="#tuychon" class="dex_w_icon people"><span></span>people</a></li-->
<li><a href="/gallery" class="dex_w_icon album"><span></span>Gallery</a></li>
<li><a href="/search?search_id=activetopics" class="dex_w_icon popular"><span></span>Today's active topics</a></li>
<li><a href="/memberlist" class="dex_w_icon community"><span></span>Memberlist</a></li>
<li><a href="/calendar" class="dex_w_icon event"><span></span>Calendar</a></li>
<li><a href="/chatbox/index.forum" class="dex_w_icon hangouts" target="_blank"><span></span>Hangouts</a></li>
<li><a href="/portal" class="dex_w_icon page"><span></span>Portal</a></li>
<li><a href="/?mark=forums&tt=1" class="dex_w_icon neibor"><span></span>Mark Forums Read</a></li>
<!--li><a href="#trangchu" class="dex_w_icon game"><span></span>The Game</a></li-->
<li><a href="/profile?mode=editprofile&page_profil=preferences" class="dex_w_icon setting"><span></span>Edit Profile</a></li>
</ul>
</div>
<nav>
<span id="nav_current" class="dex_w_icon"><b></b><span></span>Home<i></i></span>
<!-- BEGIN switch_user_logged_in -->
<button id="turn_chat" class="dex_w_icon"><span></span>Hangouts</button>
<button id="mesg_noti" class="mesg_noti" title="Notification message" onclick="window.location='/privmsg?folder=inbox';"></button>
<!-- END switch_user_logged_in -->
<ul class="center_nav">
<li><a direction="#search_area">Search</a></li>
<li class="active"><a href="{U_INDEX}#goto_forum" direction="#goto_forum">Topics</a></li>
<li><a href="/memberlist#">Members</a></li>
<li><a href="/groups#">Groups</a></li>
<li><a href="{U_INDEX}#goto_stats" direction="#goto_stats">Stats</a></li>
</ul>
</nav>
<div id="chat_hangout">
<div id="hangout_control">
<button id="close_hangout" title="Close Hangout's"></button>
<button id="full_hangout" title="Zoom in/Zoom Out"></button>
<button id="hide_hangout" title="Hide/Show"></button>
Hangouts
</div>
<iframe src="/chatbox/index.forum" id="hangout_frame"></iframe>
</div>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module main">
<div id="login_popup_title" class="main-head">
<div class="h3">{SITENAME}</div>
</div>
<div class="main-content">
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button2" value="{L_LOGIN}" />
<input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
</div>
<!-- END switch_login_popup -->
<a id="top" name="top" accesskey="t"></a>
<div class="minwidth_IE">
<div class="layout_IE">
<div class="container_IE">
<header style="background-image: url(http://res1.windows.microsoft.com/resbox/en/windows%207/main/2490cf4b-898c-42d7-b0ca-90be968f9539_12.jpg);">
<div class="info_tab">
<div id="n-site_logo">
<img src="{LOGO}" alt="{L_INDEX}"/>
</div>
<div id="n-site_infom">
<h1><a href="{U_INDEX}">{L_INDEX}</a></h1>
<p>
<!-- BEGIN switch_desc -->
<small>{L_INDEX} | {switch_desc.SITE_DESCRIPTION}</small>
<!-- END switch_desc -->
</p>
<ul class="nodis orig_nav">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
</div>
<a direction="#black_nav" id="jump_top">Goto top</a>
</header>
<div class="pun">
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="modules_area">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<!-- END saut -->
<!-- END giefmod_index1 -->
<br class="clfloat"/>
</div>
<div id="main">
<div id="main-content">
<!-- BEGIN html_validation -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- END html_validation -->
Re: Need help disigning my forum theme
- viewtopic_body:
- Code:
{JAVASCRIPT}
<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>
<script type="text/javascript">
$(document).ready(function(){
var topic_title = '{TOPIC_TITLE}';
var topic_url = '{TOPIC_URL}';
$('#n-site_infom h1').html('<a href="'+topic_url+'">'+topic_title+'</a>');
$('#n-site_infom p').html('<a class="button flat blue" href="#goto_comment">Bình luận về bài viết này ngay!</a>');
});
</script>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<!-- BEGIN switch_plus_menu -->
<li>
<script type="text/javascript">//<![CDATA[
var url_favourite = '{switch_user_logged_in.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_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</li>
<!-- END switch_plus_menu -->
<li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a></li>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<!-- BEGIN watchtopic -->
<li>{S_WATCH_TOPIC}</li>
<!-- END watchtopic -->
</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 -->
<div class="pun-crumbs noprint">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
<strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
<!-- 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=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
</span>
<!-- END switch_fb_likebtn -->
</p>
</div>
<div class="boxes post_boxes paged">
<div class="paged-head clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">{PAGINATION}</p>
<!-- END topicpagination -->
</div>
<h1 id="boxes_title">
<p class="right">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" class="button flat red">Tạo mới</a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" class="button flat blue">Trả lời</a>
<!-- END switch_user_authreply -->
</p>
<span>
<p class="h2" direction="#goto_comment">
<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>
{L_MESSAGE} [{PAGE_NUMBER}]
</p>
</span>
</h1>
<div id="gpoll_display">
{POLL_DISPLAY}
</div>
<div id="all_boxes">
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<p class="p-hidden">{postrow.hidden.MESSAGE}</p>
<!-- END hidden -->
<!-- BEGIN displayed -->
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="main-content topic">
<!-- END first_post_br -->
<div class="a_box post-{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
<a name="{postrow.displayed.U_POST_ID}" class="fake_pos"></a>
<div id="a_box_padding"{postrow.displayed.THANK_BGCOLOR}>
<p id="abhead_title">
<strong class="right gbp_count" id="p{postrow.displayed.U_POST_ID}">{postrow.displayed.COUNT_POSTS}</strong>
{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
</p>
<div id="abox_head">
<span id="abox_img">{postrow.displayed.POSTER_AVATAR}</span>
<h4>
<span id="profile_username">
{postrow.displayed.POSTER_NAME}
<div class="profile_box">
<span id="online_stt">{postrow.displayed.ONLINE_IMG}</span>
<div id="pcover_box" style="background-image: url(img/header.jpg);"></div>
<span id="puavtar">{postrow.displayed.POSTER_AVATAR}</span>
<h2>{postrow.displayed.POSTER_NAME}</h2>
<!-- BEGIN profile_field -->
<p>{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</p>
<!-- END profile_field -->
<p>{postrow.displayed.POSTER_RPG}</p>
<div id="link_box">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</div>
</div>
</span><br/>
<small>{postrow.displayed.POSTER_RANK_NEW}</small>
</h4>
<div class="sub_n_rank rank_img">
{postrow.displayed.RANK_IMAGE}
<b></b>
</div>
</div>
<div id="abox_descript" class="post-entry_content"{postrow.displayed.THANK_BGCOLOR}>
<!-- 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>
<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>
</div>
<p style="color:#999;"><small><i>
{postrow.displayed.EDITED_MESSAGE}
</i></small></p>
<!-- BEGIN switch_signature -->
<div class="post_singature">
{postrow.displayed.SIGNATURE_NEW}
</div>
<!-- END switch_signature -->
</div>
<div id="post_tools">
{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}
</div>
</div>
</div>
<!-- END displayed -->
<!-- END postrow -->
</div>
<div class="main-foot clearfix">
<p class="options">
<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}" />
<!-- BEGIN viewtopic_bottom -->
{S_TOPIC_ADMIN}
<!-- END viewtopic_bottom -->
</p>
</div>
<a name="bottomtitle"></a>
<h1 id="boxes_title">
<p class="right">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" class="button flat red">Tạo mới</a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" class="button flat blue">Trả lời</a>
<!-- END switch_user_authreply -->
</p>
<span>
<p class="h2">
<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>
{L_MESSAGE} [{PAGE_NUMBER}]
</p>
</span>
</h1>
<div class="paged-foot clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">{PAGINATION}</p>
<!-- END topicpagination -->
</div>
</div>
<div class="pun-crumbs">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »
<strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
</p>
</div>
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
</div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
</div>
<div class="main-content clearfix">
<!-- BEGIN link -->
» <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</div>
</div>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
<div class="main-head clearfix">
<p class="h2">{L_FORUM_RULES}</p>
</div>
<table class="main-content frm">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules entry-content">
{RULE_MSG}
</td>
</tr>
</table>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in -->
<div id="gquickreply">
<a name="quickreply" id="goto_comment" class="fake_pos"></a>
{QUICK_REPLY_FORM}
</div>
<!-- END switch_user_logged_in -->
<div id="pun-info" class="main">
<div class="main-content">
<div id="stats">
<p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
</div>
</div>
</div>
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', '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>
Re: Need help disigning my forum theme
- CSS:
- Code:
* {margin: 0;padding: 0;text-decoration: none;border: none;}
::-webkit-scrollbar {width: 12px;height: 12px}
::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.2);border: 1px solid rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,0.4);}
::-webkit-scrollbar-button {width: 0;height: 0;display:none;}
::-webkit-scrollbar-track {background: #f5f5f5;border-left: 1px solid rgba(0,0,0,0.1);border-right: 1px solid rgba(0,0,0,0.05);}
body {font-family: Arial, sans-serif;background: #e5e5e5;}
.pun {line-height:100%;min-width: 900px;padding: 0;width: 900px;}
.pun .main-content {border: none;}
#page-body {margin: 0;}
.noscroll {overflow: hidden !important;}
a, button {cursor: pointer;} .right {float: right;} .left {float: left;}
a {color: #737373} a:hover {color: #262626;}
.clfloat {clear: both;} .nodis {display: none;}
.g_search_box *, .user_controls * {vertical-align: middle;}
#nav_current *, header *, .sub_n_rank span, .sub_n_rank, nav .center_nav li a, .boxes, #user_panel #usavatar a,
.recent_post #abox_lastpost h4 span, .sub_n_rank.rank_img b {
-webkit-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;transition: all 0.2s ease;
} #chat_hangout,.post_boxes .a_box, .post_singature *, #chatbox_members {
-webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;transition: all 0.5s ease;
} .noani, nav #nav_current i, #n-site_infom h1, #gu_add *, .flat {
-webkit-transition: all 0s ease;-ms-transition: all 0s ease;-moz-transition: all 0s ease;
-o-transition: all 0s ease;transition: all 0s ease;
}
.user_controls {
position: absolute;
right: 10px;
top: 10px;
display: none;
}
.button, button,input[type="submit"],input[type="reset"],input[type="button"], #post_tools a {
height: 35px;background: #fff;border: 1px solid #d9d9d9;font-weight: bolder;padding: 0 10px;cursor: pointer;
box-shadow: 0 1px 1px rgba(0,0,0,0.05);display: inline-block;border-radius: 2px;color: #737373;
} .button:hover, button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover, #post_tools a:hover {
border-color: #b8b8b8;box-shadow: 0 1px 1px rgba(0,0,0,0.1);color: #262626;}
.button:active, button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active, #post_tools a:active {
background: #e5e5e5;box-shadow: inset 0 2px 1px rgba(0,0,0,0.02) !important;}
a.button, #post_tools a {
height: auto;padding: 8px 10px;text-align: center;
} #post_tools a {padding: 8px;}
.flat {
box-shadow: none !important;padding: 9px 11px !important;border: none !important;
background-image: none !important;font-size: 13px;text-shadow: none !important;
background: #65b045 !important;color: #fff !important;border-radius: 3px !important;
} .flat:hover {
box-shadow: inset 0 -2px rgba(0,0,0,0.25) !important;
} .flat:active {background: #65b045 !important;box-shadow: inset 0 0 0 17px rgba(0, 0, 0, 0.25) !important;}
.flat.red {background: #dd4b39 !important;} .flat.blue {background: #4285f4 !important;}
#hangout_control button, nav #turn_chat {min-width: 10px !important;border: none;box-shadow: none;}
input[type="text"],input[type="password"],textarea,select {
height: 27px;border: 1px solid #d9d9d9;border-top-color: #c0c0c0;
padding: 0 8px;font-size: 16px;outline: none;background: #fff;font-size: 13px;
} input[type="text"]:hover,input[type="password"]:hover,textarea:hover,select:hover {
border-color: #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
} input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus {
border-color: #4d90fe;box-shadow: inset 0 1px 2px rgba(0,0,0,0.18);
} input[disabled],textarea[disabled],select[disabled] {background: #EEE;border: 1px solid #CCC !important;box-shadow: none !important;}
select {padding: 4px;font-size: 13px;}
.error {border-color: #e10 !important;}
#black_nav {
background: #2d2d2d;position: relative;color: #fff;font-size: 13px;
} #black_nav a {color: #ababab;font-weight: bold;} #black_nav a:hover, #black_nav .active a {color: #fff;}
#black_nav li, #black_nav li a {display: inline-block;}
#black_nav li a {padding: 7px 0;padding-left: 16px;display: inline-block;}
#search_area {
height: 72px;background: #fff;z-index: 888;
}
#s-logo {
position: relative;width: 119px;height: 39px;margin: 17px 0;margin-left: 20px;margin-right: 7px;
background: transparent;display: inline-block;vertical-align: middle;
} .g_search_box {
display: inline-block;vertical-align: middle;margin-top: -4px;
} #g_search_input {
height: 27px;border: 1px solid #d9d9d9;border-top-color: #c0c0c0;width: 422px;
padding: 0 10px;font-size: 16px;outline: none;background: #fff;
} #g_search_input:hover {
border-color: #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
} #g_search_input:focus {
border-color: #4d90fe;box-shadow: inset 0 1px 2px rgba(0,0,0,0.18);
} #g_search_start, #usminfo .button, .button_mini {
width: 70px;height: 29px;border-radius: 2px;border: 1px solid #3079ed;margin-left: 11px;
background-image: -webkit-linear-gradient(bottom, #4787ed 0%, #4d8ffd 100%);
background-image: -moz-linear-gradient(bottom, #4787ed 0%, #4d8ffd 100%);
background-image: -ms-linear-gradient(bottom, #4787ed 0%, #4d8ffd 100%);
background-image: -o-linear-gradient(bottom, #4787ed 0%, #4d8ffd 100%);
background-image: linear-gradient(bottom, #4787ed 0%, #4d8ffd 100%);
} #g_search_start span {
display: inline-block;width: 13px;height: 13px;margin-top: -2px;margin-left: -1px;
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk110.png);background-position: -33px 0;
} #g_search_start:hover, #usminfo .button:hover, .button_mini:hover {
border-color: #2f5bb7;color: #fff;
background-image: -webkit-linear-gradient(bottom, #357ae8 0%, #4c8ffd 100%);
background-image: -moz-linear-gradient(bottom, #357ae8 0%, #4c8ffd 100%);
background-image: -ms-linear-gradient(bottom, #357ae8 0%, #4c8ffd 100%);
background-image: -o-linear-gradient(bottom, #357ae8 0%, #4c8ffd 100%);
background-image: linear-gradient(bottom, #357ae8 0%, #4c8ffd 100%);
} #g_search_start:active, #usminfo .button:active, .button_mini:active {box-shadow: inset 0 0 0 1px #fff !important;}
.button_mini {
color: #fff;padding: 6px 10px;font-size: 12px;font-weight: bolder;text-transform: uppercase;
width: auto;margin: 0;display: inline-block;height: auto;
} .red {
border-color: #d14836;background-color: #dc4a38;background-image: none;
} .red:hover {
border-color: #b0281a;
background-image: -webkit-linear-gradient(bottom, #c53727 0%, #dc4a38 100%);
background-image: -moz-linear-gradient(bottom, #c53727 0%, #dc4a38 100%);
background-image: -ms-linear-gradient(bottom, #c53727 0%, #dc4a38 100%);
background-image: -o-linear-gradient(bottom, #c53727 0%, #dc4a38 100%);
background-image: linear-gradient(bottom, #c53727 0%, #dc4a38 100%);
}
.g_login_panel {
position: fixed;top: 0;left: 0;width: 100%;height: 100%;
background-color: #fff;z-index: 999;font-size: 13px;display: none;
}
#head_g_login {
background: #f1f1f1;height: 71px;border-bottom: 1px solid #e5e5e5
} #hg_logo {margin: 16px;margin-left: 40px;max-height: 42px;}
#head_g_login .right {margin: 21px;margin-right: 40px;}
#head_g_login .right .button_mini {margin-left: 8px;}
.gwrapp {width: 1000px;margin: 35px auto;}
.stuff h1 {font-weight: lighter;color: #e84b39;font-size: 1.8em;}
.stuff p {padding: 5px 0;}
.stuff #article {margin: 25px 0;padding-left: 60px;max-width: 540px;}
#garticle_img {position: absolute;margin: 3px 0;margin-left: -60px;}
.gquotes {
padding: 20px 25px;background-color: #e7e7e7;max-width: 555px;
} #gquotes_img {float: right;margin: 8px 0;}
.glogin_form {
position: relative;background: #f1f1f1;border: 1px solid #e5e5e5;
width: 283px;padding: 20px 25px;float: right;margin-left: 50px;
} .glogin_form label {display: block;font-weight: bolder;margin-top: 15px;margin-bottom: 5px;}
.glogin_form h2, .stuff p {font-weight: lighter;font-size: 1.3em;}
.glogin_form input[type="text"], .glogin_form input[type="password"] {width: 265px;}
.glogin_form button[type="submit"] {display: block;width: auto;margin: 15px 0;text-transform: none;font-size: 13px;}
#gfoot {position: absolute;left: 0;bottom: 0;border-top: 1px solid #ebebeb;width: 100%;font-size: 11px;}
#gfoot li {display: inline-block;margin: 10px;} #gfoot li:first-child {margin-left: 40px;}
.search_rs_box {
position: fixed;top: 120px;left: 100px;background: #fff;border: 1px solid #ccc;
width: calc(100% - 200px);height: calc(100% - 240px);z-index: 777;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);overflow: hidden;display: none;
}
.search_rs_box .put_the_rs {
position: relative;height: calc(100% - 37px);overflow-y: auto;
}
.search_rs_box tr,.search_rs_box p {
display: block;font-size: 14px;padding: 20px 30px;border-bottom: 1px solid #DDD;position: relative;
} .search_rs_box tr:hover,.search_rs_box p {background: #fafafa;}
.search_rs_box p {color: #999;box-shadow: 0 0 10px rgba(0,0,0,0.05);padding: 10px 20px;}
.search_rs_box tr h2 {font-size: 14px;}
.search_rs_box tr .status {position: absolute;top: 50%;margin-top: -14px;left: 10px;}
#no_rs_box {
position: absolute;width: 100%;height: 32px;top: 50%;font-size: 24px;color: #BBB;
font-weight: bolder;margin-top: -25px;left: 0;text-align: center;margin-left: 0;
}
.search_rs_box p button {height: 24px;margin-top: -4px;font-size: 11px;margin-right: -13px;}
.user_controls {position: absolute;right: 10px;top: 10px;}
.user_controls * {margin-right: 10px;}
.user_controls .button_mini {margin-top: 10px;}
#user_panel * {margin-right: auto;}
#user_panel {
position: absolute;right: 0;background: #fff;border: 1px solid #b7b7b7;width: 340px;
box-shadow: 0 2px 1px rgba(0,0,0,0.1);margin-right: -5px;margin-top: 10px;display: none;
} #user_panel #usavatar {
float: left;width: 96px;height: 96px;margin: 20px;position: relative;
} #user_panel #usavatar img {width: 96px;height: 96px;}
#user_panel:before {
content: "";position: absolute;width: 20px;height: 11px;
background: url(http://i78.servimg.com/u/f78/18/35/47/86/up_arr10.png);right: 28px;top: -11px;
}
#user_panel #usavatar a {
position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.4);
padding: 5px 11px;color: #fff;font-size: 9px;margin: 0;opacity: 0;
} #user_panel #usavatar:hover a {opacity: 1;}
#user_panel #usminfo {
padding: 15px;font-size: 13px;color: #737373;
} #user_panel #usminfo p {margin: 4px 0;}
#user_panel #usminfo p a {color: #4787ed;}
#usminfo .button, .bottom_control .button {height: auto;margin: 0;color: #fff;padding: 6px;line-height: 15px;margin-top: 10px;}
.top_control {height: 136px;position: relative;}
.bottom_control {padding: 10px 20px;background: #f5f5f5;border-top: 1px solid #bebebe;box-shadow: inset 0 3px 3px rgba(0,0,0,0.1);}
.bottom_control .button {
background: #fff;font-size: 11px;color: #737373;margin: 0;
} .bottom_control .button:hover {color: #262626;}
#mesg_noti {
background: #db4a38;width: 28px;height: 28px;border: 1px solid rgba(0,0,0,0.2);border-radius: 2px;
color: #fff;font-weight: bolder;font-size: 14px;text-shadow: 0 1px 1px rgba(0,0,0,0.2);min-width: auto;
} #mesg_noti *, #gt_uname * {margin-right: 0;}
#mesg_noti:hover {border: 1px solid rgba(0,0,0,0.4);}
#mesg_noti.grey {
text-shadow:none;box-shadow: none;color: #999;
background-image: -webkit-linear-gradient(bottom, #ececec 0%, #f7f7f7 100%);
background-image: -moz-linear-gradient(bottom, #ececec 0%, #f7f7f7 100%);
background-image: -ms-linear-gradient(bottom, #ececec 0%, #f7f7f7 100%);
background-image: -o-linear-gradient(bottom, #ececec 0%, #f7f7f7 100%);
background-image: linear-gradient(bottom, #ececec 0%, #f7f7f7 100%);
} #mesg_noti.grey:hover {
background-image: -webkit-linear-gradient(bottom, #ececec 0%, #fefefe 100%);
background-image: -moz-linear-gradient(bottom, #ececec 0%, #fefefe 100%);
background-image: -ms-linear-gradient(bottom, #ececec 0%, #fefefe 100%);
background-image: -o-linear-gradient(bottom, #ececec 0%, #fefefe 100%);
background-image: linear-gradient(bottom, #ececec 0%, #fefefe 100%);
}
.user_controls #gt_uname, .user_controls #gt_uname h3 {color: #737373;font-size: 14px;display: inline-block;font-weight: lighter;}
.user_controls #gt_uname strong {color: #737373;font-weight: lighter;}
.user_controls #gt_ava {
border: 1px solid #c6c6c6;border-radius: 2px;display: inline-block;
width: 49px;height: 49px;position: relative;cursor: pointer;
} .user_controls #gt_ava #gt_a_arrow {
position: absolute;border-width: 4px 4px;border-style: solid;
border-color: #999 transparent transparent transparent;
top: 50%;right: -25px;
} .user_controls #gt_ava img {width: 49px;height: 49px;}
.dex_w_icon span {
display: inline-block;width: 20px;height: 20px;background: #ddd;vertical-align: bottom;margin-right: 8px;margin-left: 4px;
}
nav {
position: fixed;width: 100%;left: 0;background: #f5f5f5;height: 44px;top: 102px;font-size: 14px;z-index: 333;
} nav.justthumb {background: #fff;}
nav #nav_current {
position: absolute;background: transparent;padding: 12px;padding-bottom: 13px;color: #737373;cursor: default;
} #nav_current span, .dex_w_icon.home span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: -42px -20px;
} nav.justthumb #nav_current {font-size: 0;} nav.justthumb #nav_current span {margin-left: 44px;}
nav #nav_current b {
width: 44px;height: 44px;display: inline-block;background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: -76px -61px;
position: absolute;top: 0;left: -44px;
} nav.justthumb #nav_current b {left: 0;}
nav #nav_current i {
display: inline-block;width: 0;height: 10px;background: #ddd;position: absolute;margin: 5px 2px;
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: -61px -64px;
} nav.justthumb #nav_current i {width: 7px;}
nav #turn_chat {
background: transparent;padding: 12px;padding-bottom: 13px;color: #737373;font-size: 0;float: right;
} #turn_chat span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk310.png);background-position: -31px -682px;
} nav.justthumb #turn_chat {font-size: 14px;}
nav #mesg_noti {float: right;margin: 8px 0;display: none;}
nav .center_nav {text-align: center;}
nav .center_nav li {display: inline-block;}
nav .center_nav li a {padding: 15px 0;padding-bottom: 13px;color: #737373;display: inline-block;margin: 0 15px;border-bottom: 0 solid #427fed;}
nav .center_nav li.active a, nav .center_nav li a:hover, nav .center_nav li.active a:hover {
padding-bottom: 11px;border-width: 2px;color: #2e2e2e;font-weight: bolder;
}
nav .center_nav li a:hover {font-weight: lighter;}
#stream_option {
position: absolute;padding: 15px;background: #f5f5f5;border: 1px solid #ccc;color: #737373;display: none;
box-shadow: 0 0 30px rgba(0,0,0,0.5);border-radius: 2px;margin-top: -4px;margin-left: 15px;
} .str_button {
width: 72px;height: 35px;background: #fff;border: 1px solid #d9d9d9;
box-shadow: 0 1px 1px rgba(0,0,0,0.05);margin-top: 15px;
} .str_button:hover {border-color: #b8b8b8;box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.str_button.active {background: #e5e5e5;box-shadow: inset 0 2px 1px rgba(0,0,0,0.02) !important;}
.str_button.tscol {border-radius: 2px 0 0 2px;} .str_button.oscol {border-radius: 0 2px 2px 0;}
.str_button span {display: inline-block;width: 17px;height: 17px;vertical-align: bottom;}
.str_button.tscol span {background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk310.png);background-position: 0 -583px;}
.str_button.oscol span {background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk310.png);background-position: -46px -583px;}
.left-side_nav {
position: fixed;background: #fff;top: 102px;width: 230px;bottom: 0;left: -270px;z-index: 444;
border-top: 1px solid #e5e5e5;box-shadow: 0 0 40px rgba(0,0,0,0.5);
} .left-side_nav ul li a {display: block;padding: 12px;color: #767676;font-size: 14px;}
.left-side_nav ul li a:hover {background: #f5f5f5;color: #262626;}
.left-side_nav ul li a.home, .left-side_nav ul li a.album {border-bottom: 1px solid #e5e5e5;}
.dex_w_icon.profile span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: -121px -61px;
} .dex_w_icon.people span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: -120px -21px;
} .dex_w_icon.album span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: 0 -42px;
} .dex_w_icon.popular span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: 0 -61px;width: 16px;margin-left: 6px;margin-right: 10px;
} .dex_w_icon.community span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: 0 -21px;
} .dex_w_icon.event span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: -100px -37px;
} .dex_w_icon.hangouts span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: -121px -82px;
} .dex_w_icon.page span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: -101px 0;
} .dex_w_icon.neibor span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: -63px 0;
} .dex_w_icon.game span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: -36px -82px;
} .dex_w_icon.setting span {
background: url(http://i78.servimg.com/u/f78/18/35/47/86/gk210.png);background-position: -15px -82px;
}
header {
position: relative;width: 100%;height: 310px;background: rgba(0,0,0,0.1);background-position: center !important;
background-size: 100% !important;color: #ddd;text-shadow: 0 1px rgba(0,0,0,0.8), 0 0 2px #000;margin-top: 44px;
} header .info_tab {
position: absolute;bottom: 0;left: 50%;margin-left: -450px;
height: 160px;width: 900px;
} header a {color: #fff !important;}
.info_tab #n-site_logo {
float: left;margin: 20px;
height: 120px;width: 120px;
} .info_tab #n-site_logo img {border-radius: 100%;}
.info_tab #n-site_infom {float: left;height: 100px;width: 740px;margin: 30px 0;}
#n-site_infom h1 {font-weight: lighter;margin-bottom: 5px;}
#n-site_infom h1 a span strong {color: #fff;font-weight: lighter;}
#n-site_infom h1 a em {font-style: normal;}
#n-site_infom small {margin: 4px 0;margin-right: 20px;display: inline-block;}
#n-site_infom small span {width: 12px;height: 12px;display: inline-block;background: #b4b3b4;margin-right: 5px;}
header.small_info {height: 60px;position: fixed;top: 0;left: 0;z-index: 111;}
header.small_info .info_tab {left: 0;margin-left: 0;height: 60px;width: 100%;}
header.small_info #n-site_logo {width: 28px;height: 28px;margin: 18px 12px;}
header.small_info #n-site_logo img {width: 28px;height: 28px;}
header.small_info #n-site_infom {height: 28px;margin: 18px 0;}
header.small_info #n-site_infom h1 {font-size: 22px;}
header.small_info #n-site_infom p, .small_info #gu_add {display: none;}
#gu_add {float: right;text-align: right;} #gu_add a {margin-bottom: 5px;}
#jump_top {
position: absolute;padding: 5px 10px;background: rgba(0,0,0,0.3);text-shadow:none;display: none;
border-radius: 2px;border: 1px solid rgba(0,0,0,0.2);font-size: 13px;right: 15px;bottom: 15px;
}
.content_wrapper {width: 900px;margin: 0 auto;}
#pun-about, .main-box, #pun-visit, .pun-crumbs, .main-content, #tabs {
background: #fff;border-radius: 2px;position: relative;padding: 20px;border: none;
box-shadow: 0 2px 1px rgba(0,0,0,0.2);margin-bottom: 22px;font-size: 14px;
} .pun-crumbs {margin-bottom: 0;padding: 10px;font-size: 14px;}
.pun-crumbs p.crumbs:before {
content: url(http://i78.servimg.com/u/f78/18/35/47/86/house10.png);vertical-align: middle;margin-right: 8px;
}
#boxes_area {padding-top: 30px;}
.boxes {margin: 0 auto;width: 900px}
#all_boxes {width: 922px;}
#boxes_title span {
background: #fff;font-size: 16px;color: #008eee;padding: 8px 10px;border-radius: 2px;vertical-align: top;
display: inline-block;box-shadow: 0 2px 1px rgba(0,0,0,0.2);overflow: hidden;position: relative;padding-left: 15px;
} #boxes_title span:before {
content: "";position: absolute;width: 5px; height: 100%;background: #008eee;left: 0;top: 0;
} #boxes_title span h2 {font-size:16px;}
#boxes_title {margin-bottom: 20px;position: relative;}
#boxes_title .collapse_boxes {position: absolute;right: 0;top: 1px;}
#boxes_title .right a {font-size: 13px;}
.a_box {
width: 439px;background: #fff;border-radius: 2px;float: left;position: relative;
box-shadow: 0 2px 1px rgba(0,0,0,0.2);margin-bottom: 22px;margin-right: 22px;
} .a_box #a_box_padding {padding: 20px;}
.a_box:nth-of-type(2), .a_box:nth-of-type(4), .a_box:nth-of-type(6), .a_box:nth-of-type(8), .a_box:nth-of-type(10),
.a_box:nth-of-type(12), .a_box:nth-of-type(14), .a_box:nth-of-type(16), .a_box:nth-of-type(18), .a_box:nth-of-type(20),
.a_box:nth-of-type(22), .a_box:nth-of-type(24)
{float: right;}
.gbp_count {background: #DDD;border-radius: 2px;padding: 2px 8px;margin-top: -4px;}
.ocolonly .boxes {width: 439px;}
.ocolonly #all_boxes {width: 461px;}
.ocolonly .a_box {float: none;margin-right: 0;}
#abox_head {height: 46px;margin-bottom: 20px;position: relative;}
#abox_img {float: left;width: 46px;height: 46px;background: #aaa;border-radius: 100%;}
#abox_img img {border-radius: 100%;max-width: 46px;max-height: 46px;}
#abox_img #box_stt {position: absolute;margin: -5px;border-radius: 0;}
#abox_head h4 {margin-left: 46px;padding-left: 15px;padding-top: 5px;}
#abox_head h4 small {color: #999;font-weight: lighter;}
#a_box_padding #abox_descript, #abhead_title {font-size: 14px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
#abhead_title {padding-bottom: 10px;position: relative;margin-top: -5px;font-size: 12px;color: #999;}
#abox_descript .dhighlight {
background: #fefefe;margin: 0 -15px;margin-top: 20px;position: relative;
box-shadow: inset 0 0 1px rgba(0,0,0,0.05);
} .dhighlight #dh_img {
width: 120px;height: 120px;background: #fff;margin: 15px;
box-shadow: 0 0 0 15px rgba(0,0,0,0.05);float: left;
} .post_singature {
background: #fefefe;margin: 15px 0;margin-top: 30px;max-height: 200px;
padding: 5px;box-shadow: 0 0 0 15px rgba(0,0,0,0.1);overflow: auto;
} .post_singature * {max-width: 835px !important;}
.post_singature br:first-child, .post_singature br:nth-of-type(2) {display: none;}
.post_singature * br {display: block;}
#abox_descript br:last-child {display: none;}
#abox_descript br.clfloat:last-child {display: block;}
.boxes.post_boxes {width: 900px;}
.boxes.post_boxes #boxes_title {margin-top: 20px;}
.boxes.post_boxes .a_box {width: 900px;margin-right: 0;float: none;}
.boxes.post_boxes #all_boxes {width: 900px;}
.dhighlight h2 {
padding: 15px;margin-left: 150px;font-size: 24px;font-weight: lighter;color: #fff;line-height: 32px;padding-bottom: 0;
} .dhighlight .dh_button {
background: #fff;border-radius: 2px;font-size: 12px;font-weight: bolder;color: #262626;line-height: 12px;
padding: 8px 10px;margin-top: 15px;display: inline-block;box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
}
#post_tools {margin-top: 20px;} #post_tools a {min-width: auto;font-weight: bolder;}
#post_tools a img {height: 12px;}
.sub_n_rank {position: absolute;right: -24px;top: 18px;font-size: 0;}
.sub_n_rank:hover {box-shadow: 0 0 30px rgba(0,0,0,0.3);z-index: 1;}
.sub_n_rank span, .sub_n_rank a {
background: transparent;display: block;border-right: 4px solid #ebebeb;font-size: 12px;overflow: hidden;
color: transparent !important;padding: 5px 11px;padding-top: 6px;position: relative;min-height: 16px;margin: -8px 0;
} .sub_n_rank:hover span, .sub_n_rank:hover a {background: #ebebeb;color: #999 !important;}
.sub_n_rank span:first-child, .sub_n_rank a:first-child {opacity: 1;background: #f5f5f5;color: #999 !important;border-color: #404040}
.sub_n_rank:hover span:first-child, .sub_n_rank:hover a:first-child {background: #404040;color: #fff !important;}
.sub_n_rank span:nth-of-type(2),.sub_n_rank a:nth-of-type(2) {border-color: #3f80ea;}
.sub_n_rank:hover span:nth-of-type(2),.sub_n_rank:hover a:nth-of-type(2) {background: #3f80ea;color: #fff !important;}
.sub_n_rank span:nth-of-type(3),.sub_n_rank a:nth-of-type(3) {border-color: #6196ef;}
.sub_n_rank:hover span:nth-of-type(3),.sub_n_rank:hover a:nth-of-type(3) {background: #6196ef;color: #fff !important;}
.sub_n_rank span:nth-of-type(4),.sub_n_rank a:nth-of-type(4) {border-color: #76a7fa;}
.sub_n_rank:hover span:nth-of-type(4),.sub_n_rank:hover a:nth-of-type(4) {background: #76a7fa;color: #fff !important;}
.sub_n_rank span:nth-of-type(5),.sub_n_rank a:nth-of-type(5) {border-color: #98beff;}
.sub_n_rank:hover span:nth-of-type(5),.sub_n_rank:hover a:nth-of-type(5) {background: #98beff;color: #fff !important;}
.sub_n_rank span:nth-of-type(6),.sub_n_rank a:nth-of-type(6) {border-color: #c8d2e2;}
.sub_n_rank:hover span:nth-of-type(6),.sub_n_rank:hover a:nth-of-type(6) {background: #c8d2e2;color: #999 !important;}
#a_box_padding #abox_lastpost {font-size: 14px;}
#a_box_padding #abox_lastpost p {font-size: 12px;color: #999;padding-top: 5px;}
.a_box.stats, .a_box.foot {width: 100%;margin-right: 0;float: none;position: relative;}
.a_box.stats:before, .afoot:before, .top_poster:before, .recent_post:before {
content: "";position: absolute;top: 0;left: 0;height: 4px;width: 100%;
background: #fbcb43;border-radius: 2px 2px 0 0;
} .a_box.stats #abox_head a {
font-weight: lighter;padding: 15px 20px;display: inline-block;
} .afoot:before {
background: #8cc474;
} .afoot ul {
float: right;margin: 2px 0;
} .afoot ul li {display: inline-block;font-size: 14px;margin-left: 10px;}
#chat_hangout {
position: fixed;bottom: 0;width: 450px;background: #e5e5e5;right: 40px;
z-index: 333;box-shadow: 0 0 5px rgba(0,0,0,0.4);display: none;top: 146px;
} .full_hangout {width: 100% !important;top: 0;right: 0 !important;}
#hangout_control {background: #404040;color: #fff;padding: 10px 12px;position: relative;z-index: 1;}
#hangout_control button {
width: 10px;height: 10px;float: right;margin: 5px;border-radius: 0;
background: transparent;position: relative;padding: 0;
} #hangout_control button#full_hangout {
border: 2px solid #fafafa;
} #hangout_control button#hide_hangout {
border-bottom: 2px solid #fafafa;
}
#hangout_control button#close_hangout::before, #hangout_control button#close_hangout::after {
content: '';position: absolute;width: 12px;top: 4px;height: 2px;background: #fff;left: -1px;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);
-ms-transform: rotate(45deg);-o-transform: rotate(45deg);
}
#hangout_control button#close_hangout::after {
-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);
-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);
}
#hangout_frame {
position: relative;width: 100%;height: 100%;margin-top:-39px;
box-shadow: inset 1px 0 #aaa, inset -1px 0 #aaa;
}
.recent_post, .top_poster {margin-right: 0;position: relative;margin-top: 30px;}
.recent_post #abox_descript, .top_poster #abox_descript {position: relative;}
.recent_post {width: 600px;float: right !important;} .recent_post:before {background: #6f85bf;}
.top_poster {width: 278px;float: left !important;} .top_poster:before {background: #e46f61;}
#control_m_tab span {cursor: pointer;}
.recent_post #abox_lastpost h4 {padding: 0 5px;margin-bottom: 5px;}
.recent_post #abox_lastpost h4 blah {opacity: 0;font-weight: lighter;position: absolute;margin-left: 5px;font-size: 11px;color: #999;}
.recent_post #abox_lastpost h4:hover blah {opacity: 1;}
.recent_post #abox_lastpost {max-height: 205px;overflow: auto;position: relative;}
.top_poster h4 {margin-bottom: 5px;}
.recent_post #abox_lastpost h4:last-child, .top_poster h4:last-child {margin-bottom: 0;}
.profile_box {
position: absolute;width: 240px;background: #fff;margin-top: -2px;display: none;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), 0 1px 6px rgba(0,0,0,0.1);margin-left: 20px;
border-radius: 4px;z-index: 1;overflow: hidden;text-align: center;
} .profile_box #pcover_box {
position: relative;height: 135px;background-size: 105% !important;background-position: center !important;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);border-radius: 3px 3px 0 0;background-color: #EEE;
} .profile_box #puavtar img {
position: absolute;width: 80px;height: 80px;border-radius: 100%;
left: 50%;margin-left: -40px;top: 95px;
} .profile_box #puavtar {display: block;height: 40px;}
#online_stt {position: absolute;right: 0;width: 58px;height: 58px;background: url(http://i78.servimg.com/u/f78/18/35/47/86/offlin10.png);z-index: 1;}
.profile_box h2 {font-weight: lighter;margin: 5px;}
.profile_box p {font-weight: lighter;font-size: 12px;color: #737373;margin-bottom: 5px;}
.profile_box #link_box {
position: relative;height: 40px;background: #f1f1f1;border-radius: 0 0 3px 3px;
box-shadow: inset 0 1px #f1f1f1, inset 0 0 0 1px rgba(0,0,0,0.1);margin-top: 15px;
} .profile_box #link_box a {margin-top: 7px;display: inline-block;opacity: 0.5}
.profile_box #link_box a:hover {opacity: 0.9;}
.pun h2, .pun h3, .pun select, .pun th {font-family: Arial,sans-serif;font-weight: bold;}
.pun h2 {font-size:1.5em;} .pun h3 {font-size:1.17em;}
.pun select {font-size: 14px;font-weight: lighter;}
#bmod_link {position: absolute;bottom: 15px;right: 15px;}
div[style="text-align:center; display:inline-block; margin:0 auto;"] table {display: none;}
ul#pun-legend {margin-bottom: 0;color: #999;} ul#pun-legend li * {vertical-align: bottom;}
#abox_img[alt="Yeah Men!"] {background: url("http://i78.servimg.com/u/f78/18/35/47/86/box10.png");}
#admin_link {position: absolute;top: 0;right: 0;}
#admin_link a {color: #FFF;font-size: 12px;margin: 7px 10px;display: inline-block;}
#chatbox_header.main-head {background-color: #fff;margin-top: 35px;position: relative;padding: 2px 5px;}
.chatbox-title {display: none;}
.chatbox-options {position: relative;z-index: 666;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #252525;font-size: 12px;
} #chatbox_option_autorefresh input {vertical-align: middle;}
#chatbox_members {
top: -167px;border: none;background: #fff;height: 200px;z-index: 333;
bottom: auto;width: 100%;padding-top: 35px;border-bottom: 1px solid #CCC;
} #chatbox_members:hover {top: 0;}
#chatbox_members .member-title {
font-size: 13px;position: absolute;bottom: 0;left: 5px;
}
#chatbox {top: 70px;left: 5px;font-size: 14px;}
#chatbox .msg {
background: #FFF;padding: 5px;border-radius: 2px;box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
display: inline-block;margin: 0;margin-top: 18px;position: relative;padding-top: 18px;min-width: 50px;
}
#chatbox .user {font-size: 0;position: absolute;}
#chatbox .user span, .online-users li a span, .online-users li span, .away-users li a span, .away-users li span {display: none;}
#chatbox .user a {font-size: 11px;position: absolute;margin-left: 5px;}
#chatbox .user a *, .online-users li a span:last-child, .away-users li a span:last-child {display: block !important;}
#chatbox_contextmenu {
border: 1px solid #ccc;background: #fff;z-index: 333;border-radius: 3px;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
} #chatbox_contextmenu p {
border-bottom: 1px solid #ccc;font-size: 14px;
font-family: Arial, sans-serif;padding: 5px 10px;
} #chatbox_contextmenu p:last-child {border-bottom: none;} #chatbox_contextmenu p:hover {background: #fafafa;}
#chatbox_contextmenu p.close {color: #000;padding: 5px 10px;} #chatbox_contextmenu p.close img {float: right;}
#chatbox span.genmed span[title]:first-child, #chatbox .date-and-time {
position: absolute;font-size: 10px;color: #999;z-index: 1;
margin-top: 18px;margin-left: 10px;
}
#chatbox .msg * {position: relative !important;}
#chatbox_footer {border: none;}
#chatbox_footer .fontbutton {display: none;}
#chatbox_footer .right {float: none;position: relative;}
#chatbox_footer .right label {font-size: 0;}
#chatbox_footer .right label input {
font-size: 13px;position: absolute;left: 0;right: 0;margin-bottom: 0;
height: 32px;padding-left: 32px;width: calc(100% - 42px);
}
#chatbox_footer .right #submit_button {
float: right;position: relative;z-index: -1;min-width: auto;opacity: 0;
width: 40px;height: 29px;margin-right: 5px;margin-bottom: 0;
} #chatbox_messenger_form {height: 34px;}
#chatbox_footer .right #divsmilies {
position: absolute;display: block;background: #cecece;width: 18px;
height: 18px;bottom: -8px;left: 7px;border-radius: 100%;opacity: 0.5;
} #chatbox_footer .right #divsmilies:hover {opacity: 1;}
#chatbox_footer .right #divsmilies * {display: none;}
.pun .paged-foot, .pun .paged-head {padding: 0;border-bottom: 1px solid #E5E5E5;}
.main .main-foot, .main .main-head {color: #767676;padding: 0;margin: 20px;}
.pun table.table th {color: #767676;}
.pun tbody.statused td.tcl {padding-left: 32px;}
.pun table td.tcl h2 {font-size: 14px;}
.options .exthelp {color: #262626;font-size: 14px;font-weight: bold;}
#text_editor_controls button {
min-width: 10px;width: 30px !important;height: 30px;
background: #FFF;margin: 0;margin-bottom: 4px;
} #text_editor_controls input[value="Others"]{height: 30px !important;vertical-align: top;}
.main-content.frm {position: inherit !important;}
.select#other {margin: 5px 0;background: #fff;}
.select button {width: 100%;}
textarea {height: auto;font-size: 14px;font-family: Arial, sans-serif;padding: 5px 8px;}
body.smiley-frame {background: #fff;}
#smiley-box {border: 1px solid #CCC;}
#text_editor_controls {margin: 10px 0 0 245px;}
#profile-advanced-details .main-content {padding: 10px;}
#profile-advanced-details dl {margin: 0;padding: 0;width: 100%;}
#profile-advanced-details div.separator {border-bottom: 1px solid #EEE;padding-top: 0;margin: 2px 0;}
#profile-advanced-details dl dt {font-weight: bold;color: #767676;}
#profile-advanced-details .main-head {display: none;}
.gfriend_module .main-head {padding: 0 20px;margin-bottom: 20px;}
.gfriend_module .main-content {padding: 10px !important;margin-right: 4px;}
#profile-advanced-add {display: none;}
.fake_pos {position: absolute;margin-top: -120px;}
#content-container div#main {overflow: visible;}
.frm-set {margin: 0 !important;}
#gquickreply #textarea_content, #gquickreply .sceditor-container {width: 100% !important;max-width: 860px !important;}
#gquickreply .sceditor-container * {max-width: 860px !important;}
.pun .post {border: none;}
.pun .postmain {margin-right: 0;}
.pun .posthead {border-bottom: 1px solid #CCC;padding: 0;padding-bottom: 15px;font-size: 12px;}
.pun .post .user {position: absolute;margin: 0;top: 20px;right: 20px;padding: 0;}
.pun .user-ident .username {position: relative;}
.pun .main .main-content p.message {margin: 0;padding: 0;}
.main .frm-info {background: #FAFAFA;border: 1px solid #E6E6E6;margin: 0;padding: 1em;}
#tabs {font-size: 13px;}
#tabs .activetab {background: #EEE;border-radius: 3px;}
#tabs .activetab a {font-weight: bold;text-decoration: none !important;}
.overview {
background-color: #FFF;border: 1px solid #CCC;border-radius: 3px;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
} .overview .left-overview {padding: 0;}
.overview .left-overview a {
display: block;padding: 5px 10px;
} .overview .left-overview a:hover {background: #fafafa;}
.overview .left-overview br {display: none;}
.overview .title-overview {
padding: 8px 10px;border-bottom: 1px solid #CCC;
background: #FAFAFA;font-size: 18px;
} .overview .title-overview strong {font-weight: lighter;}
.post-entry_content embed[src*="http://www.youtube.com"] {border: 10px solid #353535;}
table.portal td.column:first-child {display: none;}
table.portal td[width="600"] {float: left;}
If you run into any issues just reply back here with a screen shot and i can help you to fix it, if i dont know how to fix it im sure some one else would.
Sorry for splitting it up into several posts, and taking so long i wanted to make sure i had permission to do so.
Also i will send you the pm with the .bbtheme icons back up, i would post it but i dont want it to be thought of as ads.
Re: Need help disigning my forum theme
Just install it, it looks ok for now, am going tru it to find most words that still need to be converted to English, What i need now is the front size to be reduced in the entire forum and collape and detail to change to maximum and minimum, which maximum having the background of red and minimum with the background of green
Am hoping to get maximum and minimum in JavaScript or css, so i can transfer it to the rest of forums
Am hoping to get maximum and minimum in JavaScript or css, so i can transfer it to the rest of forums
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum