پست های پیشنهاد شده

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

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

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

لینک مخفی شده است

    برای مشاهده لینک در انجمن ثبت نام کنید.

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

 

Untitled.png

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

با سلام

کدهای html

<div class="mini-title">
    <h3>راهنمای فیلم تو مووی :</h3>
</div>
<ul class="f2mhelp">
    <li><span>1- </span>برای سهولت در دانلود بهتر است از نرم افزار های مدیریت دانلود استفاده کنید</li>
    <li><span>2- </span>جهت ارسال نظرات ، حتما آدرس ایمیل خود را به صورت صحیح وارد کنید . [ایمیل www ندارد .]</li>
    <li><span>3- </span>لطفا از توهین در نظرات خودداری کنید ، با کاربر خاطی برخورد لازم انجام خواهد شد .</li>
    <li><span>4- </span>جهت درخواست فیلم از <a href="http://film2movie.biz/request-media/" title="درخواست اختصاصی فیلم" target="_blank"> فرم درخواست فیلم </a> استفاده کنید .</li>
</ul>

و کدهای css این باکس

.mini-title {
    float: right;
    width: 100%;
    padding: 3px 12px;
    font: 12px wdgoogle;
    color: #272423;
    background: #cdcdcd;
    margin-top: 5px;
}
.f2mhelp {
    float: right;
    width: 100%;
    padding: 2px 0;
}
.f2mhelp li {
    float: right;
    width: 100%;
    background: #2f4f4f;
    color: #fff;
    font: 11px tahoma;
    margin: 1px 0;
    border-radius: 6px;
    list-style: none;
    position: relative;
    padding: 8px 45px 8px 5px;
}
.f2mhelp li span {
    float: right;
    font-size: 13px;
    text-align: center;
    padding: 6px;
    width: 29px;
    height: 29px;
    background: #f8294e;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    right: 10px;
    top: 0;
}
.f2mhelp li a {
    color: #f72a2a;
}

موفق باشید.

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
در در 1395/09/02, 10:24:38، Mohammad گفته است :

با سلام

کدهای html


<div class="mini-title">
    <h3>راهنمای فیلم تو مووی :</h3>
</div>
<ul class="f2mhelp">
    <li><span>1- </span>برای سهولت در دانلود بهتر است از نرم افزار های مدیریت دانلود استفاده کنید</li>
    <li><span>2- </span>جهت ارسال نظرات ، حتما آدرس ایمیل خود را به صورت صحیح وارد کنید . [ایمیل www ندارد .]</li>
    <li><span>3- </span>لطفا از توهین در نظرات خودداری کنید ، با کاربر خاطی برخورد لازم انجام خواهد شد .</li>
    <li><span>4- </span>جهت درخواست فیلم از <a href="http://film2movie.biz/request-media/" title="درخواست اختصاصی فیلم" target="_blank"> فرم درخواست فیلم </a> استفاده کنید .</li>
</ul>

و کدهای css این باکس


.mini-title {
    float: right;
    width: 100%;
    padding: 3px 12px;
    font: 12px wdgoogle;
    color: #272423;
    background: #cdcdcd;
    margin-top: 5px;
}
.f2mhelp {
    float: right;
    width: 100%;
    padding: 2px 0;
}
.f2mhelp li {
    float: right;
    width: 100%;
    background: #2f4f4f;
    color: #fff;
    font: 11px tahoma;
    margin: 1px 0;
    border-radius: 6px;
    list-style: none;
    position: relative;
    padding: 8px 45px 8px 5px;
}
.f2mhelp li span {
    float: right;
    font-size: 13px;
    text-align: center;
    padding: 6px;
    width: 29px;
    height: 29px;
    background: #f8294e;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    right: 10px;
    top: 0;
}
.f2mhelp li a {
    color: #f72a2a;
}

موفق باشید.

ممنون جناب پورداداش عزیز کدهای css رو در کدام فایل قالب قرار بدم؟

تشکر بابت راهنمایی هاتون=D>

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.