واجهة الذهبية HTML احترافية مميزة لمواقع الدردشة والشات

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

واجهة الذهبية HTML احترافية مميزة لمواقع الدردشة والشات

الجمعة يناير 08, 2016 7:02 pm


الواجهة الذهبية HTML احترافية مميزة لمواقع الدردشة والشات

https://i.servimg.com/u/f68/16/46/77/76/untitl10.jpg

الكود



الكود:
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>الواجهة الذهبية</title>
<script type="text/javascript" src="http://ammarabushahin.com/demo/gold/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://ammarabushahin.com/demo/gold/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://ammarabushahin.com/demo/gold/js/jquery.animate-colors-min.js"></script>
<script type="text/javascript" src="http://ammarabushahin.com/demo/gold/js/jquery.skitter.min.js"></script>
<script type="text/javascript" src="http://ammarabushahin.com/demo/gold/js/highlight.js"></script>
<script type="text/javascript" src="http://ammarabushahin.com/demo/gold/js/..........y-bookmarks-public.js"></script>
<script type="text/javascript" src="http://ammarabushahin.com/demo/gold/js/jcarousel.js"></script>
<script type="text/javascript" src="http://ammarabushahin.com/demo/gold/js/anim.js"></script>
<link href="http://ammarabushahin.com/demo/gold/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapp"><!--Copy Right www.ammarabushahin.com-->
  <div id="container"> <!--Copy Right www.ammarabushahin.com-->
    <div id="header"><!--Copy Right www.ammarabushahin.com-->
      <div class="headerRight">
        <div class="headerLeft">
          <div class="headerTop">
            <div class="headerTopRight">
              <ul>
                <li><a href="#">الصفحة الرئيسية</a></li>
                <li><a href="#">رابط</a></li>
                <li><a href="#">رابط</a></li>
                <li><a href="#">رابط</a></li>
                <li><a href="#">رابط</a></li>
              </ul>
            </div>
            <div class="social">
              <ul>
                <li><a href="google plus" class="ico"></a></li>
                <li><a href="linkedin" class="ico2"></a></li>
                <li><a href="rss" class="ico3"></a></li>
                <li><a href="skype" class="ico4"></a></li>
                <li><a href="Twitter" class="ico5"></a></li>
                <li><a href="facebook" class="ico6"></a></li>
                <li><a href="email" class="ico7"></a></li>
                <li><a href="#" class="ico8"></a></li>
              </ul>
            </div>
          </div>
          <div id="CenterHead">
            <div class="loginForm">
        <p><span>مدير الموقع :</span>عمار أبو شاهين</p>
        <p><span>رابط الموقع : </span> ammarabushahin.com</p>
        <p><span>البريد الالكتروني</span>111</p>
        <p><span>رقم الهاتف</span>111</p>
        <p><span>الهاتف المحمول</span>111</p>
        <p><span>سكايب :</span> 111</p>
        <p><span>أيام العمل</span>111</p>

       
       
       
        </div>
            <a href="#" class="logo" title="عمار أبو شاهين"></a>
            <div class="searchAdv">
              <div class="adv"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- حجم تلقائي متجاوب --><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
              <div class="search">
               
<form name="cse" id="searchbox_demo" action="http://www.google.com">
  <input type="hidden" name="cref" value="" >
  <input type="hidden" name="ie" value="utf-8" >
  <input type="hidden" name="hl" value="ar" >
  <input name="search_keywords" type="text" class="Box" value="بحث..." onblur="if(this.value=='') this.value='بحث...';" onfocus="if(this.value=='بحث...') this.value='';" >
  <input type="submit" name="go" class="Go" >
