مرجع پارسی MyBB

نسخه‌ی کامل: ایجاد باکس تبلیغات بسیار زیبا
شما درحال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب‌بندی مناسب.
صفحه‌ها: 1 2
درود

نمونه :

[تصویر:  xv0_capture.png]

بروید:

کنترول پنل مدیر کل >>> قالب ها و پوسته ها >>> پوسته ها >>> پوسته ی مورد نظر >>> global.css

کد های زیر را به آخر کد ها اضافه کنید

کد php:
.musicsazanads{
backgroundrgb(254,255,255); /* Old browsers */
background: -moz-radial-gradient(centerellipse cover,  rgba(254,255,255,10%, rgba(214,214,214,1100%); /* FF3.6+ */
background: -webkit-gradient(radialcenter center0pxcenter center100%, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(centerellipse cover,  rgba(254,255,255,10%,rgba(214,214,214,1100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(centerellipse cover,  rgba(254,255,255,10%,rgba(214,214,214,1100%); /* Opera 12+ */
background: -ms-radial-gradient(centerellipse cover,  rgba(254,255,255,10%,rgba(214,214,214,1100%); /* IE10+ */
backgroundradial-gradient(ellipse at center,  rgba(254,255,255,10%,rgba(214,214,214,1100%); /* W3C */
filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#feffff'endColorstr='#d6d6d6',GradientType=); /* IE6-9 fallback on horizontal gradient */
border-radius5px;
-
moz-border-radius5px;
-
webkit-border-radius5px;
-
o-border-radius5px;
-
ms-border-radius5px;
border2px solid #f1f1f1;
padding12px;
margin-top10px;
text-aligncenter;
box-shadow0px 0px 5px #5a5a5a;
-moz-box-shadow0px 0px 5px #5a5a5a;
-webkit-box-shadow0px 0px 5px #5a5a5a;
-o-box-shadow0px 0px 5px #5a5a5a;
-ms-box-shadow0px 0px 5px #5a5a5a;


خوب حالا تصویر پیوست شده را در روت هاست خود در فولدر images بریزید

حالا برید :

کنترول پنل مدیر کل >>> قالب ها و پوسته ها >>> قالب ها >>> قاب مورد نظر >>> Header Templates >>> سپس header

خوب حالا کد های زیر رو در جای دلخواهتون قرار بدید

کد php:
<div class="musicsazanads">
<
p style="text-align: right; font-family: bkoodakbold; font-size: 18px; line-height: 10px; margin-right: 5px;">
<
img style="float: right;margin: 0 -4px 0 2px;" width="20" height="20" src="آدرس سایت شما/images/navads.png">تبلیغات</p>
<
div style="display: block; margin: 5px 0; background:#ddd; height:2px; width:100%;">&nbsp;</div>
    <
a rel="nofollow" target="_blank" href="لینک تبلیغ"><img src="آدرس بنر" alt="توضیح بنر" height="58" width="455" /></a>
    <
a rel="nofollow" target="_blank" href="لینک تبلیغ"><img src="آدرس بنر" alt="توضیح بنر" height="58" width="455" /></a><br />
    <
a rel="nofollow" target="_blank" href="لینک تبلیغ"><img src="آدرس بنر" alt="توضیح بنر" height="58" width="455" /></a>
    <
a rel="nofollow" target="_blank" href="لینک تبلیغ"><img src="آدرس بنر" alt="توضیح بنر" height="58" width="455" /></a><br />
</
div

موفق باشید

منبع: تلفیقی از آموزش های وی بی پرو و ویکی وی بی.

[attachment=8039]
درود

پیوست شد .
درود بر دوستان.
این کدها مشکل داره.
2 بار قالب انجمن رو بهم ریخت.
(۱۳۹۲/۱۲/۱۱، ۱۴:۱۲:۲۸ عصر)AudioZ نوشته است: [ -> ]درود بر دوستان.
این کدها مشکل داره.
2 بار قالب انجمن رو بهم ریخت.

سلام
خیر عزیز ، کدها تست شدن و هیچ مشکلی ندارند ، حتما نوت پد یادتون رفته Smile
[تصویر:  55ef58b68460.png]
یک جای کار شما ایراد داره چون من دوباره تست کردم مشکلی نبود...
شما کدها رو درون نوت پد میریزید؟
یکی اینکه توی نت پد کپی کنید بعد اونجا قرار بدید و همچنین از درست قراردادن کد ها سرجاشون مطمئن بشید.مخصوصا کد های گلوبال
بله. در نت پد کپی می کنم.
البته در مورد محل صحیح شک دازم.
دقیقا در کدوم خط و عبارت باید ریخته شه؟
قسمت کد های اول رو توی گلوبال ، حالت پیشرفته ، در انتهای کد ها با یک یا چند خط فاصله

قسمت دوم هم که قسمت هدر هست معمولا انتهای کد های هدر قرار میگیره ولی شما اگر خواستی توی هر قالب دیگه ای میتونی قراربدی.(تفاوت هدر با قالب های دیگه چیه؟ تفاوتش اینه که توی همه جا کد ها و اشیاء درون هدر نمایش داده میشه ولی توی قالب های دیگه مثل ایندکس نه.)
درود

در صورتی که میخهواهید در تمام صفحات نمایش داده شود کدها ی قالب هدر را اینجا قرار دهید تا براتون قرار بدیم

یا اگر میخواهید فقط در صفحه ی اصلی نمایش داده شود کد های قالب ایندکس را اینجا قرار دهید
صفحه‌ها: 1 2