أهلاً بك في منتدى انكور التطويري

شرفتنا بحضورك لمنتدى انكور التطويري، المجتمع العربي للمحتوى المفيد والحصري حيث ستجد لدينا ما تحتاج لتزيد من معرفتك وخبراتك والمساحة الآمنة لنشر معرفتك ومشاركتها مع الاعضاء والزوار
تسجيل

قالب هيدر مدخل مدفوع حصريا

Admin

Admin

مدير شركة انكور التطويرية
طاقم الإدارة
ادارة انكور

بسم الله الرحمن الرحيم​
السلام عليكم و رحمة الله وبركاته​
ونعود لكم بكود حصري وجديد وهو قالب لهيدر موقع مدفوع [/CENTER]
من تصميم وتكويد K!mo وتعديلي الخاص ​
الهيدر مميز جدا وبه مزايا متعددة سأشرحها بعد المعاينة​
2551253683.png
[/CENTER]
3010.png
​
-​
3110.png
​
ieo1010.png
[/CENTER]مميزات القالب[/CENTER]
- يتحوي على روابط نصية من اعلى واسفل مع قائمة مسندلة​
- يحتوي على ايقونة "الدعم الفني" والتي تقوم بالتوجيه لعبة الدردشة (يمكنك تغييرالايقونة)​
- يتحوي على بنران اعلانيان​
- يحتوي على مربع البحث​
- سريع لا ويبطئ من عمل المنتدى​
- وجود ايقونات تواصل اجتماعي مع هوفر​
- css و html بشكل جميل جدا​
كان هناك صندوق للدخول ولكني أزلة ويمكن اعادته اذا ما اردتم لا مشكلة [/CENTER]
يمكنكم طلب تركيب صندوق الدخول من خلال القسم التالي طلبات الدعم الفني



لتركيب القالب

تفضلو الكود

كود: 
  
<div class="navbar"><div class="header-but3">
<ul><div class="menu-headr-container"><ul id="menu-headr" class="menu">
<ul>
              <li><a id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12" href="#">رابط نصي</a>
                 <ul>
                 
                    <li><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
                    <li><a href="/#" target="_blank" title="رابط نصي"> رابط نصي</a></li>
                    <li><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
                    <li><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
                </ul>
  </li><li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
  <li id="menu-item-13" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13"><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
  <li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a href="/# target="_blank" title="رابط نصي">رابط نصي</a></li>
  <li id="menu-item-15" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15"><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
  <li id="menu-item-16" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15"><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
</ul></ul></div></ul>
</div><div class="social" data-scroll-reveal="enter right after 1s over 1s">
<a href="https://www.facebook.com/#" class="face1" target="_blank" title="تابعنا على الفيسبوك"></a>
<a href="https://twitter.com/#" class="twi1" target="_blank" title="تابعنا على تويتر"></a>
<a href="https://www.youtube.com/#" class="you1" target="_blank" title="تابعنا على يوتيوب"></a>
<a href="https://plus.google.com/#" class="goo1" target="_blank" title="+ تابعنا على جوجل"></a>
<a href="/rss" class="rcc1" target="_blank" title="rss تابعنا على"></a>
</div>
</div>
<div class="header-x">
<a href="#" title="شركة انكور التطويرية"><div class="logo" data-scroll-reveal="enter bottom after 1s over 1s"></div></a>
<div class="inkorleft"><div style="position:relative">
</div></div>
  <a href="javascript:void(window.open('/chatbox/index.forum','','width=590,height=610,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))">
   <img src="https://i.servimg.com/u/f93/15/47/21/99/1214.png" title="الدعم الفني" class="Da3m" alt="LiveZilla Live Help" border="0"></a>
    <div class="header-but4">
<ul>
<div class="menu-headr-container"><ul id="menu-headr1" class="menu">
  <li id="menu-item-11" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11"><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
  <li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
  <li id="menu-item-13" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13"><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
  <li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
  <li id="menu-item-15" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15"><a href="/#" target="_blank" title="رابط نصي">رابط نصي</a></li>
</ul></div></ul>
</div>
</div>
<div class="navbar-2"><div class="navbar-2-r"><div class="Misah" data-scroll-reveal="enter left after 1s over 1s">
  <a href="/contact" target="_blank" title="مساحة اعلانية"><img src="https://i.servimg.com/u/f93/15/47/21/99/812.png"></a>
  <a href="/contact" target="_blank" title="مساحة اعلانية"><img src="https://i.servimg.com/u/f93/15/47/21/99/812.png"></a>
</div>
</div><div class="search" data-scroll-reveal="enter left after 1s over 1s">
<form action="/search" method="get" id="header_search">
<input type="hidden" name="mode" value="searchbox">
<input class="Box" onblur="if(this.value=='')this.value='ضع كلمة البحث هنا ..' " title="ضع كلمة تعبر بها عما تبحث" onfocus="if(this.value=='ضع كلمة البحث هنا ..')this.value=''" input="" type="text" name="search_keywords" size="24" value="ضع كلمة البحث هنا ..">
<input class="Go" data-method="get" src="https://i.servimg.com/u/f93/15/47/21/99/spacer10.gif" type="image">
<input class="Govb" data-method="post" src="https://i.servimg.com/u/f93/15/47/21/99/spacer10.gif" type="image">
<input type="submit" style="display:none;">
</div>
</div>
ومن ثم نتوجه الى ورقة الـ css ونقوم باضافة الكود التالي 

كود: 
  
.bodyline{
    background:# url(Zaitar Ayoub);
    border:0;
    padding:0;
    margin:0;
    }
    body{
    background-image:url('https://i.servimg.com/u/f21/18/98/57/88/body11.png');
    background-repeat:repeat;
    padding:0;
    margin:0;
    background-position:center;
    }
    a{
    text-decoration:none;
    }
    
.navbar {
   background-image:url('https://i.servimg.com/u/f21/18/98/57/88/navbar10.gif');
   background-repeat:repeat-x;
   height:55px;
}
.header-but3 {
    float: right;
    width: 900px;
    height: 55px;
    margin-right: 10px;
}
.header-but3 ul {
   padding: 0px;
   margin: 0px;
}
.header-but3 ul li {
    background-image:url('https://i.servimg.com/u/f21/18/98/57/88/navbar11.gif');
   display: inline;
   float: right;
   height:55px;
   width: 121px;
   margin-right: 3px;
   text-align: center;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   line-height: 58px;
}
.header-but3 ul li a {
margin-top:0px;
   color:white;
   text-decoration: none;
   font-size: 14px;
   font-family: Droid Arabic Kufi, tahoma;
   font-weight: bold;
   display: block;
   overflow: hidden;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
      
}
.header-but3 ul li a:hover {
   background: #0081b3 !important;
   color:#fff;
   text-shadow:none;
   height: 60px !important;
   width: 120px !important;
        font: 10px !important;
   border-bottom:none !important;
   box-shadow:none;
}
  
.header-but3 ul li ul {
   display: none;
}
.header-but3 ul li ul:hover {
   display: block;
}
.header-but3 ul li:hover ul {
   display: block;
   margin: 0px;
   width: 60px;
   float: left;
   position: relative;
   z-index: 999;
   margin-left: 1px;
}
.social {
   background-image:url('https://i.servimg.com/u/f21/18/98/57/88/navbar12.gif');
   background-repeat:no-repeat;
   height:55px;
   width:336px;
   float:left;
}
  
