آموزش نمایش جدید ترین مطالب در سایدبار

0 دیدگاه 2,412 آموزش HTML5 و CSS3

آموزش نمایش جدید ترین مطالب در سایدبار

فهرست موضوعات در این آموزش

بنام خدا سلام خدمت تمام کاربران وب سایت پاسخ وردپرس در خدمت شما هستم بایکی دیگه از جلسات آموزش HTML5 و CSS3
در خدمت شما هستم با جلسه ۱۵ آموزش طراحی قالب HTML5 و CSS3 ما توی جلسات
گذشته بخش های هدر منو بخش های تبلیغات بخش محتوا و سایدبار راست به صورت کامل خدمت
آموزش دادیم توی این جلسه آموزش طراحی قالب html و css میخواهیم داخل سایدبار یک
باکس برای نمایش جدید ترین مطالب پیاده سازی کنیم پس بامن همراه باشید .

آموزش نمایش جدید ترین مطالب در سایدبار

برای شروع کد های زیر را داخل فایل index.html بعد از کد های تبلیغات که توی جلسه گذشته
خدمت شما آموزش دادیم قرار دهید .

کدهای html

            <aside class="new-post">
                <header class="new-post-title">
                    <h3>  <i class="fa fa-newspaper-o"></i> جدید ترین مطالب   </h3>
                </header>
</aside>

<h3> <i class="fa fa-newspaper-o"></i> جدید ترین مطالب </h3>

</header>

</aside>

این کد های که قرار دادید برای عنوان جدید ترین مطالب بود برای نمایش محتوا جدید ترین مطالب کد زیر را
بعد از کد های بالا قرار دهید .

                <div class="sidebar-block">
                    <div class="caption">
                        <a href="#" title="دسته بندی" class="category">قالب ها وردپرس</a>
                        <a href="#" title="تعداد بازدید" class="views"><i class="fa fa-eye"></i> 25365 </a>
                        <h4> امروز با آموزشی کاربردی از CSS3 اومدم. یکی از ویژگی هایی که</h4>
                    </div>
                </div>
                <div class="sidebar-block">
                    <div class="caption">
                        <a href="#" title="دسته بندی" class="category">قالب ها وردپرس</a>
                        <a href="#" title="تعداد بازدید" class="views"><i class="fa fa-eye"></i> 25365 </a>
                        <h4> امروز با آموزشی کاربردی از CSS3 اومدم. یکی از ویژگی هایی که</h4>
                    </div>
                </div>
                <div class="sidebar-block">
                    <div class="caption">
                        <a href="#" title="دسته بندی" class="category">قالب ها وردپرس</a>
                        <a href="#" title="تعداد بازدید" class="views"><i class="fa fa-eye"></i> 25365 </a>
                        <h4> امروز با آموزشی کاربردی از CSS3 اومدم. یکی از ویژگی هایی که</h4>
                    </div>
                </div>
                <div class="sidebar-block">
                    <div class="caption">
                        <a href="#" title="دسته بندی" class="category">قالب ها وردپرس</a>
                        <a href="#" title="تعداد بازدید" class="views"><i class="fa fa-eye"></i> 25365 </a>
                        <h4> امروز با آموزشی کاربردی از CSS3 اومدم. یکی از ویژگی هایی که</h4>
                    </div>
                </div>
                <div class="sidebar-block">
                    <div class="caption">
                        <a href="#" title="دسته بندی" class="category">قالب ها وردپرس</a>
                        <a href="#" title="تعداد بازدید" class="views"><i class="fa fa-eye"></i> 25365 </a>
                        <h4> امروز با آموزشی کاربردی از CSS3 اومدم. یکی از ویژگی هایی که</h4>
                    </div>
                </div>