اضافة واجهة احترافية v2


اهلا بكم اصدقائي الكرام😉. بعد طول انتظار وكثرة الطلبات على واجهة مدونتنا الحالية والتى هى فى الاصل لقالب ويب نايت واظن ان بعض الاخوة حاولوا اعادة تكويدها او استخراجها ولكنها لم تعمل وتظهر بها بعض الاخطاء ولذلك طلبوها منى. بناء على ذلك قمت بنشر هذة التدوينة لكى يستفيد الجميع اترككم مع المعاينة 👈 وطريقة الاضافة👇

*/ مميزات الواجهة
1- خلفية رائعة والوان جذابة ومتناسقة
2- سهلة جدا فى التعديل والتعامل معها
3- متجاوبة مع كل الاجهزة


avatar طريقة التركيب
الخطوة الاولى

  1. توجه الى القالب من خلال تحرير html
  2. ابحث عن <body> واضف هذا الكود بعده مباشرة

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha-3.js'/>
<script src='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha-2.js'/>
<script src='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha.js'/>
<script src='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha-1.js'/>
<link href='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha.css' rel='stylesheet' type='text/css'/>
<style>
#home {
    height: 1100px !important;
}
  </style>
<link href='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha-1.css' rel='stylesheet' type='text/css'/>
<link href='https://cdn.rawgit.com/MidoOops/css-cn1gk-v4/Mido_Oops/wagha-2.css' rel='stylesheet' type='text/css'/>
<style>
  #home .wrapper .header-holder ul li .hoverColor{background-color: #e7505a;}
ul.side-nav.leftside-navigation li.user-details {
    background: url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_GHduZFjytCryNLvNBGb8btHMtJyn1meKT9b1oIKJKEzB44qZ1vasjMJQTowjZsF3QioPXJds1CVDZESc3kjCR7C8G0YMjmLcQMscfBVzkdDV1-Op5c9RkjAbDkxdX3O3x0B8mPJ2Tn1T/s1600/OSAMA-WEB3-NIGHT.NET.png&#39;) !important;
}

#home .wrapper .header-holder ul li a i {
    display: none;
    margin: 10px auto 3px;
    font-size: 50px;
    line-height: 80px  !important;
}
  #forex-material-design{display:none}
</style>
<body class='index'>
<section id='home' style='&quot;Lobster&quot;,ge_ss_threeregular  !important  '>
<div class='wrapper' style='&quot;Lobster&quot;,ge_ss_threeregular  !important'>
<div class='header-holder'>
<div class='logo-wrap'>
<div class='logo-resize' style='width: 100%; height: 100%; left: 0px; margin-top: 0px;'>
  <img src='http://d.top4top.net/p_3273yzix1.png' style='width: 100%;height: 100%;display: block;position: relative;transform: rotate(312deg);'/>
</div>
<a href='http://www.cn1gk.com/search/?max-results=12'>
<div class='logo' style='background: url(&quot;http://d.top4top.net/p_3273yzix1.png&quot;) 0px 0px no-repeat; width: 168px; height: 193px; display: block;'>كن مهووس | هوسنا هو سر ابداعنا</div>
</a>
</div>
<ul>
<li class='enable-hover' data-menu-position='1' style='display: list-item;'><span class='hoverColor'/><a href='http://www.cn1gk.com/search/?max-results=12'><i class='fa fa-globe'/>حول المدونة</a></li>
<li class='enable-hover' data-menu-position='7' style='display: list-item;'><span class='hoverColor'/><a href='https://www.facebook.com/Mido.Oops'><i class='fa fa-envelope'/>اتصل بنا</a></li>
<li class='enable-hover' data-menu-position='9' style='display: list-item;'><span class='hoverColor'/><a href='http://www.cn1gk.com/search/?max-results=12'><i class='fa fa-heart'/>ادخل للمدونة</a></li>
<li class='enable-hover' data-menu-position='10' style='display: list-item;'><span class='hoverColor'/><a href='http://www.cn1gk.com/search/?max-results=12'><i class='fa fa-briefcase'/>الاعمال</a></li>
<li class='enable-hover' data-menu-position='11' style='display: list-item;'><span class='hoverColor'/><a href='http://www.cn1gk.com/search/?max-results=12'><i class='fa fa-server'/>الخدمات</a></li>
</ul>
<a class='home-scroll' href='https://cngk.blogspot.com/search/?max-results=12'/>
</div>
<center style='     margin-top: 6%;  '>
<div class='grid__item color-1' style='     width: 100%;     height: 82px; '>
<a class='link link--kukuri' data-letters='Mido_Oops' href='https://www.facebook.com/Mido.Oops' style='     background: rgba(0, 0, 0, 0);     color: #fff;     text-align: center;     margin-top: -65px;     margin-bottom: -5px;     font-size: 70px;     text-shadow: 8px 9px 2px rgba(0, 0, 0, 0.15);     height: 180%;     width: 56%; '><span style='     /* margin-bottom: 30px; */ '>Mido_Oops</span></a>
</div>
</center>
<center style='     margin-top: 3%;  '>
<div class='grid__item color-1' style='     width: 100%;     height: 82px; '>
<a class='link link--kukuri' data-letters='Elsayed Ibrahim' href='https://www.facebook.com/Mido.Oops' style='     background: rgba(0, 0, 0, 0);     color: #fff;     text-align: center;     margin-top: -65px;     margin-bottom: -15px;     font-size: 70px;     text-shadow: 8px 9px 2px rgba(0, 0, 0, 0.15);     height: 180%;     width: 81.51%; '><span style='     /* margin-bottom: 30px; */ '>Elsayed Ibrahim</span></a>
</div>
</center>
<style>

.link--kukuri:hover::before {
    width: 44% !important;
}

.link--kukuri::before {
    height: 82px;
}
</style>
</div>
</section>
</body>
    </b:if>
  1. قم بتغير #forex-material-design بـ id او class الذى يحتوى على اكواد القالب كله
*ملحوظة: غالبا فى بعض القوالب يكون #outer-wrapper

  1. احفظ القالب

تعليقات

الأرشيف

نموذج الاتصال

إرسال