تركيب هيدر احترافي لمدونات بلوجر بتقنية الماتيريال ديزاين - Ti9niFour
اشترك في قناتنا لتصلك شروحاتنا المصورة !

تركيب هيدر احترافي لمدونات بلوجر بتقنية الماتيريال ديزاين

- الثلاثاء, مايو 09, 2017
هيدر بلوجر header blogger
تركيب هيدر احترافي لمدونات بلوجر بتقنية الماتيريال ديزاين - بسم الله الرحمن الرحيم متابعين مدونة تقني فور الوم لدينا اضافة هيدر لمدونات بلوجر بتقنية الماتريال ديزاين الاحترافية والتي تعطي لمدونتك طابعا فنيا متميزا,  قمنا بطرح الهيدر مجانا لكم وبدون اي شروط , لا تنسي ان تدعمنا اخي كما ندعمكم.


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


1- ابحث عن ]]></b:skin> واضف الكود التالي قبلة (فوقة)
body { margin: 0; padding: 0; direction: rtl; background: #F5F5F5; font-family: Lobster,FontEG; } div#header { background: #455A64; height: 331px; width: 100%; position: relative; z-index: 100; transition: all .5s ease-in-out; overflow: hidden; position: relative; height: 331px; background: url("https://2.bp.blogspot.com/-Bf6HNAO09wM/V39K6EKKhZI/AAAAAAAAEOI/bWM7BEv1WkICG_J8iUe5QyWIbXtCNXFCwCLcB/s1600/Siang.png") repeat fixed rgb(69, 90, 100); text-align: center; } h1, h2, h3, h4 { margin: 0; position: relative; } img.logo { display: block; margin: 0 auto; margin-top: 55px; } p.title { color: #FFF; font-size: 15px; } #navbar { width: 100%; height: auto; overflow: hidden; padding: 0; background-color: #FFFFFF; box-shadow: 0 -6px 14px 3px #1E1E1E; } #navbar ul { margin: 0; padding: 0; margin-right: 330px; } #navbar ul li { float: right; margin: 15px; list-style: none; } #navbar ul li a { color: #2E3D44; text-decoration: none; font-size: 15px; } #navbar ul li a:hover { border-bottom: 2px solid #5D6F79; color: #444; } .home { color: #333; text-decoration: none; font-size: 15px; border: 2px solid #898E92; border-radius: 3px; padding: 10px 10px 10px 10px; } .home:hover { background: #f5f5f5; }


2- ابحث عن <body> اضف اسفلة

<b:section id='all'/> <div class='all'> <div id='header'> <h3> <a href='#'><img class='logo' src='http://c.top4top.net/p_35016c341.png'/></a> </h3> <p class='title'>مؤمن محمد </p> </div> <div id='navbar'> <ul> <li><a class='home' 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>
نتمني ان تنال اعجابكم الهيدر فاذا كنت تريد ان نستمر في الابداع ادعمنا بتعليق ,بالتوفيق للجميع

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة.

تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).
الابتساماتالابتسامات

 

ابدأ الكتابة ثم اضغط انتر للبحث