</form>
                               
              </div>
            </div>
          </div>
          <div id="menuLinks">
            <ul id="dropmenu">
          <li><a href="index.html">الرئيسية</a> </li>
          <li><a href="#">قائمة منسدلة</a>
            <ul>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
          <li><a href="#">رابط</a></li>
            </ul>
          </li>
          <li><a href="#">قائمة منسدلة</a>
            <ul>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
          <li><a href="#">رابط</a></li>
            </ul>
          </li>
          <li><a href="#">قائمة منسدلة</a>
            <ul>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
          <li><a href="#">رابط</a></li>
            </ul>
          </li>
          <li><a href="#">قائمة منسدلة</a>
            <ul>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
          <li><a href="#">رابط</a></li>
            </ul>
          </li>
          <li><a href="#">قائمة منسدلة</a>
            <ul>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
          <li><a href="#">رابط</a></li>
            </ul>
          </li>
        </ul>
          </div>
        </div>
      </div>
    </div>
    <div id="pageContent">
      <div class="slider">
        <div class="border_box">
      <div class="box_skitter box_skitter_large">
        <ul>
          <li><a href="#cube"><img src="http://ammarabushahin.com/demo/gold/images/1.jpg" class="cube" alt="photo" /></a>
            <div class="label_text"> </div>
          </li>
          <li><a href="#cubeRandom"><img src="http://ammarabushahin.com/demo/gold/images/2.jpg" class="cubeRandom" alt="photo" /></a>
            <div class="label_text"> </div>
          </li>
          <li><a href="#block"><img src="http://ammarabushahin.com/demo/gold/images/3.jpg" class="block" alt="photo" /></a>
            <div class="label_text"> </div>
          </li>
          <li><a href="#cubeStop"><img src="http://ammarabushahin.com/demo/gold/images/4.jpg" class="cubeStop" alt="photo" /></a>
            <div class="label_text"> </div>
          </li>
        </ul>
      </div>
    </div>
      </div>
      <div id="widgetChat">
        <div class="widget">
          <div class="widgetTop">
            <h2>قائمة</h2>
          </div>
          <div class="widgetContent">
            <ul>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
              <li><a href="#">رابط</a></li>
            </ul>
          </div>
          <div class="widgetEnd"></div>
        </div>
        <div id="chats">
          <div class="chat">
            <div class="chatL">
              <div class="chatLTop">
                <h2>منفذ دردشة</h2>
              </div>
              <div class="chatCode"> كود الدردشة </div>
            </div>
            <div class="chatLinks">
              <ul>
                <li><a href="#">تسجيل</a></li>
                <li><a href="#">دخول</a></li>
                <li><a href="#">نسيت كلمة المرور</a></li>
                <li><a href="#">تقديم شكوى</a></li>
              </ul>
            </div>
          </div>
          <div class="chatLeft">
            <div class="chatLeftTop">
              <h2>منفذ دردشة</h2>
            </div>
            <div class="chatLeftCode"> كود الدردشة </div>
          </div>
        </div>
        <div class="sliderText">
          <div class="sliderTextR">
            <div class="sliderTextL">
              <script type="text/javascript">
jQuery(function() {
jQuery(".mygalleryh").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 1,
speed: 400,
auto: 5000
    });
});
</script>
              <div class="slideshowh">
                <div class="mygalleryh">
                  <ul>
                    <li>
                      <h2>آخر أخبار الموقع !</h2>
                    </li>
                  </ul>
                </div>
                <a href="#" class="next"></a><a href="#" class="prev"></a> </div>
            </div>
          </div>
        </div>
      </div>
      <div class="bnr"></div>
      <div class="block">
        <div class="blockForum">
          <div class="blockForumR">
            <div class="blockForumL">
              <div class="blockTop">
                <h2>أحدث مواضيع المنتدى</h2>
              </div>
              <div class="blockLinks">
                <ul>
                  <li><a href="#">موضوع جديد</a></li>
                  <li><a href="#">موضوع جديد</a></li>
                  <li><a href="#">موضوع جديد</a></li>
                  <li><a href="#">موضوع جديد</a></li>
                  <li><a href="#">موضوع جديد</a></li>
                  <li><a href="#">موضوع جديد</a></li>
                  <li><a href="#">موضوع جديد</a></li>
                  <li><a href="#">موضوع جديد</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="chatLeft2">
          <div class="chatLeftTop">
            <h2>في الدردشة الآن</h2>
          </div>
          <div class="chatLeftCode">المتواجدين الآن في الدردشة</div>
        </div>
      </div>
      <div class="Gold">
        <!-- Start Gold Top -->
        <div class="GoldTop">
          <div class="GoldTop_Right">
            <h1> أقسام منوعة</h1>
          </div>
          <div class="GoldTop_Left"> </div>
        </div>
        <!-- Start Gold Center -->
        <div class="GoldCenter_Right">
          <div class="GoldCenter_Left">
            <!-- Start Gold Body -->
            <div class="GoldBody">
              <div class="sliderForum">
                <script type="text/javascript">
