wesamdev

افلام هندية$type=sticky$count=4$show=home

$show=home

|روبوتات_$type=slider$source=random-posts$snippet=hide$cate=20$show=home

|اضافات بلوجر$type=three$m=0$rm=0$h=400$c=3$show=home

$show=home

wesamdev

صمم شعارمدونتك ب html+css

هذا شعار تم تصميمه بأسلوب رائع ومصمم باستخدام CSS و HTML في ظل خفيف يتغير ليناسب تصميم موقعك. أيضًا في الصفحة التجريبية ، تكون الخطوط متصلة ، نصًا وخط

صمم شعارمدونتك ب html+css

هذا شعار تم تصميمه بأسلوب رائع ومصمم باستخدام CSS و HTML في ظل خفيف يتغير ليناسب تصميم موقعك. أيضًا في الصفحة التجريبية ، تكون الخطوط متصلة ، نصًا وخطًا ، لعرض علامة موضوعية معينة.
ليس سراً أن طباعة الويب أصبحت الآن أكثر أناقة ومرونة بالتأكيد من أي وقت مضى. تتيح خصائص CSS3 الجديدة حلول تأثيرات بصرية أصلية كانت تتطلب في الماضي تعريض صورة.
إذا كنت من محبي التصميم المطبعي أو مجرد مطور ويب فضولي ، فبالتأكيد ستحب هذه المقتطفات المخصصة للعمل مع النص.
إذا كنت بحاجة إلى توصيل أحرف الخط ، فإن هذا الشعار يقع في أسفل النجمة تمامًا.

كود :html


 <div class="nazvaniya">
  <h1>wesam developer</h1>
  <h6>website for webmaster</h6><br/>
  <h5>Here is the title</h5><br/><i class="ion-star"></i>
</div>

كود :css


.nazvaniya {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  display: inline-block;
  color: #b7b1b1;
  margin: 55px 18px;
  max-width: 432px;
  width: 100%;
  text-align: center;
  font-size: 36px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.nazvaniya h1,
.nazvaniya h5 {
  margin: 0;
  text-transform: uppercase;
}

.nazvaniya h1 {
  font-family: 'Teko', Arial, sans-serif;
  font-weight: 700;
  font-size: 65px;
  padding: 0;
  text-align: center;
  margin: 0;
  line-height: 30px;
}

.nazvaniya h5 {
  background-color: #b3acac;
  color: #1f1d1d;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 23px;
  padding: 0px 34px;
  position: relative;
}

.nazvaniya h5:before,
.nazvaniya h5:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 2px;
  border-width: 9px 5px;
  border-style: solid;
  opacity: 0.8;
}

.nazvaniya h5:before {
  right: 100%;
  border-color: #afaeae #afaeae #afaeae transparent;
}

.nazvaniya h5:after {
  left: 100%;
  border-color: #afaeae transparent #afaeae #afaeae;
}

.nazvaniya h6 {
  margin: 0;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
}

.nazvaniya h6:before,
.nazvaniya h6:after {
  position: absolute;
  height: 2px;
  content: '';
  width: 38px;
  top: 50%;
  border-top: 2px solid #afaeae;
  border-bottom: 2px solid #afaeae;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nazvaniya h6:before {
  left: -43px;
}

.nazvaniya h6:after {
  right: -43px;
}

.nazvaniya i {
  font-size: 34px;
  line-height: 36px;
}


ولاتنسي لينك الايقون

<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا

COMMENTS

BLOGGER
الاسم

