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

//

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

میانگین رتبه 5/5 تعداد رای : 2

نظرات

هیچ دیدگاهی برای این محصول نوشته نشده است.

سبد خرید
در حال بروز رسانی