مدخل التقنية رائع وجديد علي فريق الاكواد

اذهب الى الأسفل

مدخل التقنية رائع وجديد علي فريق الاكواد Empty مدخل التقنية رائع وجديد علي فريق الاكواد

مُساهمة من طرف Admin في الجمعة مارس 09, 2012 9:40 pm

بسم الله الرحمن الرحيم

اقدم لكم اول موضوع في قسم البوابات والمدخلات واليوم جبت لكم بوابة رائعة
هي محولة وليست مت تصميمي .... صورة للمدخل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
مدخل التقنية رائع وجديد علي فريق الاكواد Protpa10

الكود==> مخفي ضع ردا اولا

[hide]
الكود:
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>فريق الاكواد العربية</title>
<style media="all" type="text/css" >
* {
  margin:0 auto;
 
}

html, body {
  background: #FFFFFF;
  margin: 0px;
  direction: rtl;
  height: 100%;
  padding: 0px;
  font-family: Tahoma;
  font-size: 11px;
  text-shadow: 0px 1px 0px #37001E;

}
a {
  outline: 0px;
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  outline: 0px;
  color: #622A67;
  text-decoration: none;
}
IMG {
  border: 0;
}

.logo{
    background-image: url("http://i47.servimg.com/u/f47/17/07/42/77/logoo210.png");
    height: 90px;
    margin: 0 auto;
    width: 300px;
  margin: 0px auto 0px auto;
}
.h1 {
  background-image: url('http://i42.servimg.com/u/f42/15/82/05/23/l-nt_n10.jpg');
  height: 124px;
  width: 850px;
  margin: 0px auto 0px auto;
}
.h2 {
  background-image: url('http://i42.servimg.com/u/f42/15/82/05/23/l-nt_n11.jpg');
  height: 35px;
  width: 850px;
  margin: 0px auto 0px auto;
}
.h3 {
  background-image: url('http://i42.servimg.com/u/f42/15/82/05/23/l-nt_n12.jpg');
  height: 54px;
  width: 850px;
  margin: 0px auto 0px auto;
}
.h4 {
  background-image: url('http://i42.servimg.com/u/f42/15/82/05/23/l-nt_n13.jpg');
  height: 88px;
  width: 850px;
  margin: 0px auto 0px auto;
  text-align: center;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  color: #C0C0C0;
}
.h5 {
  background-image: url('http://i42.servimg.com/u/f42/15/82/05/23/l-nt_n14.jpg');
  height: 53px;
  width: 850px;
  margin: 0px auto 0px auto;
  color: #CACACA;
  font-weight: bold;
}
.h6 {
  background-image: url('http://i42.servimg.com/u/f42/15/82/05/23/l-nt_n15.jpg');
  height: 337px;
  width: 850px;
  margin: 0px auto 0px auto;
}
.h7 {
  background-image: url('http://i42.servimg.com/u/f42/15/82/05/23/l-nt_n16.jpg');
  height: 109px;
  width: 850px;
  margin: 0px auto 0px auto;
 position: relative;
}
#arb-Tmenu {
  height: 50px;
  width: 750px;
  margin: 0px 120px 0px 0px;
}
#arb-Tmenu ul {
  height: 32px;
  margin: auto;
}
#arb-Tmenu li {
  list-style: none;
  display: inline;
  margin: 0px auto 0px auto;
}
#arb-Tmenu li a {
  margin: -3px 0px 4px 5px;
  float: right;
  background-image: url('http://i42.servimg.com/u/f42/15/82/05/23/menu310.png');
  text-align: center;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  line-height: 30px;
  color: #fff;
  width: 100px;
  height: 35px;
}
#arb-Tmenu li a:hover {
  background-image: url('http://i42.servimg.com/u/f42/15/82/05/23/menu410.png');
  color: #fff;
}
#slider {
  position: relative;
  width: 600px;
  height: 160px;
  margin: auto;
  background: url(http://i47.servimg.com/u/f47/17/07/42/77/logoo11.png) no-repeat 50% 50%;
}
#slider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
#slider a {
  border: 0;
  display: block;
}
.nivo-controlNav {
  position: absolute;
  left: 250px;
  bottom: -30px;
}
.nivo-controlNav a {
  display: block;
  width: 22px;
  height: 22px;
  background: url(http://i42.servimg.com/u/f42/15/82/05/23/bullet10.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  float: left;
  margin-left: 5px;
}
.nivo-controlNav a.active {
  background-position: 0 -22px;
}
.nivo-directionNav a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(http://i42.servimg.com/u/f42/15/82/05/23/arrows10.png) no-repeat;
  text-indent: -9999px;
  border: 0;
}
a.nivo-nextNav {
  background-position: -30px 0;
  right: 18px;
}
a.nivo-prevNav {
  left: 15px;
}
.nivo-caption {
  text-shadow: none;
  font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
  color: #efe9d1;
  text-decoration: underline;
}
.nivoSlider {
  position: relative;
}
.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 60;
  display: none;
}
/* The slices in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 50;
  height: 100%;
}
/* Caption styles */
.nivo-caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #000;
  color: #fff;
  opacity: 0.8; /* Overridden by captionOpacity setting */;
  width: 100%;
  z-index: 89;
}
.nivo-caption p {
  padding: 5px;
  margin: 0;
}
.nivo-caption a {
  display: inline !important;
}
.nivo-html-caption {
  display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position: absolute;
  top: 45%;
  z-index: 99;
  cursor: pointer;
}
.nivo-prevNav {
  left: 0px;
}
.nivo-nextNav {
  right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  position: relative;
  z-index: 99;
  cursor: pointer;
}
.nivo-controlNav a.active {
  font-weight: bold;
}
.ss{
  margin: 0px 99px 0px 0px;
  width: 650px;
  height: 150px;
}
.tx{
  width: 600px;
  height: auto;
  margin: 60px auto 0px auto;
  color: #C0C0C0;
  font-weight: bold;
  text-align: center;
}
/* ---- al7rbily ---- */

.al7rbily_navigations {
  margin-right: 10px;
  padding-right: 10px;
  font-size: 11px;
  text-align: center;
  margin: auto;
}
.al7rbily_navigations li {
 
 
  display: inline;


}
.al7rbily_navigations li a {
  float: none;
  width: 90%;
  display: block;
  text-decoration: none;
  margin: 0 0px;
  padding: 2px 2px;
  margin-bottom: 2px;
  border-bottom: 1px #FFdddd solid;
  color: #D8D8D8;
  border-bottom-color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  -moz-border-radius: 6px;
  -moz-border-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -moz-box-shadow: 0px 0px 5px gray;

}
.al7rbily_navigations li a:hover {
  background-color: #622A67;
  -moz-box-shadow: 0px 0px 5px gray;

}

/* ---- al7rbily ---- */
a.learnnt {
  width: 60px;
  height: 50px;
  display: block;
  position: absolute;
  top: 36px;
  left: 100px;
}


.style1 {
  text-align: center;
}


</style>
 

<body>

<div class="h1">
<br/><div class="logo"></div>

</div><div class="h2">
  <div id="arb-Tmenu">

      <ul>
        <li><a href="/">الرئيسية</a></li>
        <li><a href="/forum">المنتدى</a></li>
        <li><a href="/contact">اتصل بنا</a></li>
        <li><a href="/memberlist">قائمه الاعضاء</a></li>
        <li><a href="/search">البحث</a></li>

      </ul>
  </div>
</div><div class="h3">
</div><div class="h4">
  <br />
  <span lang="ar-sa">

ادارة فريق الاكواد العربية ! <br />
تتمني ان تنال اعجابكم هذه البوابة او المدخل
</span></div><div class="h5">

<br/>

<center>

مقدمة
</center>

</div><div class="h6">
<br/>
<br/><div class="ss">
  <div id="slider" class="nivoSlider">
      <a href="#"><img alt="" src="http://i42.servimg.com/u/f42/15/82/05/23/126.png" /></a> <a href="#">
      <img alt="" src="http://i42.servimg.com/u/f42/15/82/05/23/217.png" /></a> <a href="#">

      <img alt="" src="http://i42.servimg.com/u/f42/15/82/05/23/312.png" /></a> <a href="#">
      <img alt="" src="http://i42.servimg.com/u/f42/15/82/05/23/412.png" /></a>
      <a href="#">
      <img alt="" src="http://i42.servimg.com/u/f42/15/82/05/23/510.png" /></a>

 </div>
     
</div><div class="tx"><table style="width: 100%;" cellpadding="0">
        <tbody><tr>

                        <td>

                        <ul class="al7rbily_navigations">
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
                        </ul>
                        </td>

                        <td>
                        <ul class="al7rbily_navigations">

<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
                        </ul>
                        </td>

                        <td>
                        <ul class="al7rbily_navigations">
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
                        </ul>
                        </td>

                        <td>
                        <ul class="al7rbily_navigations">
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
                        </ul>
                        </td>
                        <td>

                        <ul class="al7rbily_navigations">
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
                        </ul>
                        </td>
                        <td>

                        <ul class="al7rbily_navigations">

<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
<li ><a href="http://codey.3rab.pro/" >قريبا</a></li>
                        </ul>
                        </td>
                    </tr>

                  </tbody></table>
</div>
</div><div class="h7">


<a title="فريق الاكواد" class="learnnt" href="http://codey.3rab.pro/"></a>


</div>

</body>

</html>
            <map name="FPMap1"><area href="http://www.ahlamontada.com" shape="rect" coords="198, 5, 199, 6">[/hide]

طريقة التركيب
لوحة الادارة ==> عناصر إضافية ==> ادارة صفحات ال HTML
اضغط علي انشئ صفحة جديدة
العنوان : اي شئ اكتب اسم منتداك
هل تود استعمال أعلى و أسفل صفحة منتداك؟ لاء
استعمال هذه الصفحة كصفحة رئيسية؟ نعم
كود ال
HTML * : ضع الكود اعلاه

Admin

عدد المساهمات : 128
تاريخ التسجيل : 04/03/2012
العمر : 21

معاينة صفحة البيانات الشخصي للعضو http://codey1.3rab.pro

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى