هاهو الكود فريق التكويد لايوجد حاليا في منتدى الإبداع العربي
index_box
[list=linenums]
[*]<style>
[*] .fm-box_ {
[*] background-color:
#fff;
[*] border: 1px solid
#e6e6e6;
[*] border-radius: 4px;
[*] margin: 0 0 7px;
[*] padding: 8px;
[*]}
[*] .rightbox, .st_b, .sub-fm- li ul {
[*] border-radius: 4px;
[*]}
[*].fm-cont-box {
[*]}
[*].st_b {
[*] background-color:
#ddf2fa;
[*] color:
#1fb1bb;
[*] display: block;
[*] float: right;
[*] font-size: 13px;
[*] height: 30px;
[*] margin-left: 5px;
[*] min-width: 110px;
[*] padding: 3px 0 0 11px;
[*] transition: all 0.4s ease-in-out 0s;
[*]}
[*].st_b:hover {
[*] background-color:
#159fd2;
[*]}
[*].st_b i {
[*] color:
#4a8ca7;
[*]}
[*].st_b em, .st_b i {
[*] margin: 0;
[*]}
[*].st_b::before {
[*] font-family: newsans,"droid Arabic Kufi";
[*] line-height: 24px;
[*] background-position: 2px 0;
[*] background-repeat: no-repeat;
[*] display: block;
[*] float: right;
[*] height: 16px;
[*] margin: 6px 5px 0 10px;
[*] width: 20px;
[*]}
[*].i-2::before {
[*] background-position: -59px top;
[*]}
[*].i-3::before {
[*] background-position: -120px top;
[*]}
[*].i-4::before {
[*] background-position: -186px top;
[*]}
[*].i-1:hover::before {
[*] background-position: 2px bottom;
[*]}
[*].i-2:hover::before {
[*] background-position: -59px bottom;
[*]}
[*].i-3:hover::before {
[*] background-position: -120px bottom;
[*]}
[*].i-4:hover::before {
[*] background-position: -186px bottom;
[*]}
[*].fm-title {
[*] background-color:
#C7D9FF;
[*] border-radius: 6px 6px 0 0;
[*] color:
#fff;
[*] font-size: 16px;
[*] font-weight: 400;
[*] line-height: 42px;
[*] margin: 0 0 -14px;
[*] padding: 4px 10px 10px;
[*]}
[*].fm-title {
[*] text-align: center;
[*]}
[*].fm-title a {
[*] color:
#fff !important;
[*]}
[*].padd {
[*] background-color:
#f7f7f7;
[*] border-color:
#ededed;
[*] border-radius: 9px 9px 0 0;
[*] border-style: solid;
[*] border-width: 0 1px;
[*] padding: 10px 10px 1px;
[*]}
[*].fm-img_ {
[*] display: block;
[*] float: right;
[*] height: 50px;
[*] width: 50px;
[*]}
[*].fm-box {
[*] margin-right: 50px;
[*] padding: 0 15px 0 5px;
[*]}
[*].forum-title-in {
[*] float: right;
[*] width: 580px;
[*]}
[*].hvr-pop {
[*] backface-visibility: hidden;
[*] box-shadow: 0 0 1px rgba(0, 0, 0, 0);
[*] display: inline-block;
[*] transform: translateZ(0px);
[*] vertical-align: middle;
[*]}
[*].clr {
[*] clear: both;
[*] display: block;
[*] height: 0;
[*]}
[*].last-post-- {
[*] float: left;
[*] width: 400px;
[*]}
[*].last-post-- .alt2 {
[*] border: 0 none;
[*]}
[*].smallfont {
[*] color:
#616161;
[*] font-size: 14px;
[*] text-shadow: 0 1px 0
#fff;
[*]}
[*].alt1Active a, .alt2 a strong {
[*] font-size: 13px;
[*]}
[*]</style>
[*]<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
[*] <tr>
[*] <td valign="bottom">
[*] <!-- BEGIN switch_user_logged_in -->
[*] <span class="gensmall">{LAST_VISIT_DATE}<br />
[*] {CURRENT_TIME}<br />
[*] </span>
[*] <!-- END switch_user_logged_in -->
[*] <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
[*] </td>
[*] <td class="gensmall" align="right" valign="bottom">
[*] <!-- BEGIN switch_user_logged_in -->
[*] <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
[*] <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
[*] <!-- END switch_user_logged_in -->
[*] <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
[*] </td>
[*] </tr>
[*]</table>
[*] <!-- BEGIN catrow --><!-- BEGIN tablehead -->
[*]
[*]
[*] <div class="fm-title"><a clas="{catrow.tablehead.INC_SPAN}" class="hvr-pop">{catrow.tablehead.L_FORUM}</a>
[*]<span class="fm-title-bordr"></span>
[*]</div>
[*]
[*]<!-- END tablehead -->
[*] <!-- BEGIN cathead -->
[*] <!-- BEGIN inc -->
[*]<tr align="center">
[*] <td style="padding:0;">
[*]
[*] <div class="img">
[*] <div class="top"></div>
[*] <div class="med"{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}"/></div>
[*]<!-- END inc -->
[*]<div class="down"{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
[*] <h{catrow.cathead.LEVEL} class="hierarchy">
[*] <span class="cattitle">
[*] <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
[*] </span>
[*] </h{catrow.cathead.LEVEL}>
[*] </td>
[*] <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="center"> </td>
[*] </tr>
[*]</div>
[*] </div>
[*] </td>
[*]
[*]<div class="e-fourm-body-all">
[*]<!-- END cathead -->
[*] <!-- BEGIN forumrow -->
[*]<div class="padd">
[*]<div class="fm-box_">
[*]<img border="0" class="fm-img_" id="forum_statusicon_2" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" style="cursor: pointer;">
[*] <!-- BEGIN inc -->
[*] <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}"/></td>
[*] <!-- END inc -->
[*]<div class="fm-box">
[*]<div class="fm-cont-box">
[*]<div class="forum-title-in">
[*]<a href="{catrow.forumrow.U_VIEWFORUM}" class="hvr-pop"><strong>{catrow.forumrow.FORUM_NAME}</strong></a><br>
[*]<span class="genmed">{catrow.forumrow.FORUM_DESC}</span><br>
[*]<span class="clr"></span>
[*]<span class="st_b i-4">المواضيع : {catrow.forumrow.TOPICS}</span>
[*]<span class="st_b i-3">المشاركات : {catrow.forumrow.POSTS}</span><br>
[*]<span>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
[*]<span class="clr"></span>
[*]</div>
[*]<div class="last-post--">
[*] <table style="width:100%">
[*] <tbody><tr>
[*]<td class="alt2"><div class="r-padd">
[*]<div align="right" class="smallfont">
[*] <div>
[*] <span style="white-space:nowrap">
[*] <a style="white-space:nowrap"><strong>{catrow.forumrow.LAST_POST}</strong></a></span>
[*] </div>
[*]</div>
[*]</div></td>
[*] </tr>
[*] </tbody></table>
[*]</div>
[*]<span class="clr"></span>
[*]</div>
[*]
[*]<span class="clr"></span>
[*]</div></div>
[*]<span class="clr"></span>
[*]</div>
[*]<div class="padd">
[*]<span class="clr"></span>
[*]</div>
[*]<span class="fm-footer"><i></i></span>
[*]
[*] </div>
[*] </div>
[*]</div>
[*]<!-- END forumrow -->
[*] <!-- BEGIN catfoot -->
[*] <!-- BEGIN inc -->
[*] <!-- END inc -->
[*] <!-- END catfoot -->
[*] <!-- BEGIN tablefoot -->
[*]
[*]</div>
[*] </div> </div>
[*]
[*]
[*]
[*]
[*]
[*]
[*]
[*]
[*]
[*]
[*]
[*]
[*]<!--bdayh-->
[*]<img src="{SPACER}" alt="" height="5" width="1" />
[*]<!-- END tablefoot --><!-- END catrow -->
[*]
[*]<br>
[/list]
overall_footer_end
[list=linenums]
[*]<!-- 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>
[*]<table>
[*] <tr>
[*] <td>
[*] <div>
[*] <div>
[*] <div>
[*]<!-- END html_validation -->
[*] </div>
[*] </div>
[*] <!-- BEGIN switch_footer_links -->
[*] <div align="center">
[*] <div class="gen">
[*] <!-- BEGIN footer_link -->
[*] <!-- BEGIN switch_separator --> | <!-- END switch_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 -->
[*] </div>
[*] </div>
[*] <!-- END switch_footer_links -->
[*] </div>
[*] {PROTECT_FOOTER}
[*] </td>
[*] </tr>
[*]</table>
[*]<!-- BEGIN switch_facebook_login -->
[*]<div id="fb-root"></div>
[*]<script type="text/javascript">
[*] FB.init({
[*] appId : {switch_facebook_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_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>
[*] <div class="ffb">
[*] <div class="ffl"></div>
[*] <div class="ffr"></div>
[*] <div class="fff"></div>
[*] </div>
[*]</body>
[*]</html>
[/list]
overall_header
[list=linenums]
[*]<!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>
[*] <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="{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 w_cont = $('
#fa_ticker_container').width();
[*] if (w_cont > 0)
[*] {
[*] $('
#fa_ticker_container').width(w_cont);
[*] /* Affichage de la liste */
[*] $('
#fa_ticker_content').css('display','block');
[*] /* Calcul des dimensions du conteneur et des elements */
[*] var width_max = $('ul#fa_ticker_content').width();
[*] var width_item = Math.floor(width_max / {switch_ticker.SIZE});
[*] var height_max = h_perso;
[*] /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
[*] $('ul#fa_ticker_content li').each( function () {
[*] if ($(this).height() > height_max)
[*] {
[*] height_max = $(this).height();
[*] }
[*] } );
[*] /* Redimensionnement des elements et des images trop larges */
[*] $('ul#fa_ticker_content li').width(width_item).height(height_max).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);
[*] }
[*] });
[*] /* Redimensionnement et centrage du conteneur en mode vertical */
[*] if (slid_vert)
[*] {
[*] $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
[*] }
[*] /* Initialisation du caroussel */
[*] $('
#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}
[*] <!-- 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 background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}"link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
[*] <!-- 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}<ahref="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" style="z-index: 10000 !important;">
[*] <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}"border="0" cellspacing="1" cellpadding="0">
[*] <tr height="25">
[*] <td class="catLeft">
[*] <span class="genmed module-title">{SITENAME}</span>
[*] </td>
[*] </tr>
[*] <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
[*] <td class="row1" align="left" valign="top">
[*] <div id="login_popup_buttons">
[*] <form action="{S_LOGIN_ACTION}" method="get">
[*] <input type="submit" class="mainoption" value="{L_LOGIN}" />
[*] <input type="button" class="mainoption" value="{L_REGISTER}"onclick="parent.location='{U_REGISTER}';" />
[*] <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
[*] </form>
[*] </div>
[*] <span class="genmed">{LOGIN_POPUP_MSG}</span>
[*] </td>
[*] </tr>
[*] </table>
[*] </div>
[*] <!-- END switch_login_popup -->
[*] <a name="top"></a>
[*] {JAVASCRIPT}
[*]<header>
[*] <div class="sky">
[*]
[*] <div class="top-nav">
[*]
[*] </div>
[*] <div class="g1"></div>
[*] <div class="g2"></div>
[*] <div class="g3"></div>
[*] <div class="assem2"></div>
[*] <div class="logo"></div>
[*] <div class="clouds_one"></div>
[*] <div class="clouds_two"></div>
[*] <div class="clouds_three"></div>
[*] </div>
[*] </header>
[*] <ul class="icons">
[*]
[*] <li class="i1">
[*] <a href="/register">
[*] <span></span>
[*] </a>
[*] <div class="clear"></div>
[*] <div class="sh"></div>
[*] <h1><a href="/register">التسجيل</a></h1>
[*] </li>
[*]
[*]
[*] <li class="i2">
[*] <a href="/login">
[*] <span></span>
[*] </a>
[*] <div class="clear"></div>
[*] <div class="sh"></div>
[*] <h1><a href="/login">الدخول</a></h1>
[*] </li>
[*]
[*]
[*]
[*] <li class="i3">
[*] <a href="#">
[*] <span></span>
[*] </a>
[*] <div class="clear"></div>
[*] <div class="sh"></div>
[*] <h1><a href="#">بوابة المسجدة</a></h1>
[*] </li>
[*]
[*]
[*]
[*] <li class="i4">
[*] <a href="#">
[*] <span></span>
[*] </a>
[*] <div class="clear"></div>
[*] <div class="sh"></div>
[*] <h1><a href="#">إدارة المسجد</a></h1>
[*] </li>
[*]
[*]
[*]
[*] <li class="i5">
[*] <a href="#">
[*] <span></span>
[*] </a>
[*] <div class="clear"></div>
[*] <div class="sh"></div>
[*] <h1><a href="#">المصليات</a></h1>
[*] </li>
[*]
[*]
[*]
[*]
[*]
[*]
[*] </ul>
[*]
[*] <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0"cellpadding="10" border="0" align="center">
[*] <tr>
[*] <td class="bodyline">
[*] <table width="100%" cellspacing="0" cellpadding="0" border="0">
[*] <tr>
[*] <!-- BEGIN switch_logo_left -->
[*] <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
[*] <!-- END switch_logo_left -->
[*] <td align="center" width="100%" valign="middle">
[*] <!-- BEGIN switch_logo_center -->
[*] <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
[*] <br />
[*] <!-- END switch_logo_center -->
[*] <div class="maintitle">{MAIN_SITENAME}</div>
[*] <br />
[*] <span class="gen">{SITE_DESCRIPTION}<br /> </span>
[*] </td>
[*] <!-- BEGIN switch_logo_right -->
[*] <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
[*] <!-- END switch_logo_right -->
[*] </tr>
[*] </table>
[*] <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
[*] <tr>
[*] <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
[*] </tr>
[*] </table>
[*] <div style="clear: both;"></div>
[*] <!-- BEGIN switch_ticker_new -->
[*] <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
[*] <table width="100%" border="0" cellspacing="0" cellpadding="0"class="forumline">
[*] <tr>
[*] <td align="left" class="row1">
[*] <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>
[*] </td>
[*] </tr>
[*] </table>
[*] </div>
[*] <!-- END switch_ticker_new -->
[*] <!-- BEGIN switch_ticker -->
[*] <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
[*] <table width="100%" border="0" cellspacing="0" cellpadding="0"class="forumline">
[*] <tr>
[*] <td align="left" class="row1">
[*] <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>
[*] </td>
[*] </tr>
[*] </table>
[*] </div>
[*] <!-- END switch_ticker -->
[*] <div id="page-body">
[*] <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
[*] <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
[*] <tbody>
[*] <tr>
[*] <td valign="top" width="{C1SIZE}">
[*] <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>
[*] </td>
[*] <td valign="top" width="100%">
[*]<!-- BEGIN html_validation -->
[*] </td>
[*] </tr>
[*] </tbody>
[*] </table>
[*] </div>
[*] </div>
[*] </td>
[*] </tr>
[*] </table>
[*]</body>
[*]</html>
[*]<!-- END html_validation -->
[/list]
ورقة تصميم css
[list=linenums]
[*]/*
[*]Coding by belm assem
[*]
www.facebook.com/belm.assem[*] */
[*] *{
[*] margin:0;
[*] padding:0;
[*] }
[*] body{
[*] background:url("http://belmassem.byethost5.com/mosque/assem.png");
[*] width: 100%;
[*] height: 300%;
[*] }
[*] header{
[*] background-color:
#c6d9ff;
[*] height:371px;
[*] position:relative;
[*] }
[*] .top-nav{
[*] height:60px;
[*] background-color:
#bdd3fe;
[*] }
[*].assem2 {
[*] background: url("http://belmassem.byethost5.com/mosque/m.png");
[*] width: 515px;
[*] height: 151px;
[*] position: absolute;
[*] right: 30%;
[*] top: 220px;
[*] left: 30%;
[*]}
[*].logo{
[*] background: url("http://belmassem.byethost5.com/mosque/logo.png");
[*] width:323px;
[*] height:106px;
[*] float:right;
[*] margin:27px 49px 0 0;
[*]}
[*].ffb{
[*] background: url("https://i.servimg.com/u/f35/16/46/77/76/9zkgkr12.png");
[*] background-repeat: repeat;
[*] height:110px;
[*]}
[*].ffl{
[*] background: url("https://i.servimg.com/u/f35/16/46/77/76/9zkgkr13.png");
[*] background-repeat:repeat-x;
[*] width:284px;
[*] height:110px;
[*] float:right;
[*]}
[*].ffr{
[*] background: url("https://i.servimg.com/u/f35/16/46/77/76/9zkgkr10.png");
[*] background-repeat:repeat-x;
[*] width:190px;
[*] height:110px;
[*] float:left;
[*]}
[*].fff {
[*] background-image:url('https://i.servimg.com/u/f35/16/46/77/76/9zkgkr11.png');
[*] background-repeat:repeat-x;
[*] height:110px;
[*] margin: auto;
[*] float: none;
[*]width: 330px;
[*]}
[*].icons{ list-style:none; display:block; margin:110px auto; width:800px;}
[*].icons li{ float:right; width:130px; position:relative; overflow:hidden; height:150px;margin-right:36px; }
[*] .icons li.i1 span{ background:url(https://i.servimg.com/u/f35/19/45/12/26/i511.png) top center no-repeat;
[*] display:block; width:100%; height:130px;
[*] -moz-transition: all 0.3s ease;
[*] -webkit-transition: all 0.3s ease;
[*] transition: all 0.3s ease ;
[*] position:relative;
[*] top:0px;
[*] }
[*].icons li.i1:hover span { background-position: center -134px; top:-30px; }
[*] .icons li h1{ font-family:arial; font-size:12pt; font-weight:bold; color:
#fff;display:block; text-align:center; line-height:25px;
[*]-moz-transition: all 0.3s ease;
[*] -webkit-transition: all 0.3s ease;
[*] transition: all 0.3s ease ; }
[*].icons li h1 a{ color:
#0068c3; text-decoration:none; }
[*].icons li:hover{ overflow:visible; }
[*].icons li:hover h1 { display:block; position:relative; margin-top:-30px;}
[*].icons li:hover .sh { display:none;}
[*] .sh{ background:url(http://www.norayn.org.sa/images/sh.png) center center no-repeat;display:block; height:17px; }
[*] .icons li.i2 span{ background:url(https://i.servimg.com/u/f35/19/45/12/26/i411.png) top center no-repeat;
[*] display:block; width:100%; height:130px;
[*] -moz-transition: all 0.3s ease;
[*] -webkit-transition: all 0.3s ease;
[*] transition: all 0.3s ease ;
[*] position:relative;
[*] top:0px;
[*] }
[*].icons li.i2:hover span { background-position: center -134px; top:-30px; }
[*] .icons li.i3 span{ background:url(https://i.servimg.com/u/f35/19/45/12/26/i311.png) top center no-repeat;
[*] display:block; width:100%; height:130px;
[*] -moz-transition: all 0.3s ease;
[*] -webkit-transition: all 0.3s ease;
[*] transition: all 0.3s ease ;
[*] position:relative;
[*] top:0px;
[*] }
[*].icons li.i3:hover span { background-position: center -134px; top:-30px; }
[*] .icons li.i4 span{ background:url(https://i.servimg.com/u/f35/19/45/12/26/i211.png) top center no-repeat;
[*] display:block; width:100%; height:130px;
[*] -moz-transition: all 0.3s ease;
[*] -webkit-transition: all 0.3s ease;
[*] transition: all 0.3s ease ;
[*] position:relative;
[*] top:0px;
[*] }
[*].icons li.i4:hover span { background-position: center -134px; top:-30px; }
[*] .icons li.i5 span{ background:url(https://i.servimg.com/u/f35/19/45/12/26/i12.png) top center no-repeat;
[*] display:block; width:100%; height:130px;
[*] -moz-transition: all 0.3s ease;
[*] -webkit-transition: all 0.3s ease;
[*] transition: all 0.3s ease ;
[*] position:relative;
[*] top:0px;
[*] }
[*].icons li.i5:hover span { background-position: center -134px; top:-30px; }
[*].icons li.i1{ margin-right:0px; }
[*].sky {
[*] height: 480px;
[*] background: 007fd5;
[*] position: relative;
[*] overflow: hidden;
[*] -webkit-animation: sky_background 50s ease-out infinite;
[*] -moz-animation: sky_background 50s ease-out infinite;
[*] -o-animation: sky_background 50s ease-out infinite;
[*] -webkit-transform: translate3d(0, 0, 0);
[*] -moz-transform: translate3d(0, 0, 0);
[*] -o-transform: translate3d(0, 0, 0)
[*]}
[*].moon {
[*] background: url("http://montanaflynn.me/lab/css-clouds/images/moon.png");
[*] position: absolute;
[*] left: 0;
[*] height: 100%;
[*] width: 300%;
[*] -webkit-animation: moon 50s linear infinite;
[*] -moz-animation: moon 50s linear infinite;
[*] -o-animation: moon 50s linear infinite;
[*] -webkit-transform: translate3d(0, 0, 0);
[*] -moz-transform: translate3d(0, 0, 0);
[*] -o-transform: translate3d(0, 0, 0)
[*]}
[*].clouds_one {
[*] background: url("http://montanaflynn.me/lab/css-clouds/images/cloud_one.png");
[*] position: absolute;
[*] left: 0;
[*] top: 0;
[*] height: 100%;
[*] width: 300%;
[*] -webkit-animation: cloud_one 50s linear infinite;
[*] -moz-animation: cloud_one 50s linear infinite;
[*] -o-animation: cloud_one 50s linear infinite;
[*] -webkit-transform: translate3d(0, 0, 0);
[*] -moz-transform: translate3d(0, 0, 0);
[*] -o-transform: translate3d(0, 0, 0)
[*]}
[*].clouds_two {
[*] background: url("http://montanaflynn.me/lab/css-clouds/images/cloud_two.png");
[*] position: absolute;
[*] left: 0;
[*] top: 0;
[*] height: 100%;
[*] width: 300%;
[*] -webkit-animation: cloud_two 75s linear infinite;
[*] -moz-animation: cloud_two 75s linear infinite;
[*] -o-animation: cloud_two 75s linear infinite;
[*] -webkit-transform: translate3d(0, 0, 0);
[*] -moz-transform: translate3d(0, 0, 0);
[*] -o-transform: translate3d(0, 0, 0)
[*]}
[*].clouds_three {
[*] background: url("http://montanaflynn.me/lab/css-clouds/images/cloud_three.png");
[*] position: absolute;
[*] left: 0;
[*] top: 0;
[*] height: 100%;
[*] width: 300%;
[*] -webkit-animation: cloud_three 100s linear infinite;
[*] -moz-animation: cloud_three 100s linear infinite;
[*] -o-animation: cloud_three 100s linear infinite;
[*] -webkit-transform: translate3d(0, 0, 0);
[*] -moz-transform: translate3d(0, 0, 0);
[*] -o-transform: translate3d(0, 0, 0)
[*]}
[*]@-webkit-keyframes sky_background {
[*] 0% {
[*] background: 007fd5;
[*] color: 007fd5
[*] }
[*] 50% {
[*] background: 000;
[*] color: a3d9ff
[*] }
[*] 100% {
[*] background: 007fd5;
[*] color: 007fd5
[*] }
[*]}
[*]@-webkit-keyframes moon {
[*] 0% {
[*] opacity: 0;
[*] left: -200% -moz-transform: scale(0.5);
[*] -webkit-transform: scale(0.5);
[*] }
[*] 50% {
[*] opacity: 1;
[*] -moz-transform: scale(1);
[*] left: 0% bottom: 250px;
[*] -webkit-transform: scale(1);
[*] }
[*] 100% {
[*] opacity: 0;
[*] bottom: 500px;
[*] -moz-transform: scale(0.5);
[*] -webkit-transform: scale(0.5);
[*] }
[*]}
[*]@-webkit-keyframes cloud_one {
[*] 0% {
[*] left: 0
[*] }
[*] 100% {
[*] left: -200%
[*] }
[*]}
[*]@-webkit-keyframes cloud_two {
[*] 0% {
[*] left: 0
[*] }
[*] 100% {
[*] left: -200%
[*] }
[*]}
[*]@-webkit-keyframes cloud_three {
[*] 0% {
[*] left: 0
[*] }
[*] 100% {
[*] left: -200%
[*] }
[*]}
[*]@-moz-keyframes sky_background {
[*] 0% {
[*] background: 007fd5;
[*] color: 007fd5
[*] }
[*] 50% {
[*] background: 000;
[*] color: a3d9ff
[*] }
[*] 100% {
[*] background: 007fd5;
[*] color: 007fd5
[*] }
[*]}
[*]@-moz-keyframes moon {
[*] 0% {
[*] opacity: 0;
[*] left: -200% -moz-transform: scale(0.5);
[*] -webkit-transform: scale(0.5);
[*] }
[*] 50% {
[*] opacity: 1;
[*] -moz-transform: scale(1);
[*] left: 0% bottom: 250px;
[*] -webkit-transform: scale(1);
[*] }
[*] 100% {
[*] opacity: 0;
[*] bottom: 500px;
[*] -moz-transform: scale(0.5);
[*] -webkit-transform: scale(0.5);
[*] }
[*]}
[*]@-moz-keyframes cloud_one {
[*] 0% {
[*] left: 0
[*] }
[*] 100% {
[*] left: -200%
[*] }
[*]}
[*]@-moz-keyframes cloud_two {
[*] 0% {
[*] left: 0
[*] }
[*] 100% {
[*] left: -200%
[*] }
[*]}
[*]@-moz-keyframes cloud_three {
[*] 0% {
[*] left: 0
[*] }
[*] 100% {
[*] left: -200%
[*] }
[*]}
[/list]
لا يجوز لآخر التعديل على الكود من الأعذاء فالتصميم له حقوق
غير الإدارة أذنت لها بالتعديل