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

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

نغم الحياة
نغم الحياة
النجمة الذهبيه
النجمة الذهبيه
اسم الدولة : : مصر
العمر : 24
عدد المساهمات : 299
المعجبون بمواضيعى : 13
في الخميس 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رد: كود هيدر احترافى لموقعك بشكل جديد وحصري

العراقي الطائي
العراقي الطائي
النجمة الفضية 50%
النجمة الفضية 50%
اسم الدولة : : germany
العمر : 50
عدد المساهمات : 23
المعجبون بمواضيعى : 0
في الجمعة 2 أغسطس 2019 - 3:08
شكرا


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

العراقي الطائي
العراقي الطائي
النجمة الفضية 50%
النجمة الفضية 50%
اسم الدولة : : germany
العمر : 50
عدد المساهمات : 23
المعجبون بمواضيعى : 0
في الخميس 25 يونيو 2020 - 22:20
goooood


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




اهلا بك زائرنا الكريم للتسجيل اضغط هنا قوانين موقع صن سيت - تواصل مع فريق صن سيت




Top