 الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB | |  |
| الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB | |
| كاتب الموضوع | رسالة |
---|
زائر زائر

 | موضوع: الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB السبت أكتوبر 20, 2018 6:16 pm | |
| السلام عليكم, يشرفني أن أخبر كافة أعضاء و مستعملي خدمة أحلى منتدى أننا قمنا بتصميم استايل رائع لمنتديات أحلى منتدى يظفي عليها طابعاً من الجمالية و الإحترافية لان الستايل يجمع مابين النسخه الثالثه وشكل النسخه 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 -->
عدل سابقا من قبل راميوا في السبت أكتوبر 20, 2018 6:29 pm عدل 3 مرات |
|  | | زائر زائر

 | موضوع: رد: الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB السبت أكتوبر 20, 2018 6:18 pm | |
| - اضغط قالب الoverall_footer_end:
-
استبدل قالب الoverall_footer_end بالكامل بالتالي - الكود:
-
<!-- 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> <div> <ul> <li> <!-- END html_validation --> </li> </ul> <!-- BEGIN switch_footer_links --> <ul class="linklist clearfix"> <li class="rightside"> <!-- 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 --> <span class="corners-bottom"><span></span></span> </div> </div> <p class="copyright"> <strong>{ADMIN_LINK}</strong> </p> </div> {PROTECT_FOOTER} </div> </div> </div> </div>
<!-- BEGIN switch_facebook_login --> <div id="fb-root"></div> <script type="text/javascript"> $(document).ready( function() { $('div.fb-login-button, span.fb-login-button').attr({ "data-scope": "{switch_facebook_login.FB_SCOPE}", "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}", "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}", "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}", "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}" }); $('div.fb-login-button, span.fb-login-button').each(function() { if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) { $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}'); } if($(this).html() == '') { $(this).html('{switch_facebook_login.FB_LABEL}'); } });
FB.init({ appId : "{switch_facebook_login.FB_APP_ID}", cookie : {switch_facebook_login.FB_COOKIE}, xfbml : {switch_facebook_login.FB_XFBML}, oauth : {switch_facebook_login.FB_OAUTH}, version : '{switch_facebook_login.FB_VERSION}' });
(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/{switch_facebook_login.FB_LOCAL}/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); }); function onLoginFB() { window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}') } </script> <!-- END switch_facebook_login --> <!-- BEGIN switch_topicit_connect --> <script type="text/javascript"> $(document).ready( function() { $('div.ti-connect').attr({ 'data-loc' : '{switch_topicit_connect.TOPICIT_URL}', 'data-login' : '{switch_topicit_connect.BOARD_LOGIN}', 'data-version' : '{switch_topicit_connect.TOPICIT_VERSION}', 'data-lang' : '{switch_topicit_connect.BOARD_LANG}' });
(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 = "{switch_topicit_connect.TOPICIT_ENDPOINT}"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'topicit-connect')); }); </script> <!-- END switch_topicit_connect --> <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html> <div id="fotr"><div class="fotrright"></div>
<div class="fotrleft"></div>
<style> #fotr{ background-color: #172329; background-image: url(https://i.servimg.com/u/f19/18/83/80/78/333317.png); height: 150px; position: relative; width: 100%; }
.fotrright{ background-image:url(https://i.servimg.com/u/f19/18/83/80/78/untitl12.png); background-repeat:no-repeat; float:right; height:150px; width:320px; }
.fotrleft{ background-image:url(https://i.servimg.com/u/f19/18/83/80/78/untitl14.png); background-repeat:no-repeat; float:left; height:150px; width:320px; </style>
- اضغط قالب الoverall_header :
-
استبدل قالب الoverall_header بالكامل بالتالي - الكود:
-
<!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>{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> <!-- BEGIN switch_recent_jquery --> <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script> <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script> <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script> <!-- END switch_recent_jquery --> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> {RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login --> <script src="https://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="{JQUERY_DIR}ticker/ticker.css" /> <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JQUERY_DIR}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() {
$('#fa_ticker_content').css('display','block');
var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0) { $('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 --> $(document).ready(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); }); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, 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} <style type="text/css">
<!-- BEGIN switch_ticker_new --> .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; } <!-- END switch_ticker_new --> </style> {HOSTING_JS} <script> $(function(){ $.each(_userdata, function(key, value){ $(".رامي-كاتي-" + key).html(value); }) }); </script> <!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{G_ANALYTICS_ID}', 'auto'); ga('send', 'pageview'); ga('set', 'anonymizeIp', true);
<!-- BEGIN google_analytics_code_bis --> ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis'); ga('bis.send', 'pageview'); ga('bis.set', 'anonymizeIp', true); <!-- END google_analytics_code_bis --> //]]> </script> <!-- END google_analytics_code --> </head> <style> #fa_stats { background: #33393e; border-top: solid #d31141 8px!important; color: #FFF; padding: 10px 0; text-align: right; }
span.رامي.كاتي1 { background: #F2F2F2; border-radius: 3px; color: #2E3133; display: inline-block; margin: 0 12px 0 3%; padding: 6px 12px; vertical-align: middle; } span.رامي.كاتي { font-size: 14px; font-weight: 700; margin-right: 1.3%; text-transform: uppercase; } .stat_label strong { display: inline-block; font-size: 14px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; } </style> <!-- BEGIN switch_user_logged_in --> <div id="fa_stats"><span class="رامي كاتي">انت</span><span class="رامي كاتي1">{LOGGED_AS}</span><span class="رامي كاتي">عدد الاعضاء</span><span class="رامي كاتي1">{LAST_VISIT_DATE}</span><span class="رامي كاتي">العضو الجديد</span><span class="رامي كاتي1"><a class="navtab" href="/search?search_id=newposts&tt=1">النشاط الأخير</a></span></div> <!-- END switch_user_logged_in --> <!-- BEGIN switch_user_logged_out --> <div id="fa_stats"><span class="رامي كاتي"><img style="width: 77px; height: 77px;" src="https://2img.net/i/fa/awesomebb/logo-awbb.png" /></span><span class="رامي كاتي1">اسم منتداك</span><span class="رامي كاتي">عدد الاعضاء</span><span class="رامي كاتي1">اكتب هنا اي شي</span><span class="رامي كاتي">العضو الجديد</span><span class="رامي كاتي1"><a class="navtab" href="/search?search_id=newposts&tt=1">النشاط الأخير</a></span></div> <!-- END switch_user_logged_out -->
<style> span.رامي.كاتي img { bottom: 27px; position: relative; float: right; } span.رامي.كاتي { font-size: 0px; font-weight: 700; margin-right: 1.3%; text-transform: uppercase; } #fa_right #fa_menu #fa_welcome:hover, #fa_right a.rightHeaderLink:hover { background-color: #d31141!important; border: 0px solid #39C!important; border-radius: 3px!important; color: #fff!important; font-size: 15px!important; font-weight: 700!important; }
#fa_right #fa_menu #fa_welcome, #fa_right a.rightHeaderLink { background-color: #0474bf!important; border: 0px solid #39C!important; border-radius: 3px!important; color: #fff!important; font-size: 15px!important; font-weight: 700!important; }
div#header img { border: 2px solid #000; border-bottom-style: dotted; border-top-style: dotted; border-left-style: solid; border-color: #85adea #ff84ef #bf0101 #6fc810; padding-bottom: 0%; border-radius: 21px; margin-top: 10%; width: 130px; height: 130px; } a.mainmenu, a.mainmenu { line-height: 40px; } ul.navlinks a.mainmenu { color: #eee; font-family: sans-serif; font-size: 15px; font-weight: bold; height: 40px; margin: 9px; transition-duration: 500ms; } ul.navlinks a.mainmenu:hover { border-bottom: solid #d31141 4px; color: #aeff85!important; } ul.navlinks { background: #33393e; border-radius: 0 0 11px 11px; -moz-border-radius: 0 0 11px 11px; -o-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; bottom: 20px; position: relative; text-align: center; height: 40px; } ul.navlinks { border-bottom: solid #d31141 7px!important; color: #aeff85!important; } ul.navlinks span.new-message { background-color: #f10003!important; border-color: #fff!important; color: #FFF!important; font-size: 15px; padding: 28px; }
#page-header a.active, #page-header a.mainmenu:hover { background-color: #1A1A1A; } ul.linklist li a img { vertical-align: middle; }
#header{ background-color: #172329; background-image: url(https://2img.net/i/fa/awesomebb/header.png); background-position: center; background-repeat: no-repeat; background-size: cover; height: 220px; margin-bottom: 33px; position: relative; width: 100%; }
.headerright{ background-image:url(صورة يمين); background-repeat:no-repeat; float:right; height:200px; width:100px }
.headerleft{ background-image:url(صورة يسار); background-repeat:no-repeat; float:left; height:200px; width:100px }
.logo{display:block; height:200px; position:absolute; width:390px }
.headenlogo{ display:none } .headerbar { background: #f0f0f005; }
#search-box #keywords { font-family: Helvetica; font-size: 15px; height: 38px; margin-top: 1%; margin-left: -1px; padding: 2px 10px; width: 300px; } #search-box input, #search-box-yahoo input { border: 0 none; border-radius: 4px 0 0 4px; font-size: 21px; height: 44px; margin-left: 3px; margin-right: 0; position: relative; }
ul.linklist a { color: white; } ul.linklist { background-color: #263238; border-radius: 3px; clear: both; color: #fff; display: block; list-style: none; margin-bottom: 10px; padding: 7px; } </style>
<div id="header"><div class="headerright"></div> <span class="رامي-كاتي-avatar"></span>
<div class="headerleft"></div>
</div> <body id="phpbb"> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{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" style="z-index: 10000 !important;"> <div class="h3">{SITENAME}</div> {LOGIN_POPUP_MSG} <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button1" value="{L_LOGIN}" /> <input type="button" class="button1" 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> <!-- END switch_login_popup -->
<div class="conteneur_minwidth_IE"> <div class="conteneur_layout_IE"> <div class="conteneur_container_IE"> <div id="wrap"> <a id="top" name="top" accesskey="t"></a> {JAVASCRIPT}
<div id="page-header"> <div class="headerbar"> <div class="inner"><span class="corners-top"><span></span></span>
<div id="logo-desc"> <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a> <!-- BEGIN switch_h1 --> <div id="site-title">{switch_h1.MAIN_SITENAME}</div> <!-- END switch_h1 --> <!-- BEGIN switch_desc --> <p>{switch_desc.SITE_DESCRIPTION}</p> <!-- END switch_desc --> </div>
<span class="corners-bottom"><span></span></span></div> </div>
<div class="navbar"> <div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li> </ul>
<!-- BEGIN switch_search_box --> <div id="search-box"> <form method="get" action="{ACTION_SEARCH}" id="search"> <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" /> {JS_SESSION_ID_INPUT} <input class="button2" type="submit" value="{L_SEARCH}" /></p> </form> </div> <!-- END switch_search_box -->
<span class="corners-bottom"><span></span></span></div> </div>
<!-- BEGIN switch_ticker_new --> <div id="fa_ticker_blockD" style="margin-top:4px;"> <div class="module"> <div class="inner"> <span class="corners-top"><span></span></span> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> <span class="corners-bottom"><span></span></span> </div> </div> </div> <!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;"> <div class="module"> <div class="inner"> <span class="corners-top"><span></span></span> <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> <span class="corners-bottom"><span></span></span> </div> </div> </div> <!-- END switch_ticker --> </div>
<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="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div>
<div id="main"> <div id="main-content">
عدل سابقا من قبل راميوا في السبت أكتوبر 20, 2018 6:24 pm عدل 1 مرات |
|  | | زائر زائر

 | موضوع: رد: الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB السبت أكتوبر 20, 2018 6:19 pm | |
| - اضغط viewtopic_body:
-
استبدل قالب الviewtopic_body بالكامل بالكود التالي - الكود:
-
<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(){ if(typeof(_atc) == "undefined") { _atc = { }; } });
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>
<h1 class="page-title"> <a href="{TOPIC_URL}">{TOPIC_TITLE}</a> </h1> <div class="topic-actions"> <div class="buttons">
<!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> <!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a> <!-- END switch_user_authreply --> </div>
<div class="pathname-box"> <p> <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a> <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>--> {NAV_CAT_DESC} </p> </div>
<p class="right"> <!-- BEGIN switch_twitter_btn --> <span> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </span> <!-- END switch_twitter_btn --> <!-- BEGIN switch_fb_likebtn --> <script>(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 = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span> <!-- END switch_fb_likebtn --> </p>
<div class="pagination"> {PAGE_NUMBER} • <a class="addthis_button" href="#">{L_SHARE}</a> <!-- BEGIN switch_plus_menu --> • <script type="text/javascript">//<![CDATA[ var url_favourite = '{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}'; insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> <!-- END switch_plus_menu --> </div> <div class="clear"></div> </div> <style> .vote .vote-button { position: relative; bottom: 21px; font-size: 0px; font-weight: 700; margin-right: -11px; text-align: right; } div.post .inner { border-radius: 3px 3px 0 0; border-top: 44px solid #368ad2; border-top-color: #2596f7; margin: -1px -1px 0; padding: 0 2px; } div.post { background-color: #ffffff; border: 1px solid #DDD; border-bottom-width: 2px; border-radius: 3px; margin: 25px 0; padding: 0; }
.postprofile { text-align: center; background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6; border: 1px solid #DDD; border-radius: 3px; padding: 0px; padding-top: 0px; position: relative; } .postbody ul.profile-icons img { bottom: 35px; position: relative; cursor: pointer; } .postprofile dd, .postprofile dt { line-height: 1.9em; margin: 0 8px 0 0; }
.mod-login-avatar dt > img, #main-content > div.post .postprofile dt img, #fa_popup_content > div.post .postprofile dt img, .avatar img, #userAvatar img { border-radius: 100px; height: 100px; width: 100px; } p.author { color: white; bottom: 55px; left: 30%; position: relative; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em; line-height: 1.2em; margin: 0 0 .6em 15em; padding: 0 0 5px; }
.mod-login-avatar dt, #main-content > div.post .postprofile dt > a, #fa_popup_content > div.post .postprofile dt > a, .postprofile dt > img, .avatar, #userAvatar { background: #FFF; border-radius: 100px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), 0px -1px 1px rgba(0, 0, 0, 0.3); display: inline-block; height: 100px; width: 100px; padding: 3px; margin: 10px 0; overflow: hidden; } .postbody ul.profile-icons { list-style: none; margin-left: 0px; padding: 0; width: auto; }
ul.profile-icons { margin-top: 0px; }
div.post .postprofile:after { content: "."; font-size: 0; background: #2E3133; border-bottom: 4px solid #868686; height: 16px; position: absolute; top: 0px; left: 0; right: 0; z-index: 1; } div.post.online .postprofile:after { border-color: #84C754; } div.post .postprofile:before { content: url(https://i.servimg.com/u/f21/19/33/86/51/offlin10.png); left: 0; position: relative; right: 0; top: 0px; z-index: 2; } div.post.online .postprofile:before { content: url(https://i.servimg.com/u/f21/19/33/86/51/online10.png); } blockquote { background-color: #FFF2B5; border-radius: 3px; border-right: 6px solid #e0bc11; font-weight: 700; text-align: right; font-size: .95em; margin: 25px 1em 1px; overflow: hidden; padding: 1px; } dl.codebox { background-color: #e9f5ff; border-radius: 3px; font-weight: 700; padding: 0px; margin: 11px; text-align: right; } dl.codebox dt { color: azure; background: #2596f7; border: none; font-size: 12px; line-height: 35px; padding-right: 12px; text-align: right; } blockquote cite { border-bottom: dashed 1px #2596f7; font-family: cursive; display: block; font-size: .9em; font-style: normal; font-weight: 700; } select { background-color: #f2f2f2; border-color: #DCDCDC; border-style: solid; border-width: 2px; height: 39px; margin-left: 11px; padding-left: 22px; padding-right: 11px; } </style> <!-- BEGIN topicpagination --> <p class="pagination">{PAGINATION}</p> <!-- END topicpagination --> <p class="left-box"> <!-- BEGIN switch_isconnect --> <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <!-- END switch_isconnect --> <a href="#bottom">{L_GOTO_DOWN}</a> </p> <div class="clear"></div> {POLL_DISPLAY}
<!-- BEGIN postrow --> <!-- BEGIN hidden --> <div class="post {postrow.hidden.ROW_COUNT}"> <div class="inner"> <span class="corners-top"><span></span></span> <p style="text-align:center">{postrow.hidden.MESSAGE}</p> <div class="clear"></div> <span class="corners-bottom"><span></span></span> </div> </div> <!-- END hidden --> <!-- BEGIN displayed --> <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}"> <div class="inner"><span class="corners-top"><span></span></span> <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div> <div class="postbody">
<ul class="profile-icons"> <li>{postrow.displayed.THANK_IMG}</li> <li>{postrow.displayed.MULTIQUOTE_IMG}</li> <li>{postrow.displayed.QUOTE_IMG}</li> <li>{postrow.displayed.EDIT_IMG}</li> <li>{postrow.displayed.DELETE_IMG}</li> <li>{postrow.displayed.IP_IMG}</li> <li>{postrow.displayed.REPORT_IMG_NEW}</li> </ul>
<h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2> <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p> <div class="clearfix"></div>
<!-- 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}"><img src="https://i.servimg.com/u/f18/18/21/41/30/plus10.png" alt="+"/></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}"><img src="https://i.servimg.com/u/f18/18/21/41/30/minus10.png" alt="-"/>'</a></div> <!-- END switch_vote --> </div> <!-- END switch_vote_active -->
<div style="display:none"></div> <div class="content clearfix"> <div>{postrow.displayed.MESSAGE}</div> <!-- BEGIN switch_attachments --> <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd class="attachments"> <!-- BEGIN switch_post_attachments --> <dl class="file clearfix"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/> </dt> <dd> <!-- BEGIN switch_dl_att --> <span><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}</span> <!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att --> <span>{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}</span> <!-- END switch_no_dl_att -->
<!-- BEGIN switch_no_comment --> <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span> <!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att --> <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span> <!-- END switch_no_dl_att -->
<span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span> </dd> </dl> <!-- END switch_post_attachments --> </dd> </dl> <!-- END switch_attachments --> </div> {postrow.displayed.EDITED_MESSAGE} <!-- BEGIN switch_signature --> <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div> <!-- END switch_signature --> </div>
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}"> <!-- div class="online2"></div--> <dl> <dt> {postrow.displayed.POSTER_AVATAR} <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong> </dt> <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd> <dd><br /></dd> <dd> <!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --> {postrow.displayed.POSTER_RPG} </dd> <dd><br /></dd> <dd> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> </dd> </dl> </div>
<div class="clear"></div>
<p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p> <span class="corners-bottom"><span></span></span></div> </div> <!-- BEGIN first_post_br --> <hr id="first-post-br" /> <!-- END first_post_br --> <!-- END displayed --> <!-- END postrow -->
<a name="bottomtitle"></a>
<!-- BEGIN topicpagination --> <p class="pagination">{PAGINATION}</p> <!-- END topicpagination -->
<p class="left-box"> <!-- BEGIN switch_isconnect --> <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <!-- END switch_isconnect --> <a href="#top">{L_BACK_TO_TOP}</a> </p>
<div class="clear"></div>
<div class="noprint"> <!-- BEGIN switch_user_logged_in --> <!-- BEGIN watchtopic --> <p class="right">{S_WATCH_TOPIC}</p> <!-- END watchtopic --> <!-- END switch_user_logged_in --> </div>
<!-- BEGIN promot_trafic --> <div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <span class="corners-bottom"><span></span></span> </div> <div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <div class="clear"></div> <div> <!-- BEGIN link --> » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br /> <!-- END link --> </div> <span class="corners-bottom"><span></span></span> </div> <!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules --> <div class="post row1" id="forum_rules"> <span class="corners-top"><span></span></span> <div class="h3"> {L_FORUM_RULES}</div> <div class="clear"></div> <table class="postbody"> <tr> <!-- BEGIN switch_forum_rule_image --> <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td> <!-- END switch_forum_rule_image --> <td class="rules content"> {RULE_MSG} </td> </tr> </table> <span class="corners-bottom"><span></span></span> </div> <!-- END switch_forum_rules -->
<!-- BEGIN switch_user_logged_in --> <a name="quickreply"></a> {QUICK_REPLY_FORM} <!-- END switch_user_logged_in -->
<hr />
<div class="topic-actions"> <div class="buttons"> <!-- BEGIN switch_user_authpost --> <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a> <!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply --> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a> <!-- END switch_user_authreply --> </div>
<div class="pathname-box"> <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p> </div>
<div class="pagination"> {PAGE_NUMBER} </div> </div> <div class="clear"></div>
<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <fieldset class="jumpbox"> <label>{L_JUMP_TO}: </label> {S_JUMPBOX_SELECT} <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form>
<!-- BEGIN viewtopic_bottom --> <form method="get" action="{S_FORM_MOD_ACTION}"> <fieldset class="quickmod"> <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}" /> <label>{L_MOD_TOOLS}: </label> {S_SELECT_MOD} <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form> <div class="clear"></div> <p class="right">{S_TOPIC_ADMIN}</p> <!-- END viewtopic_bottom --> <script> function selectCode(e) { var doc = document , text = $(e).closest("dl").find(".cont_code,code").get(0) , range, selection ; if (doc.body.createTextRange) { range = document.body.createTextRange(); range.moveToElementText(text); range.select(); } else if (window.getSelection) { selection = window.getSelection(); range = document.createRange(); range.selectNodeContents(text); selection.removeAllRanges(); selection.addRange(range); } }; $(function(){$("dl.codebox:not(.spoiler,.hidecode) > dd.code, dl.codebox:not(.spoiler,.hidecode) > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">تحديد</span>')}); </script> <!-- BEGIN show_permissions --> <div class="h3">{L_TABS_PERMISSIONS}</div> {S_AUTH_LIST} <!-- END show_permissions -->
<!-- BEGIN switch_image_resize --> <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script> <!-- END switch_image_resize -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
عدل سابقا من قبل راميوا في السبت أكتوبر 20, 2018 6:22 pm عدل 1 مرات |
|  | | زائر زائر

 | موضوع: رد: الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB السبت أكتوبر 20, 2018 6:21 pm | |
| واخيرا اضف كود الcss التالي - الكود:
-
body, .headerbar { background-color: #e9ebed; }
#search-box #keywords { width: 300px; font-family: "Helvetica"; font-size: 15px; height: 40px; padding: 2px 10px; margin-left: -1px; } #search-box #search button[type="submit"] { background-color: #2E3133; border: 0 none; border-radius: 4px 0 0 4px; font-size: 21px; height: 44px; margin-left: 3px; margin-right: 0; position: relative; width: 50px !important; }
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover { background: #d31141; font-size: 14px; } a.button1, a.button2, button.button2, input.button1, input.button2, input.button, #profile-advanced-add a { background: #39C; color: #FFF!important; display: inline-block; font-size: 14px; font-weight: 700; line-height: normal!important; margin: 2px; padding: 10px 10px!important; transition: 300ms; } #logo { padding: 0px; } #logo-desc p { margin-bottom: 30px; color: #000; padding: 0; } p { line-height: 230%; }
.headerbar { margin-bottom: 0px; padding: 0px; }
#info_open .forum-mod, #portal-omar .module, .statistics { background: #FFF; border: 1px dashed #70afd4; border-top: none; margin-bottom: 15px; margin-top: -5px; padding: 5px; }
#wrap { background: rgba(242, 242, 242, 0); background-clip: padding-box; padding: 0px; min-width: 0 }
#site-title { margin-bottom: 30px; color: #000; font-size: 20px; font-weight: 700; padding-top: 15px; } ul.topiclist li.row dl { padding: 2px 8px; } .usernameqjin { font-size: 22px; color: #ffffff; }
div#trap { height: 76px; background: #3ac1f2; } div#rrap { background: #3ac1f2; } .postbody ul.profile-icons { list-style: none; margin-left: 0; padding: 0; margin-top: 0px; width: auto; }
.navbar { background-color: #F0F0F0; clear: both; padding: 0 0px; }
.module, .panel { border: 1px solid #DDD; border-bottom-width: 2px; border-radius: 3px; } .panel .h3 { background:#1e88e5; border: 1px solid #DDD; border-bottom-width: 2px; color: #ffffff; margin: -5px -5px 10px; padding: 9px; } .panel{ margin-bottom: 22px; padding: 0px; } .module .h3 { background: #263238; color: #FFF; margin: -5px -10px 10px; padding: 16px 3px; text-align: center; text-transform: none; } .module { background-color: #fff; color: #555; margin-bottom: 4px; overflow: hidden; padding: 0 10px; }
.lastpost { border: 1px solid #dadada!important; margin-bottom: 5px; margin-right: 13px; background: #f5f5f5; } .forabg .header, .forumbg .header { background-color: #1E88E5; border-radius: 3px; box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1); color: #FFF; display: block; font-size: 13px; font-weight: 400; position: relative; margin: -5px -5px 10px; padding: 6px 3px 3px; }
.forabg .row, .forumbg .row { background-color: #fff; border-radius: 3px; box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1); display: block; line-height: 22px; margin-top: 6px; padding: 0px 0px; margin-bottom: 16px; } table.table1 thead th { background: #368ad2; color: #fff; font-size: 1em; font-weight: 400; line-height: 2.3em; padding: 0 0 3px 3px; text-transform: uppercase; } .pmlist, ul.topiclist { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative!important; z-index: 999!important; } ul.forums { background-color: #fff; background-image: none; } ul.topiclist { background-image: url(https://2img.net/i/fa/empty.gif); background-repeat: repeat-x; color: gray; list-style-type: none; margin: 0; }
span.corners-bottom { background-image: url(https://2img.net/i/fa/empty.gif); background-position: 0 100%; clear: both; margin: 0 -5px; } span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span { background-repeat: no-repeat; display: block; font-size: 1px; height: 5px; line-height: 1px; }
.forabg .corners-bottom, .forumbg .corners-bottom { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; background: url(https://i.servimg.com/u/f20/13/80/18/07/backgr14.pnj) repeat-x bottom; border-radius: 0 0 10px 10px; display: inline-block; margin-left: -6px; margin-top: -40px; padding-top: 55px; width: 0px; z-index: -1!important; }
.forabg { padding: 0px; background-color: #fff; background-image: url(https://2img.net/i/fa/empty.gif); background-position: top right; background-repeat: repeat-x; border: 1px solid #ffffff; border-radius: 11px 11px 0 0; clear: both; margin-bottom: 20px; }
.postbody .topic-title { font-size: 12px; font-weight: inherit; line-height: 185%; }
li.header dd, li.header dt { background: #1e88e5; text-align: center; border: inherit!important; }
hr, #first-post-br, hr.dashed { border-color: #39C; } hr { border: 0 none #fff; border-top: 1px solid #f970a7; clear: both; display: block; height: 1px; margin: 5px 0; }
.postprofile { text-align: center; background: url(https://i.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6; border: 1px solid #DDD; border-radius: 3px; padding: 0px; padding-top: 0px; position: relative; } dd.lastpost a { font-size: 14px; width: 20%; } dd.lastpost { line-height: 20px; font-size: 10px; width: 20%; } .lastpost-avatar img { border: 1px solid #d31141; border-radius: 100px; height: 50px; margin-left: 4px; width: 48px; }
.pagination span a.pag-img { background-color: transparent; border: none; } .pagination a.pag-img { background: none !important; border: none !important; padding: 0 !important; } .pagination span a:active, .pagination span a:focus, .pagination span strong { background-color: #8B5!important; border-color: #593!important; } .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong { color: #FFF; font-weight: bold; background: #39C; border: none; border-bottom: 2px solid #17A; border-radius: 3px; padding: 3px 6px; transition: 300ms; } .pagination span a:hover { background-color: #333; border-color: #111; }
#chatbox_footer { height: 1px!important; }
#cp-main .panel { background: #ffffff; font-size: 16px; color: #000; padding: 0!important; }
#chatbox_header { background-color: #9C27B0; height: 30px; }
select { background-color: #f2f2f2; border-color: #DCDCDC; border-style: solid; border-width: 2px; height: 39px; margin-left: 11px; padding-left: 22px; padding-right: 11px; }
div.sceditor-dropdown .button { background: #369fcf!important; }
div.sceditor-dropdown .button:hover{ background: #d31141!important; }
|
|  | | رياض عبد الكريم
عضو

  عدد المساهمات : 84 نقاط النشاط : 156 السٌّمعَة : 14 بلد العضو :  العمر : 28
 | موضوع: رد: الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB الأحد أكتوبر 28, 2018 4:41 am | |
| بجد بجد اكثر من رائع و ممتاز جدااا و ليس به اخطاء لحد الان
تسلم ايديكى و تقييييم ممتااااااز |
|  | | زائر زائر

 | موضوع: رد: الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB الإثنين أكتوبر 29, 2018 9:26 am | |
| - @رياض عبد الكريم كتب:
بجد بجد اكثر من رائع و ممتاز جدااا و ليس به اخطاء لحد الان
تسلم ايديكى و تقييييم ممتااااااز تسلم اخي والله شكرا عالكلام الطيب  |
|  | | ليفربول
عضو

  عدد المساهمات : 6 نقاط النشاط : 16 السٌّمعَة : 0 العمر : 30
 | موضوع: رد: الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB السبت يونيو 08, 2019 10:58 am | |
| |
|  | | thilje
عضو

 عدد المساهمات : 17 نقاط النشاط : 27 السٌّمعَة : 1 بلد العضو : 
 | موضوع: رد: الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB الأربعاء يناير 29, 2020 1:26 am | |
| |
|  | | 1M ThE BesT
مؤسس الإبداع العربي

  عدد المساهمات : 1433 نقاط النشاط : 1840 السٌّمعَة : 49 بلد العضو :  العمر : 26
 | موضوع: رد: الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB الأربعاء أبريل 29, 2020 11:54 am | |
| رووووووووووعة
ابداع × ابداع |
|  | | نجم النجوم
عضو

 عدد المساهمات : 5 نقاط النشاط : 11 السٌّمعَة : 10 بلد العضو : 
 | موضوع: رد: الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB الجمعة يونيو 26, 2020 4:57 pm | |
| |
|  | | | الستايل الي يجمع مابين النسخه الثالثه وشكل النسخه AwesomeBB | |
|
| صلاحيات هذا المنتدى: | لاتستطيع الرد على المواضيع في هذا المنتدى
| |
| |
| |