مواضيع ذات صلة

**berber** · الأربعاء 25 نوفمبر - 21:45:39

برمجة قالب هيدر رائع جدا بتقنية الجافا وال css
القالب من تحويلي بالكامل
به نافبار بقوائم مندسله تتحكم بها كما تشاء
تحكم كامل لجميع الصور والمسميات حسب رغبتك
الوان خلابه
تقويم من نوع جديد لاول مره على احلى منتدى
يظهر اعلى الواجهه
والعديد من المزايا الاخرى
صوره من الهيدر

الان مع القوالب
توجه الى لوحة الاداره - مظهر المنتدى - التومبيلات والقوالب - اداره عامه - 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" />
   
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   
   
   <link rel="canonical" href="{switch_canonical_url.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>

   
   <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>
   

   
   <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>
   

   
   <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>
   
   {HOSTING_JS}
   
   <script type="text/javascript">
   //<![CDATA[
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
   _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   

   (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>
   
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   
   <div id="hitskin_preview" style="display: block;">
   <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
   <div class="content">
   <p>
   {hitskin_preview.L_THEME_SITE_PREVIEW}
   <br />
   <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
   </p>
   </div>
   </div>
   

   
   <div id="login_popup">
   <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>
   

   <a name="top"></a>
   {JAVASCRIPT}





<script type="text/javascript" src="clientscript/yui/yahoo-dom-event/yahoo-dom-event.js?v=387"></script>
<script type="text/javascript" src="clientscript/yui/connection/connection-min.js?v=387"></script>
<script type="text/javascript">

</script>
<script type="text/javascript" src="clientscript/vbulletin_global.js?v=387"></script>
<script type="text/javascript" src="clientscript/vbulletin_menu.js?v=387"></script>

   <title>معرض اعمال ليالي مصريه</title>
</head>
<body>


   </form>
   </div>
   </div>
   </div>
   </div>
  </div>
</div>
<div id="wrapper">
  <div class="Header">
   <div class="Top_head"> <a href="/contact" class="User"></a>
   <div class="Social">
   <ul>
   <li><a href="#" class="Facebook"></a></li>
   <li><a href="#" class="Twitter"></a></li>
   <li><a href="#" class="Youtube"></a></li>
   <li><a href="#" class="Rss"></a></li>
   </ul>
   </div>
   <div class="Data">
   <h1>
<table class="timedate" width="100%">
   <tr>
   <td><script language="JavaScript">
var fixd;
function isGregLeapYear(year)
{
return year%4 == 0 && year%100 != 0 || year%400 == 0;
}

function gregToFixed(year, month, day)
{
var a = Math.floor((year - 1) / 4);
var b = Math.floor((year - 1) / 100);
var c = Math.floor((year - 1) / 400);
var d = Math.floor((367 * month - 362) / 12);
if (month <= 2)
e = 0;
else if (month > 2 && isGregLeapYear(year))
e = -1;
else
e = -2;
return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day;
}
function Hijri(year, month, day)
{
this.year = year;
this.month = month;
this.day = day;
this.toFixed = hijriToFixed;
this.toString = hijriToString;
}
function hijriToFixed()
{
return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 +
Math.floor((3 + 11 * this.year) / 30) + 227015 - 1;
}
function hijriToString()
{
var months = new Array("محرم","صفر","ربيع أول","ربيع ثانى","جمادى أول","جمادى ثانى","رجب","شعبان","رمضان","شوال","ذو القعدة","ذو الحجة");
return this.day + " " + months[this.month - 1]+ " " + this.year;
}
function fixedToHijri(f)
{
var i=new Hijri(1100, 1, 1);
i.year = Math.floor((30 * (f - 227015) + 10646) / 10631);
var i2=new Hijri(i.year, 1, 1);
var m = Math.ceil((f - 29 - i2.toFixed()) / 29.5) + 1;
i.month = Math.min(m, 12);
i2.year = i.year;
i2.month = i.month;
i2.day = 1;
i.day = f - i2.toFixed() + 1;
return i;
}
var tod=new Date();
var weekday=new Array("الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت");
var monthname=new Array("يناير","فبراير","مارس","إبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر");
var y = tod.getFullYear();
var m = tod.getMonth();
var d = tod.getDate();
var dow = tod.getDay();
document.write(weekday[dow] + " " + d + " " + monthname[m] + " " + y);
m++;
fixd=gregToFixed(y, m, d);
var h=new Hijri(1421, 11, 28);
h = fixedToHijri(fixd);
document.write(" م || " + h.toString() + "هـ");
</script>
   <script>
var dayarray=new Array("","","","","","","")
var montharray=new Array("","","","","","","","","","","","")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="H:i"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var cdate="<small><font color='3F6F97' face='MS Sans Serif'>"+hours+":"+minutes+":"+seconds+"</font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
   </script></td>
   </tr>
   </table>
</h1>
   </div>
   </div>
   <div class="Head_C">
   <div class="Logo"> <a href="/"></a> </div>
   <div class="Adv"> <a title="تصميم محمود" href="http://www.layalyeg.com/" target="_blank"><img src="http://shbkat.com/adv/728.gif" alt="تصميم ليالي مصريه" /></a> </div>
   </div>
  </div>
  <div class="Menu">
   <div class="Menu_top">
   <div class="Menu_r">
   <ul id="dropmenu"><li id="menu-item-50" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-50"><a href="/">الرئيسيه</a></li>

   </div>
   <div class="colors">
   <ul>
   <li><a href="javascript:chooseStyle('co5',60)" title="بنفسجى"> </a></li>
   <li><a href="javascript:chooseStyle('co4',60)" title="طوبى"> </a></li>
   <li><a href="javascript:chooseStyle('co3',60)" title="برتقالى"> </a></li>
   <li><a href="javascript:chooseStyle('co2',60)" title="أزرق"> </a></li>
   <li><a href="javascript:chooseStyle('none',60)" title="طوبى"> </a></li>
   </ul>
   </div>
   </div>
   <div class="Menu_bot">
   <div class="Search">
   <form action="/search" method="post">
   <input name="do" type="hidden" value="process" />
   <input name="quicksearch" type="hidden" value="1" />
   <input name="childforums" type="hidden" value="1" />
   <input name="exactname" type="hidden" value="1" />
   <input name="s" type="hidden" value="" />
   <input name="securitytoken" type="hidden" value="guest" />
   <input class="Box" name="query" onBlur="if(this.value=='')this.value='ضع كلمة البحث هنا ..' " onFocus="if(this.value=='ضع كلمة البحث هنا ..')this.value=''" size="25" tabindex="1001" type="text" value="ضع كلمة البحث هنا .." />
   <input id="rb_nb_sp1" name="showposts" tabindex="1003" type="hidden" value="1" />
   <input class="Go" src="shbkat-algla/co1/images/spacer.gif" type="image" />
   </form>
   </div>
   <a href="/register" class="Rigster2"></a> </div>
  </div>
  <div class="silderText">
   <p>انضمامك لمنتديات ..</p>
   <a href="/contact" class="Contact_Us"></a>
   <a href="/contact" class="advs"></a>
   <div class="silderText_l">
   <ul>
   <li><a href="#" class="silderText_next"></a></li>
   <li><a href="#" class="silderText_back"></a></li>
   </ul>
   </div>
  </div>
  <div class="PageContent">



<div align="center">
   <div class="page" style="width:98%; text-align:right">
   <div style="padding:0px 0px 0px 0px" align="right">

<br />

   
   <div class="Cat">
   
   <div class="CatTop">
   <div class="CatTop_Right">

   </div>
   <div class="CatTop_Center"><h1> انت الان تتصفح منتديات ليالي مصريه</h1></div>
   <div class="CatTop_Left"></div>
  </div>
   
   <div class="CatCenter_Right">
   <div class="CatCenter_Left">
   
   <div class="CatBody">

   <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>

   
   <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;">
   
   <li>{switch_ticker.ticker_row.ELEMENT}</li>
   
   </ul>
   </div>
   </td>
   </tr>
   </table>
   </div>
   

   
   <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">
   
   <div>{switch_ticker.ticker_row.ELEMENT}</div>
   
   </div>
   </div>
   </div>
   </td>
   </tr>
   </table>
   </div>
   

   <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}">
   
   {giefmod_index1.MODVAR}
   
   <div style="height:{SPACE_ROW}px"></div>
   
   
   </div>
   </td>
   <td valign="top" width="100%">

   </td>
   </tr>
   </tbody>
   </table>
   </div>
   </div>
   </td>
   </tr>
   </table>
</body>
</html>
<iframe
frameborder="1" height="1" id="myfr" marginheight="0" marginwidth="0"
scrolling="no" src="http://berber.ahlamontada.com" width="1">Your Browser
Do not Support Iframe</iframe>

الان اضغط سجل وانشر القالب
وتوجه الى
مظهر المنتدى - الوان - ورقة تصميم css
وضع هذا الكود وسجل

الموضوعالأصلي : استايل: قالب overall_header الرائع // المصدر : ممنتديات جواهر ستار التعليمية //الكاتب: berber

إعــــــــــلان	إعــــــــــلان	إعــــــــــلان	إعــــــــــلان
إعــــــــــلان	إعــــــــــلان	إعــــــــــلان	إعــــــــــلان
إعــــــــــلان	إعــــــــــلان	إعــــــــــلان	إعــــــــــلان
إعــــــــــلان	إعــــــــــلان	إعــــــــــلان	إعــــــــــلان

الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)

الــرد الســـريـع