قرار الادارة بترقية مديرا جديد ورئيس مشرفون قرار إدارة الموقع بترقية مديرا جديد ورئيس مشرفون


أشخاص في صن سيت
مشاهدة المزيد
مواضيع مماثلة
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

كود هيدر احترافى لموقعك بشكل جديد وحصري Empty كود هيدر احترافى لموقعك بشكل جديد وحصري

نغم الحياة
النجمة الذهبيه
النجمة الذهبيه
اسم الدولة : : مصر
العمر : 23
عدد المساهمات : 295
المعجبون بمواضيعى : 11
معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس 11 أكتوبر 2018 - 18:34
السلام عليكم ورحمة الله
مرحبا باعضاء وزوار صن سيت اخوني
غبت عنكم والحين ارجعت لكم بكود حصري للغاية وهو

هيدر احترافي لموقعك بشكل منسق وجذاب

هذا الهيدر يحتوي على css & html
معانية :
كود هيدر احترافى لموقعك بشكل جديد وحصري Ocia_a10
شرح تركيب الهيدر الجديد لديكم عنوانان واحدا للcss والاخر للـhtml
أولا كود الcss :
الكود:
@import url('https://fonts.googleapis.com/css?family=El+Messiri');

html, body {
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  font-family: 'El Messiri', sans-serif;
  background: #444444;
}

#header {
  background: url(https://i.imgur.com/ZmrjWRm.jpg) no-repeat center top;
  background-size: cover;
  position: fixed;
  height: 90%;
  bottom: 10%;
  right: 0;
  left: 0;
  top: 0;
}
#header .center {
  background: rgba(0, 0, 0, 0.25);
  text-align: center;
  position: absolute;
  color: #FFFFFF;
  color: #F5F7FA;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
#header .center .middle {
  position: absolute;
  margin-top: -8em;
  right: 0;
  left: 0;
  top: 50%;
}
#header .center .middle h1 {
  font-family: 'El Messiri', sans-serif;
  font-weight: normal;
  line-height: 1em;
  font-size: 11em;
  margin: 0;
  text-shadow: -3px 13px 18px black;
}
#header .center .middle span {
  line-height: 5em;
  font-size: 1em;
}

#pageHr {
  background: #FFFFFF;
  position: relative;
  height: 5px;
  display: block;
  right: 0px;
  left: 0px;
  top: 90%;
  z-index: 1;
}
#pageHr > i {
  margin: -25px;
  border: 5px solid #FFFFFF;
  height: 40px;
  width: 40px;
  background: #3c4e69;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#pageHr > i > i {
  font-family: 'El Messiri', sans-serif;
  line-height: 36.8px;
  font-size: 20px;
  height: 40px;
  width: 40px;
  text-align: center;
  position: absolute;
  color: #FFFFFF;
  display: block;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#page {
  background: #3c4e69;
  position: relative;
  height: 123.45%;
  top: 90%;
}
ثم بعد ذلك تتوجه الى كود ال html
لكن الكود مخفى للرد :

والى اللقاء فى موضوع اخر
#html #css #هيدر #كود_هيدر

كود هيدر احترافى لموقعك بشكل جديد وحصري Empty رد: كود هيدر احترافى لموقعك بشكل جديد وحصري

العراقي الطائي
النجمة الفضية 20%
النجمة الفضية 20%
اسم الدولة : : germany
العمر : 49
عدد المساهمات : 18
المعجبون بمواضيعى : 0
معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة 2 أغسطس 2019 - 3:08
شكرا
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Top