ساخت جعبه راهنما

[2raj 31]

سلام و عرض ادب خدمت دوستان و اساتید محترم

بنده میخوام یه جعبه راهنما مثل سایت زیر در پائین نوشته هام قرار بدم یه راهنمایی کنید که چطور این جعبه رو بسازم

این سایت ی که جعبه درش قرار داره : سایت مورد نظر

و این هم قسمت مورد نظر

 

[majid1889 733]

این باکس چند خط html عه

که شما باید جایی که میخواید توی فایل single.php تون قرار بدید

اگه خواستید میتونید فایل single.php تون رو اینجا آپلود کنید تغییر بدم

[2raj 31]

در در 11/21/2016 at 16:14، majid1889 گفته است :

این باکس چند خط html عه

که شما باید جایی که میخواید توی فایل single.php تون قرار بدید

اگه خواستید میتونید فایل single.php تون رو اینجا آپلود کنید تغییر بدم

اگر که چند خط html هست کدش رو لطف کنید بنده جایگزاری میکنم

متشکرم

[majid1889 733]

یه همچین چیزی باس باشه:

<h4>راهنمای فلان</h4>
<ul>
    <li><span>1-</span>متن اول</li>
    <li><span>2-</span>متن دوم</li>
    <li><span>3-</span>متن سوم</li>
    <li><span>4-</span>متن چهارم</li>
</ul>

واسه استایل هم به h4 و ul طول ۱۰۰٪ بدید

به h4 یه بک گراند

واسه span ها یه بک گراند و border-radius: 50% باس باشه

و واسه li ها یه بک گراند و رنگ سفید همین !

[2raj 31]

در در 11/21/2016 at 18:06، majid1889 گفته است :

یه همچین چیزی باس باشه:

<h4>راهنمای فلان</h4>
<ul>
    <li><span>1-</span>متن اول</li>
    <li><span>2-</span>متن دوم</li>
    <li><span>3-</span>متن سوم</li>
    <li><span>4-</span>متن چهارم</li>
</ul>

واسه استایل هم به h4 و ul طول ۱۰۰٪ بدید

به h4 یه بک گراند

واسه span ها یه بک گراند و border-radius: 50% باس باشه

و واسه li ها یه بک گراند و رنگ سفید همین !

باعرض پوزش بنده یک کد کامل میخوام بهمراه استایل ،چون خودم نمیتونم استایلشو بنویسم

[majid1889 733]

ما خواستیم در حد خودمون ماهیگیری یاد بدیم ولی مقاومت میکنی داداش

این کد تقریبا کاملش میشه :

<style type="text/css">
    .post-info{width: 100%}
    .post-info h4{background: grey;color: #FFF}
    .post-info li{display: block;width: 100%;background: green;color: #FFF}
    .post-info span{background: red;border-radius: 50%}
</style>
<section class="post-info">
    <h4>راهنمای فلان</h4>
    <ul>
        <li><span>1-</span>متن اول</li>
        <li><span>2-</span>متن دوم</li>
        <li><span>3-</span>متن سوم</li>
        <li><span>4-</span>متن چهارم</li>
    </ul>
</section>

رنگ و اینا رو دیگه خودت باید تغییر بدی من با موبایلم تست نکردم هنوز