آموزش HTML5 و CSS3 تکمیل باکس تبلیغات متنی به صورت حرفه ای

بنام و یاد خدا سلام در خدمت شما یا یکی دیگه از جلسات آموزش HTML5 و CSS3 در وب سایت پاسخ وردپرس.

در خدمت شما هستم با جلسه ۱۱ طراحی پروژه نهایی طراحی قالب HTML5 و CSS3 تکمیل
باکس تبلیغات متنی .

آموزش طراحی باکس تبلیغات متنی

ما توی جلسات قبلی آموزشی طراحی قالب توی قسمت سایدبار یک باکس تبلیغات منتی
را کد های HTML را پیاده سازی کردیم که نتیجه نهایی مثل تصویر زیر بود.

آموزش طراحی باکس تبلیغات متنی

برای این بخواهیم یک استایل مناسب به باکس تبلیغات بدیم کد های CSS زیر را داخل فایل
style.css خود بعد از کد های باکس تبلیغات ۱۲۵ *۱۲۵ قرار دهید .

خوب بعد از اجرا کد داخل مرورگر نتیجه مثل تصویر زیرخواهد شد.

بیشتر بخوانید :
آموزش html و css آموزش طراحی باکس مطالب تصادفی در سایدبار | پاسخ وردپرس |

باکس تبلیغات متنی به صورت حرفه ای

همین طور دیده میشه فقط یک استایل برای هدر داده شده است برای این که لیست های تبلیغات متنی ما یک استایل داشته باشه
کد های  زیر را داخل فایل style.css خود قرار دهید.

حالا که کد های بالا داخل فایل style.css خود قرار دادید اگه فایل index.html را دخل مرورگر اجرا کنید
نتیجه کار به صورت زیر خواهد بود .

بیشتر بخوانید :
آموزش طراحی قالب HTML5 و CSS3 طراحی جایگاه تبلیغات | پاسخ وردپرس |

باکس تبلیغات متنی به صورت حرفه ای

برای این که ما بتوانید یکم تبلیغات متنی را بهتر نمایش بدیم یک hover برای لیست تبلیغات متنی در نظر گرفتیم
برای این کار کد زیر کپی کرده داخل فایل style.css خود قرار دهید.

بعد از قرار دادن کد بالا نتیجه کار مثل تصویر زیرخواهد بود که یکم استال بهتر به خود گرفت.

باکس تبلیغات متنی به صورت حرفه ای

خوب دوست عزیز امید وارم که این جلسه از آموزش هم برای شما مفید بوده باشید
تا یکی دیگه از جلسات آموزشی وب سایت پاسخ وردپرس خدا نگهدار.

یک برنامه نویس آزاد که علاقه زیادی به اشتراک گذاری اطلاعات خود با دیگران داردم. همیشه به وردپرس فکر می کنم و عاشق وردپرس هستم. من یک web developer هستم و هدف من آسان کردن ورود سایر دوستان به این شغل جذاب هست. زبان برنامه نویسی محبوب من PHP هست.

لینک کپی شد!

نظر شما در این‌باره چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *