صفحة خطأ أحترافيه للموقع | متحركه

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

صفحة خطأ أحترافيه للموقع | متحركه

مُساهمة من طرف Admin في الجمعة يونيو 10, 2016 9:14 pm

بسم الله الرحمن الرحيم  clown
السلام عليكم ورحمة الله وبركاته .

صفحة خطأ أحترافيه للموقع | متحركه


صفحة الخطأ صفحة مهمه في كل موقع ولابد من تواجدها , فكل اصحاب المواقع لا يستغنون عن هذه الصفحة حيث انها اما تقوم بتحويل الزائر مباشره الى الصفحة الصحيحه او الرئيسيه , او انها على الاقل تظهر للزائر بشكل جميل .
اليوم اتيت لكم بصفحة خطأ احترافيه بكل ماتعنيه الكلمه , فهي عباره عن عدت تركيبات js ,css ,html  و ايضا xml ولاكن خاصة ببلوجر.



صورة : 



صفحة خطأ أحترافيه للموقع

طريقة التركيب : 



  • ادخل قالبك.

  • ابحث عن <body> وضع هذا الكود اسفله :

  • <style>
    #body-halaman { position: fixed; z-index: +1000000; top: 0px; left: 0px; width: 100%; height: 100%; background: #d7d7d7; color: #555555; text-align: center; ackground:radial-gradient(#fff, #ccc);
      background:radial-gradient(#ffffff, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100%); 
    }
    .tengahpage { width: auto; height: 100%; padding-top: 6%; }
    @font-face {
      font-family:'Ubuntu';
      font-style:normal;
      font-weight:700;
      src:local('Ubuntu Bold'), local('Ubuntu-Bold'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
    }
    #notfound {
      margin:0 auto;
    }
    #notfound svg {
      -webkit-animation: noise 2s linear infinite;
      animation: noise 2s linear infinite;
    }
    @-webkit-keyframes noise {
      0%, 3%, 5%, 42%, 44%, 100% { -webkit-transform: scaleY(1); } 
      4.3% { -webkit-transform: scaleY(1.7); }
      43% { -webkit-transform: scaleX(1.5); }
    }
    @keyframes noise {
      0%, 3%, 5%, 42%, 44%, 100% { transform: scaleY(1); } 
      4.3% { transform: scaleY(1.7); }
      43% { transform: scaleX(1.5); }
    }
    </style>
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    <div id='body-halaman'>
      <div class='tengahpage'>
        <div id='notfound'/><br/>
    <span class='body-d' style='font-size: normal;'>نأسف الصفحة التي تبحث عنها غير موجودة , اذهب للصفحة <a href='http://www.google.com/'>الرئيسيه</a>.</span>
    </div>
    </div>
    </b:if>

  • الان ابحث عن </body> وضع هذا الكود فوقه :


  • [ltr]<script src='http://googledrive.com/host/0B7Zz9NWIHEOXNVo4dmdEY3Rtc1E' type='text/javascript'></script>
    <script src='http://googledrive.com/host/0B7Zz9NWIHEOXU1FRMmpta1BCX00' type='text/javascript'></script>
    <script src='http://googledrive.com/host/0B7Zz9NWIHEOXcHhqTl9xSkRER00' type='text/javascript'></script>[/ltr]




  • اي استفسار لا تتردد علق و نحن نساعدك



Admin
Admin

المساهمات : 55
تاريخ التسجيل : 10/06/2016

معاينة صفحة البيانات الشخصي للعضو http://tgm3.a7larab.net

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

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


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