.face1 {
    height: 30px;
    width: 30px;
    float: left;
    margin-left: 23px;
    margin-top:16px;
}
  .face1:hover {
   background:url(https://i.servimg.com/u/f68/17/37/43/87/0815_910.png) no-repeat;
   -webkit-transition: background-color 1000ms linear;
   -moz-transition: background-color 500ms linear;
   -o-transition: background-color 500ms linear;
   -ms-transition: background-color 500ms linear;
   transition: background-color 500ms linear;
  
}
  
.twi1 {
    height: 30px;
    width: 30px;
    float: left;
    margin-top: 16px;
    margin-left: 5px;
}
  
.twi1:hover {
   background:url(https://i.servimg.com/u/f68/17/37/43/87/0815_510.png) no-repeat;
   -webkit-transition: background-color 1000ms linear;
   -moz-transition: background-color 500ms linear;
   -o-transition: background-color 500ms linear;
   -ms-transition: background-color 500ms linear;
   transition: background-color 500ms linear;
  
}
.you1 {
    height: 30px;
    width: 30px;
    float: left;
    margin-top: 16px;
    margin-left: 5px;
}
  
.you1:hover {
   background:url(https://i.servimg.com/u/f68/17/37/43/87/0815_210.png) no-repeat;
   -webkit-transition: background-color 1000ms linear;
   -moz-transition: background-color 500ms linear;
   -o-transition: background-color 500ms linear;
   -ms-transition: background-color 500ms linear;
   transition: background-color 500ms linear;
  
}
.goo1 {
    height: 30px;
    width: 30px;
    float: left;
    margin-top: 16px;
    margin-left: 6px;
}
  
.goo1:hover {
   background:url(https://i.servimg.com/u/f68/17/37/43/87/0815_511.png) no-repeat;
   -webkit-transition: background-color 1000ms linear;
   -moz-transition: background-color 500ms linear;
   -o-transition: background-color 500ms linear;
   -ms-transition: background-color 500ms linear;
   transition: background-color 500ms linear;
  
}
.rcc1 {
    height: 30px;
    width: 30px;
    float: left;
    margin-top: 16px;
    margin-left: 6px;
}
  
    .rcc1:hover {
   background:url(https://i.servimg.com/u/f68/17/37/43/87/0815_110.png) no-repeat;
   -webkit-transition: background-color 1000ms linear;
   -moz-transition: background-color 500ms linear;
   -o-transition: background-color 500ms linear;
   -ms-transition: background-color 500ms linear;
   transition: background-color 500ms linear;
  
}
.header-x {
   background-image:url('https://i.servimg.com/u/f21/18/98/57/88/header28.gif');
   background-repeat:repeat-x;
   height:278px;
}
.inkorleft {
    background-image:url('https://i.servimg.com/u/f93/15/47/21/99/513.png');
    width:395px;
    height:278px;
    background-repeat: no-repeat;
    float:left;
}
  
.usrname1, .passwd1 {
    position: absolute;
    background-color: transparent;
    border: 0px;
    font-family: Droid Arabic Kufi, tahoma;
    font-size: 9pt;
    font-weight: bold;
    color: #fff;
    width: 182px;
    height: 38px;
    right: 40px;
    top: 7px;
    text-align: center;
}
.usrname1 {
    margin-top: 82px;
    cursor: pointer;
    right: 152px;
}
.passwd1 {
    margin-top: 132px;
    cursor: pointer;
    right: 152px;
    width: 172px;
}
.buttonx2 {
    border: 0px;
    width: 74px;
    height: 35px;
    position: absolute;
    top: 187px;
    right: 158px;
    background-color:transparent;
}
.chkbox2 {
    width: 75px;
    position: absolute;
    top: 193px;
    right: 60px;
    color: white;
}
.navbar-2 {
   background-image:url('https://i.servimg.com/u/f93/15/47/21/99/216.png');
   background-repeat:repeat-x;
   height:123px;
}
.navbar-2-r {
   background-image:url('https://i.servimg.com/u/f93/15/47/21/99/412.png');
   background-repeat:no-repeat;
   height:123px;
   width:428px;
   float:right;
}
.Misah {
   margin-top:10px;
   height:60px;
   width:320px;
   float:right;
}
.search {
   background-image:url('https://i.servimg.com/u/f93/15/47/21/99/117.png');
    background-repeat: no-repeat;
    height: 123px;
    width: 496px;
    float: left;
}
.Box {
    width: 240px;
    height: 47px;
    margin-top: 15px;
    margin-right: 218px;
    line-height: 0px;
    border: none 0px;
    background: none;
    color: #f0f9ff;
    font-family:Droid Arabic Kufi, Tahoma;
    font-weight:bold;
    font-size:11px;
    float: right;
    text-indent: 8px;
    direction: rtl;
}
.Da3m {
   background-image:url('https://i.servimg.com/u/f21/18/98/57/88/body13.png');
   background-repeat:no-repeat;
   height:164px;
   width:44px;
   float:right;
   margin-top:30px;
        margin-right:3px;
        opacity:0.6;  
        -webkit-transition-duration:0.5s;
}
  
.Da3m:hover{ 
  opacity:1.9;
  }
 .header-but4 {
    float: right;
    width: 600px;
    height: 31px;
    margin-right: 10px;
    margin-top:0px;
}
.header-but4 ul {
   padding: 0px;
   margin: 0px;
}
.header-but4 ul li {
    background-image:url('https://i.servimg.com/u/f68/18/98/57/88/0515_110.png');
   display: inline;
   float: right;
   height:31px;
   width: 114px;
   margin-right: 3px;
   text-align: center;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   line-height: 30px;
}
.header-but4 ul li a {
margin-top:0px;
   color: #101010;
   text-decoration: none;
   font-size: 14px;
   font-family: Droid Arabic Kufi, tahoma;
   font-weight: bold;
   display: block;
   overflow: hidden;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
      
}
.header-but4 ul li a:hover {
   color:#4D4E4E;
}
.header-but4 ul li ul {
   display: none;
}
.header-but4 ul li ul:hover {
   display: block;
}
.header-but4 ul li:hover ul {
   display: block;
   margin: 0px;
   width: 60px;
   float: left;
   position: relative;
   z-index: 999;
   margin-left: 1px;
}
  
.logo {
   background-image:url('https://i.servimg.com/u/f93/15/47/21/99/613.png');
   background-repeat:no-repeat;
   width:377px;
   height:201px;
   float:right;
   margin-top:40px;
   margin-right:20px;
}

 


ومبروك عليك الهيدر​
ان شاء الله يكون عجبكم​
اذا كان لديك مشكلة بالكود او التركيب يمكنك طرح مشكلتك في قسم ​
طلبات الدعم الفني وسنساعدك على حل مشكلتك باذن الله​
 

جميع الحقوق محفوظة لشركة انكور التطويرية ويمنع النقل دون ذكر المصدر​
 

والسلام ختام​
 
يجب تسجيل الدخول أو التسجيل كي تتمكن من الرد هنا.

✔ نبذة عنا

منتدى انكور التطويري لدعم وتطوير المواقع والمنتديات والمحتوى العربي. نسعى للارتقاء في المحتوى العربي وتقديم الخدمات المتنوعة لأصحاب المواقع والمنتديات بأحدث الامكانيات والشروحات مجانًا.

🚀 روابط نصية

◃رابط نصي ◃رابط نصي ◃رابط نصي ◃رابط نصي

◃رابط نصي ◃رابط نصي ◃رابط نصي ◃رابط نصي

◃رابط نصي ◃رابط نصي ◃رابط نصي ◃رابط نصي

عودة
أعلى