يشرفني أن أخبر كافة أعضاء و مستعملي خدمة أحلى منتدى أننا قمنا بتصميم استايل رائع لمنتديات أحلى منتدى
يظفي عليها طابعاً من الجمالية و الإحترافية
لان الستايل يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB
هذه الستايل الجديد أطلق عليه اسم ( استايل اوسوم )
و يمكنكم تركيب استايل (استايل اووسوم ) بشكل مجاني
و يتميز بخصائص حلوه مثل
1 التصميم التجاوبي,
2 البنر الشامل لكل عرض الصفحة,
3 اظهار الرمزيه واسم العضو في الهيدر
4 اظهار الصوره الخاصه بالزوار للزوار ( شرح عمل صوره للزوار والاعضاء الجدد )
5 شكل الفئات مطابق لشكل النسخه الجديده
6 شكل المواضيع يشبه النسخه الجديده ايضا
7 فوتر كوناني
8 شكل الاقتباسات والاكواد والتقيم: رائع ومنسق
9 شكل جديد للمتواجدون الان
10 ازرار التصفح معدله
طريقة التركيب :
1. غير نسخة منتداك الى النسخه الثالثه
2. ركب قوالب التومبيلات التاليه
اضغط قالب الindex_body :
استبدل قالب الindex_body بالكامل بالتالي
الكود:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" 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'" 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>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<style>
.ctom {
margin-bottom: 11px;
background: #fff;
color: #000;
border: 2px solid #000;
border-bottom-style: dotted;
border-top-style: dotted;
border-left-style: solid;
border-color: #d31141 #368ad2 #bf0101 #f73003;
padding: 4px;
}
.sorh img {
width: 20%;
height: 200px;
float: right;
padding-left: 12px;
margin-bottom: 15px;
border-radius: 30px;
}
.ctor {
text-align: center;
background: #fff;
color: #000;
float: right;
margin-left: 11px;
padding: 4px;
width: 22%;
height: 200px;
border: 2px solid #000;
border-bottom-style: dotted;
border-top-style: dotted;
border-left-style: solid;
border-color: #d31141 #368ad2 #bf0101 #f73003;
padding-bottom: 0%;
border-radius: 21px;
}
.ctop {
text-align: center;
background: #fff;
color: #000;
float: right;
margin-left: 11px;
padding: 4px;
width: 22%;
height: 200px;
border: 2px solid #000;
border-bottom-style: dotted;
border-top-style: dotted;
border-left-style: solid;
border-color: #d31141 #368ad2 #bf0101 #f73003;
padding-bottom: 0%;
border-radius: 21px;
}
.qeel_title {
color: #FFF;
font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
background: #1e88e5;
padding: 5px 6px;
}
.qeel_title a{
color: #FFF;
}
img {
vertical-align: middle;
border-width: 0;
}
</style>
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<!-- BEGIN switch_viewonline_link -->
<div class="qeel_title"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3">{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
<div class="ctom">
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<br />
{LOGGED_IN_USER_LIST}
<br />
{L_CONNECTED_MEMBERS}
<br />
{L_WHOSBIRTHDAY_TODAY}
<br />
{L_WHOSBIRTHDAY_WEEK}
<br />
<em>المجموعات : {GROUP_LEGEND}</em>
<br />
<div class="clear"></div>
</div>
<div class="ctor">
<p>{TOTAL_USERS_ONLINE}<br />
{L_ONLINE_USERS}
<br />
{RECORD_USERS}
<br />
</p>
<div class="clear"></div></div>
<div class="ctop">
<br />
<span class="text_label">عدد المساهمات</span><span class="stat_label">{TOTAL_POSTS}</span>
<br /><br />
<span class="text_label">عدد الاعضاء</span><span class="stat_label">{TOTAL_USERS}</span>
<br /><br />
<span class="text_label">العضو الجديد</span><span class="stat_label"><a>{NEWEST_USER}</a></span>
<br />
<div class="clear"></div>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div class="ctop">
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- 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></div>
<!-- END switch_chatbox_popup -->
<!-- END switch_chatbox_activate -->
<o>
{CHATBOX_BOTTOM}
</o>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_fb_connect -->
<span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" 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>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
<br style="clear:both" />
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
<li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
<li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
<li><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>
FB.init({
appId : {switch_fb_index_login.FACEBOOK_APP_ID},
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
اضغط قالب الindex_box :
استبدل قالب الindex_box بالكامل بالتالي
الكود:
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • </li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </li>
<!-- END switch_user_logged_in -->
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
<dd class="topics"><img src="https://i.servimg.com/u/f82/19/27/02/63/lhqdu10.png" /></dd>
<dd class="posts"><img src="https://i.servimg.com/u/f82/19/27/02/63/lshilh10.png" /></dd>
<dd class="lastpost"><span><img src="https://i.servimg.com/u/f82/19/27/02/63/hov10.png" />اخر مساهمه</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<li class="row">
<dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
<dd class="dterm">
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
</h{catrow.forumrow.LEVEL}>
<br />
{catrow.forumrow.FORUM_DESC}
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</div>
</dd>
<dd class="topics">{catrow.forumrow.TOPICS}<br />مواضيع<dfn>{L_TOPICS}</dfn></dd>
<dd class="posts">{catrow.forumrow.POSTS}<br />مساهمات<dfn>{L_POSTS}</dfn></dd>
<dd class="lastpost">
<!-- BEGIN ads -->
<span class="AD_LastPA">
<span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
<span class="AD_LastInfos">
<b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
</span>
</span>
<!-- END ads -->
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<span>
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>
</dd>
</dl>
</li>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<ul class="linklist">
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> • </li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> • </li>
<li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
