باسلام خدمت شما دوستان عزیز در خدمت شما با یکی دیگه از جلسات آموزش وب سایت پاسخ وردپرس
ما توی جلسات قبلی بخش footer سایت به طور کامل پیاده سازی کردیم اما بخش خبرنامه را استایل
دهی نکرده بودیم توی این جلسه از آموزش میخواهیم بخش footer را تکمیل کنیم.
آموزش تکمیل footer سایت
فهرست موضوعات در این آموزش
در ادامه میخواهیم بخش عضویت در سایت را به صورت کامل استایل دهی نمایید باکس
عضویت در خبرنامه را توی جلسات قبلی مثل تصویر زیر طراحی کردیم .
در ادامه آموزش کد های css زیز را داخل فایل style.css خود قرار دهید .
کدهای css
|
1 2 3 4 |
.newsletter p { font-size: 17px; margin: 10px ; } |
استایل بخش توضیحات خبرنامه .
کدهای css
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
.newsletter form { position: relative; } .newsletter form input[type=text] { border: ; background: #ececec; padding: 14px 20px; width: 100%; font-size: 11px; color: #9a9a9a; outline: ; box-sizing: border-box; } .newsletter form button[type=submit] { -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; transition: .2s ease-out; position: absolute; top: 6px; left: 8px; cursor: pointer; font-style: normal; font-weight: 400; font-size: 19px; text-decoration: inherit; color: #828282; outline: ; background: #fff; border: ; padding: 3px 15px; border-radius: 3px; } |
استایل دهی بخش فرم ایمیل گیری خبرنامه .
کدهای css
|
1 2 3 4 |
.image-namad { text-align: center; padding: 7px; } |
استایل دهی بخش تصویر نماد اعتماد بعد از این که کدهای css بالا داخل فایل style.css قرار دادید اگه فایل index.html
را داخل مرور گر اجرا نمایید مثل تصویر زیر خواهد بود.
خوب دوستان عزیز این جلسه از آموزش طراحی قالب html و css به پایان راسید امید وارم که برای شما مفید بوده باشه
تا یکی دیگه از جلسات آموزش طراحی قالب html در وب سایت پاسخ وردپرس خدا نگهدار .
سلام من فیلم ها رو از اول پیدا نکردم فیلم های قسمت ۳۵ و …..پیدا کردم لطفا میشه لینک فیلم های شماره ۱ تا اخر رو برام بفرستید با تشکر
سلام خدمت شما دوست گرامی تمام جلسات را از لینک زیر میتوانید استفاده نمایید
تمام جلسات آموزش html css
همه ی فیلم هایش است از صفر تا صد
سلام خدمت شما دوست گرامی بله تمام جلسات موجود است
خیلی ممنون، بسیار عالی بود، من صفر تا صد رو از روی کار شما تکمیل کردم و بسیار مفید بود.
اما برای این قسمت آخر(همین صفحه)استایل های css رو فراموش کردید، خودم استایل دادم ولی اشکال داره، اگه میشه استایل های آخرین بخش فوتر هم قرار بدید، ممنون میشم.
سلام خدمت شما دوست عزیز خیلی خوشحالم که برای شما مفید بود، چشم حتما به زود ترین فرصت موفق و پیروز باشید