اخبار,45,اداة للكمبيوتر,7,اضافات بلوجر,88,افلام اجنبي,9,افلام روسية,32,افلام عربي مترجمة الي الروسية,1,افلام قديمة,2,افلام هندي,8,البرمجة,8,الجديد في التكنولوجيا,46,العاب,9,النمر,7,اليوتيوب,16,اندرويد,15,اندرويد استوديو,3,برامج كمبيوتر,11,بلوجر,8,تركيا,6,تصميم,3,تطبيقات,20,جافاسكريبت,3,حوادث,5,حول العالم,65,حيوانات,25,خلفيات,1,دروس HTML| بالعربية,2,روبوتات,8,روسيا,60,سياحة,4,سيارات,12,سياسة,17,شروحات,34,شريط الاخبار,1,صحتي,2,طائرات,22,فن,35,قناة الوعي نور,4,قناة قعدة تاريخ,8,قوالب بلوجر,3,كتب الكترونية,7,مالتي ميديا,6,متصفح,2,محليات,4,مسلسل لعبة الحبار,1,مسلسلات اجنبية,2,مسلسلات رمضان 2022,1,مسلسلات رمضان 2120,1,مصر والعرب,2,معدات حربية,34,معدات زراعية,6,مقالات,101,مواصلات النقل,1,مواقع للتصميم,14,وثائقي,14,وسوم بلوجر,2,ويندوز,15,Antivirus,3,Button,1,c++,1,css,37,HTML,11,wesam,2,
rtl
item
Wesam: صمم شعارمدونتك ب html+css
صمم شعارمدونتك ب html+css
هذا شعار تم تصميمه بأسلوب رائع ومصمم باستخدام CSS و HTML في ظل خفيف يتغير ليناسب تصميم موقعك. أيضًا في الصفحة التجريبية ، تكون الخطوط متصلة ، نصًا وخط
https://1.bp.blogspot.com/-E4zJkZ2oLAo/X8Iv0-8U7pI/AAAAAAAATV8/JS9tALwbr5Ac8mvoMuyj51BCh9yqvkimACLcBGAsYHQ/s16000/%25D8%25A7%25D8%25B2%25D8%25B1%25D8%25A7%25D8%25B1%2B%25D9%2588%25D8%25B3%25D8%25A7%25D8%25A6%25D9%2584%2B%25D8%25A7%25D9%2584%25D8%25AA%25D9%2588%25D8%25A7%25D8%25B5%25D9%2584%2B%25D8%25A7%25D9%2584%25D8%25A7%25D8%25AC%25D8%25AA%25D9%2585%25D8%25A7%25D8%25B9%25D9%258A%25D8%25A9%2B%25D8%25A7%25D9%2584%25D9%2585%25D8%25B3%25D8%25AA%25D8%25AF%25D9%258A%25D8%25B1%25D8%25A9%2B%25D9%2588%25D8%25A7%25D9%2584%25D9%2585%25D8%25B1%25D8%25A8%25D8%25B9%25D8%25A9.%2B%25281%2529.png
https://1.bp.blogspot.com/-E4zJkZ2oLAo/X8Iv0-8U7pI/AAAAAAAATV8/JS9tALwbr5Ac8mvoMuyj51BCh9yqvkimACLcBGAsYHQ/s72-c/%25D8%25A7%25D8%25B2%25D8%25B1%25D8%25A7%25D8%25B1%2B%25D9%2588%25D8%25B3%25D8%25A7%25D8%25A6%25D9%2584%2B%25D8%25A7%25D9%2584%25D8%25AA%25D9%2588%25D8%25A7%25D8%25B5%25D9%2584%2B%25D8%25A7%25D9%2584%25D8%25A7%25D8%25AC%25D8%25AA%25D9%2585%25D8%25A7%25D8%25B9%25D9%258A%25D8%25A9%2B%25D8%25A7%25D9%2584%25D9%2585%25D8%25B3%25D8%25AA%25D8%25AF%25D9%258A%25D8%25B1%25D8%25A9%2B%25D9%2588%25D8%25A7%25D9%2584%25D9%2585%25D8%25B1%25D8%25A8%25D8%25B9%25D8%25A9.%2B%25281%2529.png
Wesam
https://www.wesamdev.com/2020/11/htmlcss.html
https://www.wesamdev.com/
https://www.wesamdev.com/
https://www.wesamdev.com/2020/11/htmlcss.html
true
1297279864306511161
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content