استایل زیبای WikiVB Birth هدیه سومین سالروز فعالیت ویکی وی بی Details »»
ورژن ویبولتین: 4.x.x
امتیاز: (1 votes - 5.00 average)
نصب شده : 21
منتشر شده : 10-25-2015
آخرین بروزرسانی : هرگز
تعداد دانلود : 422
پشتیبانی
تغییرات دستی در قالب
تغییرات در کد ها
فایل های اضافی
نا سازگاری با ویبولتین ورژن 3
درود خدمت اعضای فهیم ویکی وی بی
به مناسبت سومین سالروز تولد ویکی وی بی تصمیم گرفتم یک استایل ساده و زیبا رو براتون قرار بدم همچنین جا داره از دوست عزیزم Eagle بابت همکاری های همیشگیش تشکر ویژه کنم ، همچنین لازم به ذکر هست که پوسته وردپرس ست با این استایل هم توسط ALIREZA_2010 عزیز طراحی شده که در این لینک میتونید ملاحظه و دانلود کنید .
خصوصیات استایل :
○ طراحی واکنش گرا تا عرض 320 پیکسل
○ امکان انتخاب حالت fluid و fixed توسط کاربر بدون نیاز به نصب دو استایل
○ امکان انتخاب 6 رنگ توسط کاربر
○ طراحی تخت و ساده
○ سبک و نسبتا بهینه
○ امکان قرار دادن تصویر و توضیحات خاص در هدر
اسکرین شات و دموی آنلاین :
صفحه اصلی :
پست بیت :
○ لازم به ذکر هست که استایل تنها در دموی آنلاین خودنمایی میکنه بنابر این حتما دموی آنلاین رو ملاحظه کنید
آموزش نصب :
1 - ابتدا فایل WikiVB-Birth.rar رو دانلود کرده و از حالت فشرده خارج کنید
2 - پوشه wikivb-birth رو داخل پوشه images در روت هاستتون آپلود کنید
3 - به "ادمین سی پی => استایل ها & قالب ها => دانلود / نصب استایل " رفته و در تب "وارد کردن فایل XML استایل" فایل wikivb-birth.xml رو قرار بدید همچنین تیک گزینه "چشم پوشی از ورژن استایل" رو روی بله قرار بدید و استایل رو نصب کنید 1.3 - در صورت استفاده از هک Vietvbb - TopX (آخرین ارسال های پیشرفته) فایل wikivb-birth-vietvbb.xml رو روی استایل بازنویسی کنید
2.3 - در صورت استفاده از هک VSa - ChatBox (چتباکس) فایل wikivb-birth-vietvbb.xml رو روی استایل بازنویسی کنید
3.3 - در صورت استفاده از هک Post Thanks (هک تشکر) فایل wikivb-birth-post-thank.xml رو روی استایل بازنویسی کنید
4 - فایل navbar-avatar.xml را در مسیر "پلاگین ها & محصولات ==> دانلود / آپلود Plugins" در انتهای صفحه یعنی ستون "وارد کردن (ارسال) پلاگین جدید به صورت XML" وارد کرده و روی "آپلود کلیک کنید" ، این پلاگین برای نمایش آواتار در ناوبار میباشد
آموزش تغییر رنگ پیشفرض :
یکی از درخواست های مکرر استفاده کنندگان از قالب های چند رنگ ، امکان تغییر رنگ پیشفرضش هست که براتون آموزش تغییر هر 7 رنگ استایل birth رو به رنگ پیشفرض قرار میدم
جهت مشاهده آموزشها به داخل اسپویلر مراجعه کنید
ما اینجا دو مورد کد داریم که باید تغییر داده بشن که به اسم "کدهای شماره 1" و "کد های شماره 2" اونها رو اسمگذاری میکنیم که نیاز نباشه مدام کد ها رو قرار بدم
کد های شماره 1 ، موجود در قالب headinclude_bottom
کد:
<!---Color Styles Start ---->
<link rel="stylesheet" type="text/css" href="images /wikivb-birth/scripts/colors/green.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="grayblue-theme" href="images /wikivb-birth/scripts/colors/grayblue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="images /wikivb-birth/scripts/colors/red.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="images /wikivb-birth/scripts/colors/blue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="yellow-theme" href="images /wikivb-birth/scripts/colors/yellow.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pink-theme" href="images /wikivb-birth/scripts/colors/pink.css" />
<!---Color Styles End ---->
کد های شماره 2 ، موجود در قالب header
کد:
<!---Color Buttons Start ---->
<div class="option-list colorselect">
<a href="javascript :chooseStyle('none', 60)" checked="checked" class="default-checked"><span class="selectgreen"></span></a>
<a href="javascript :chooseStyle('red-theme', 60)"><span class="selectred"></span></a>
<a href="javascript :chooseStyle('blue-theme', 60)"><span class="selectblue"></span></a>
<a href="javascript :chooseStyle('yellow-theme', 60)"><span class="selectyellow"></span></a>
<a href="javascript :chooseStyle('grayblue-theme', 60)"><span class="selectgrayblue"></span></a>
<a href="javascript :chooseStyle('pink-theme', 60)"><span class="selectpink"></span></a>
</div>
<!---Color Buttons End ---->
خب حالا در زیر کدهای مربوط به هر رنگ رو قرار دادم که باید جایگزین "کدهای شماره 1" و "کد های شماره 2" بکنید
▬ رنگ قرمز
کد های شماره 1 :
کد:
<!---Color Styles Start ---->
<link rel="stylesheet" type="text/css" href="images /wikivb-birth/scripts/colors/red.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="grayblue-theme" href="images /wikivb-birth/scripts/colors/grayblue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="green-theme" href="images /wikivb-birth/scripts/colors/green.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="images /wikivb-birth/scripts/colors/blue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="yellow-theme" href="images /wikivb-birth/scripts/colors/yellow.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pink-theme" href="images /wikivb-birth/scripts/colors/pink.css" />
<!---Color Styles End ---->
کد های شماره 2 :
کد:
<!---Color Buttons Start ---->
<div class="option-list colorselect">
<a href="javascript :chooseStyle('none', 60)" checked="checked" class="default-checked"><span class="selectred"></span></a>
<a href="javascript :chooseStyle('green-theme', 60)"><span class="selectgreen"></span></a>
<a href="javascript :chooseStyle('blue-theme', 60)"><span class="selectblue"></span></a>
<a href="javascript :chooseStyle('yellow-theme', 60)"><span class="selectyellow"></span></a>
<a href="javascript :chooseStyle('grayblue-theme', 60)"><span class="selectgrayblue"></span></a>
<a href="javascript :chooseStyle('pink-theme', 60)"><span class="selectpink"></span></a>
</div>
<!---Color Buttons End ---->
▬ رنگ ابی
کد های شماره 1 :
کد:
<!---Color Styles Start ---->
<link rel="stylesheet" type="text/css" href="images /wikivb-birth/scripts/colors/blue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="grayblue-theme" href="images /wikivb-birth/scripts/colors/grayblue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="images /wikivb-birth/scripts/colors/red.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="green-theme" href="images /wikivb-birth/scripts/colors/green.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="yellow-theme" href="images /wikivb-birth/scripts/colors/yellow.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pink-theme" href="images /wikivb-birth/scripts/colors/pink.css" />
<!---Color Styles End ---->
کد های شماره 2 :
کد:
<!---Color Buttons Start ---->
<div class="option-list colorselect">
<a href="javascript :chooseStyle('none', 60)" checked="checked" class="default-checked"><span class="selectblue"></span></a>
<a href="javascript :chooseStyle('red-theme', 60)"><span class="selectred"></span></a>
<a href="javascript :chooseStyle('green-theme', 60)"><span class="selectgreen"></span></a>
<a href="javascript :chooseStyle('yellow-theme', 60)"><span class="selectyellow"></span></a>
<a href="javascript :chooseStyle('grayblue-theme', 60)"><span class="selectgrayblue"></span></a>
<a href="javascript :chooseStyle('pink-theme', 60)"><span class="selectpink"></span></a>
</div>
<!---Color Buttons End ---->
▬ رنگ زرد
کد های شماره 1 :
کد:
<!---Color Styles Start ---->
<link rel="stylesheet" type="text/css" href="images /wikivb-birth/scripts/colors/yellow.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="grayblue-theme" href="images /wikivb-birth/scripts/colors/grayblue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="images /wikivb-birth/scripts/colors/red.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="images /wikivb-birth/scripts/colors/blue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="green-theme" href="images /wikivb-birth/scripts/colors/green.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pink-theme" href="images /wikivb-birth/scripts/colors/pink.css" />
<!---Color Styles End ---->
کد های شماره 2 :
کد:
<!---Color Buttons Start ---->
<div class="option-list colorselect">
<a href="javascript :chooseStyle('none', 60)" checked="checked" class="default-checked"><span class="selectyellow"></span></a>
<a href="javascript :chooseStyle('red-theme', 60)"><span class="selectred"></span></a>
<a href="javascript :chooseStyle('blue-theme', 60)"><span class="selectblue"></span></a>
<a href="javascript :chooseStyle('green-theme', 60)"><span class="selectgreen"></span></a>
<a href="javascript :chooseStyle('grayblue-theme', 60)"><span class="selectgrayblue"></span></a>
<a href="javascript :chooseStyle('pink-theme', 60)"><span class="selectpink"></span></a>
</div>
<!---Color Buttons End ---->
▬ رنگ خاکستری-آبی
کد های شماره 1 :
کد:
<!---Color Styles Start ---->
<link rel="stylesheet" type="text/css" href="images /wikivb-birth/scripts/colors/grayblue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="green-theme" href="images /wikivb-birth/scripts/colors/green.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="images /wikivb-birth/scripts/colors/red.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="images /wikivb-birth/scripts/colors/blue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="yellow-theme" href="images /wikivb-birth/scripts/colors/yellow.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="pink-theme" href="images /wikivb-birth/scripts/colors/pink.css" />
<!---Color Styles End ---->
کد های شماره 2 :
کد:
<!---Color Buttons Start ---->
<div class="option-list colorselect">
<a href="javascript :chooseStyle('none', 60)" checked="checked" class="default-checked"><span class="selectgrayblue"></span></a>
<a href="javascript :chooseStyle('red-theme', 60)"><span class="selectred"></span></a>
<a href="javascript :chooseStyle('blue-theme', 60)"><span class="selectblue"></span></a>
<a href="javascript :chooseStyle('yellow-theme', 60)"><span class="selectyellow"></span></a>
<a href="javascript :chooseStyle('green-theme', 60)"><span class="selectgreen"></span></a>
<a href="javascript :chooseStyle('pink-theme', 60)"><span class="selectpink"></span></a>
</div>
<!---Color Buttons End ---->
▬ رنگ صورتی
کد های شماره 1 :
کد:
<!---Color Styles Start ---->
<link rel="stylesheet" type="text/css" href="images /wikivb-birth/scripts/colors/pink.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="grayblue-theme" href="images /wikivb-birth/scripts/colors/grayblue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="images /wikivb-birth/scripts/colors/red.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="images /wikivb-birth/scripts/colors/blue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="yellow-theme" href="images /wikivb-birth/scripts/colors/yellow.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="green-theme" href="images /wikivb-birth/scripts/colors/green.css" />
<!---Color Styles End ---->
کد های شماره 2 :
کد:
<!---Color Buttons Start ---->
<div class="option-list colorselect">
<a href="javascript :chooseStyle('none', 60)" checked="checked" class="default-checked"><span class="selectpink"></span></a>
<a href="javascript :chooseStyle('red-theme', 60)"><span class="selectred"></span></a>
<a href="javascript :chooseStyle('blue-theme', 60)"><span class="selectblue"></span></a>
<a href="javascript :chooseStyle('yellow-theme', 60)"><span class="selectyellow"></span></a>
<a href="javascript :chooseStyle('grayblue-theme', 60)"><span class="selectgrayblue"></span></a>
<a href="javascript :chooseStyle('green-theme', 60)"><span class="selectgreen"></span></a>
</div>
<!---Color Buttons End ---->
لطفا سوالاتتون رو داخل تاپیک مطرح کنید ، راه حل مشکلات مهم در پست اول قرار میگیره
در صورت نصب ، روی گزینه نصب کرده ام کلیک کنید
مشکلات و روش حل اونها :
1 - جهت حل مشکل به هم ریختگی ناوبار در برخی انجمن ها کد زیر رو به انتهای additional.css اضافه کنید :
کد:
.navtabs ul , .navtabs ul ul {display: none;}
2 - جهت ست کردن جستجوگر با گوگل در جستجوی قالب ها header رو جستجو کرده و درش کد های زیر رو پیدا کنید :
کد:
<form action="search.php?{vb:raw session.sessionurl}do=process" method="post" id="navbar_search" class="navbar_search cs-search">
<vb:comment><input type="hidden" name="s" value="{vb:raw session.sessionurl}" /></vb:comment>
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="process" />
<input type="text" value="کليد واژه + اينتر" onblur="if (this.value == '') this.value = 'کليد واژه + اينتر';" onfocus="if (this.value == 'کليد واژه + اينتر') this.value = '';" name="query" class="textbox serch-box" tabindex="99"/>
<button type="submit" class="searchbutton-s" onclick="document.getElementById('navbar_search').submit;" tabindex="100"><span></span></button>
</form>
و با کد های زیر جایگزین کنید :
کد:
<form method="get" action="http://www.google.com/search" target="_blank" class="navbar_search">
<input type="hidden" name="sitesearch" value="wikivb.ir" id="pn"/>
<input type="text" value="کليد واژه + اينتر" onblur="if (this.value == '') this.value = 'کليد واژه + اينتر';" onfocus="if (this.value == 'کليد واژه + اينتر') this.value = '';" name="q" class="textbox serch-box" tabindex="99"/>
<button type="submit" class="searchbutton-s" onclick="document.getElementById('navbar_search').submit;" tabindex="100"><span></span></button>
<input type="hidden" name="domains" value="wikivb.ir"/>
</form>
به جای wikivb.ir لینک انجمن خودتون رو بدون http قرار بدید
امیدوارم لذت برده باشید
یا حق
ویکی وی بی
شروع کننده موضوع
فایل های پیوست
10-25-2015 06:18 PM
# ADS
Circuit advertisement
نه منظورم از عنوان اون قسمت هست که نوشته (( تازه چه خبر ؟ / انجمن / وبلاگ و ... ))
نوشته اصلی توسط
sourcesaaz
نه منظورم از عنوان اون قسمت هست که نوشته (( تازه چه خبر ؟ / انجمن / وبلاگ و ... ))
درود ؛ لینک انجمن خود را در پروفایل قرار بدید بررسی کنیم
TELEGRAM ME BABAKROSTAMPOUR
قرار داده شد لطفا مشکل بنده رو بگید https://forums.sourcesaaz.ir/
مشکل (( نه منظورم از عنوان اون قسمت هست که نوشته (( تازه چه خبر ؟ / انجمن / وبلاگ و ... )) ))
نوشته اصلی توسط
sourcesaaz
قرار داده شد لطفا مشکل بنده رو بگید
https://forums.sourcesaaz.ir/
مشکل ((
نه منظورم از عنوان اون قسمت هست که نوشته (( تازه چه خبر ؟ / انجمن / وبلاگ و ... )) ))
ادمین سی پی / تنظیمات / مدیریت تب ها (مسیر ها)
TELEGRAM ME BABAKROSTAMPOUR
با سلام
خوبین؟
من استایل رو ایمپورت کردم
منو رو هم که ایمپورت کردم همه چیز به هم ریخت
ممنون میشم راهنمایی کنین
Forums
پارسین وب ، طراحی سایت و سئو | برنامه نویسی اکسچینج های آنلاین
تلگرام : @saeedjaafary
نوشته اصلی توسط
saeedjaafari
با سلام
خوبین؟
من استایل رو ایمپورت کردم
منو رو هم که ایمپورت کردم همه چیز به هم ریخت
ممنون میشم راهنمایی کنین
Forums
سلام، پوزش بابت تاخیر در پاسخگویی
سایت قطع هست هروقت وصل شد اگه مشکلتون هنوز پابرجا بود بفرمایید سریعا بررسی میشه.