jQuery(function() {
jQuery(".mygalleryh2").jCarouselLite({
btnNext: ".next2",
btnPrev: ".prev2",
visible: 3,
speed: 400,
auto: 5000
    });
});
</script>
                <div class="slideshowh2">
                  <div class="mygalleryh2">
                    <ul>
                      <li>
                        <div class="imagesForm"><img src="http://ammarabushahin.com/demo/gold/images/form_img_1.png" alt="photo"></div>
                        <h2><a href="#">الصور</a></h2>
                        <p>أحدث وأجمل الصور</p>
                      </li>
                      <li>
                        <div class="imagesForm"><img src="http://ammarabushahin.com/demo/gold/images/form_img_2.png" alt="photo"></div>
                        <h2><a href="#">فيديو</a></h2>
                        <p>أحدث وأقوى مقاطع الفيديو</p>
                      </li>
                      <li>
                        <div class="imagesForm"><img src="http://ammarabushahin.com/demo/gold/images/form_img_3.png" alt="photo"></div>
                        <h2><a href="#">المنتدى</a></h2>
                        <p>مواضيع شيقة ومتنوعة تهم الجميع</p>
                      </li>
                    </ul>
                  </div>
                  <a href="#" class="next2"></a><a href="#" class="prev2"></a> </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Start Gold Bottom -->
        <div class="GoldBottom">
          <div class="GoldBottom_Right"> </div>
          <div class="GoldBottom_Left"> </div>
        </div>
      </div>
      <div class="Gold">
        <!-- Start Gold Top -->
        <div class="GoldTop">
          <div class="GoldTop_Right">
            <h1> تبادل نصي </h1>
          </div>
          <div class="GoldTop_Left"> </div>
        </div>
        <!-- Start Gold Center -->
        <div class="GoldCenter_Right">
          <div class="GoldCenter_Left">
            <!-- Start Gold Body -->
            <div class="GoldBody">
              <div class="linksForm">
                <ul>
                  <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                    <li><a href="#">تبادل إعلاني</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!-- Start Gold Bottom -->
        <div class="GoldBottom">
          <div class="GoldBottom_Right"> </div>
          <div class="GoldBottom_Left"> </div>
        </div><!--Copy Right www.ammarabushahin.com-->
      </div><!--Copy Right www.ammarabushahin.com-->
    </div><!--Copy Right www.ammarabushahin.com-->
  </div><!--Copy Right www.ammarabushahin.com-->
</div><!--Copy Right www.ammarabushahin.com-->
<div id="footer">
  <div id="contentFooter">
      <div class="topFooter">
          <div class="topFooterRight">
              <div class="topFooterLeft"></div>
            </div>
        </div>
        <div class="footerEnd">
         
          <p>جميع الحقوق محفوظة © <a href="http://ammarabushahin.com" target="_blank" title="عمار أبو شاهين">عمار أبو شاهين</a></p>
            <a href="http://ammarabushahin.com" target="_blank" class="copy-right" title="عمار أبو شاهين'"></a>
        </div>
    </div><!--Copy Right www.ammarabushahin.com-->
</div>
<div class="gotop"><a title="برو بالا" href="#"><img src="http://ammarabushahin.com/demo/gold/images/go_top.png" width="43" height="43" alt="" /></a></div>

</body><!--Copy Right www.ammarabushahin.com-->
</html>
<!--Copy Right www.ammarabushahin.com-->



بالتوفيق للجميع
المصدر :- منتدى الابداع العربي



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3623

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 20

الموقع : https://inkor.yoo7.com/


https://inkor.yoo7.com

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

رد: واجهة الذهبية HTML احترافية مميزة لمواقع الدردشة والشات

الجمعة يناير 08, 2016 8:51 pm


بارك الله فيك ... 


إجتهدت .. فأنجزت .. فأبدعت .. 


واصل يابطل بدون فوآصل ولا توقف ... 


نتمنى لك التوفيق والنجاح ..... 



avatar
THE ROCK

عضو نشيط
عضو نشيط

ذكر


عدد المساهمات : 235

السٌّمعَة : 0

تاريخ التسجيل : 08/01/2016


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

رد: واجهة الذهبية HTML احترافية مميزة لمواقع الدردشة والشات

الجمعة يناير 08, 2016 9:20 pm


شكرا على الموضوع القيم

واصل ابداعك



avatar
Mohamed DZ

عضو مميز
عضو مميز

ذكر


عدد المساهمات : 670

السٌّمعَة : 1

تاريخ التسجيل : 08/01/2016

العمر : 14

الموقع : https://inkor.yoo7.com/


https://inkor.yoo7.com/

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

رد: واجهة الذهبية HTML احترافية مميزة لمواقع الدردشة والشات

الإثنين يناير 11, 2016 1:07 pm


جزاكم الله خيرا ونفع بكم
وبارك الله في قلمكم، وننتظر منكم المزيد

avatar
نورالدين خلف

عضو جديد
عضو جديد

عدد المساهمات : 28

السٌّمعَة : 0

تاريخ التسجيل : 09/01/2016


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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

عليك اولا بالاطلاع على قوانين شركة انكور التطويرية قبل المشاركة


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



  • © phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونتك الخاصة

    من نحن؟

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

    ادارة شركة انكور التطويرية غير مسؤولة عن اي اتفاق يتم بين الاعضاء