• به وب استیودنت خوش آمدیدد
  • آموزش های ما را از وب سایت به نشانی www.WebStudent.ir پیگیری کنید
  • لطفا قوانین را مطالعه فرمایید
  • آموزش های گام به گام و تصویری
  • لطفا قوانین را مطالعه فرمایید
درود مهمان گرامی! ورود ثبت نام

درود به مهمان گرامی
برای مشاهده و استفاده از تمامی امکانات انجمن باید ثبت نام کنید یا وارد شوید
( با سپاس: کارگروه راهبری وب استیودنت )



آموزش زیبا سازی زیر انجمن
زمان کنونی: 1396-1-7، 10:22:07
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: Odin
آخرین ارسال: Odin
پاسخ 1
بازدید 1100



امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش زیبا سازی زیر انجمن
#1
در این آموزش قصد دارم به شما آموزش دهم که چگونه زیرانجمن های،انجمن خود را زیبا کنید.


برای شروع به آدرس زیر بروید:

قالب ها و پوسته ها > قالب ها > قالب مورد نظر > Forum Bit Templates >

و forumbit_subforums رو ویرایش کنین

تمامی کد ها را پاک کنید و کد زیر را قرار دهید:
کد php:
<style>.button2 {border:1px solid #CCC;background: #FFFFFF;font-weight:bold;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;-webkit-transition: background-color 1s;-moz-transition: background-color 1s;-o-transition: background-color 1s;-ms-transition: background-color 1s;transition: background-color 1s;}.button2:hover {background-color: #F5F3F4;}</style>
<fieldset  class="button2"><legend><b><strong>{$lang->subforums}</strong></b></legend>
<
ul>{$sub_forums}
</
fieldset

دمو :
[تصویر:  1402236632161.png]




امیدرم این آموزش برای شما سودمند باشد.

(دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.) را به دوستان خود معرفی کنید.

سایر آموزش های مرتبط :


(دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.)
(دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.)
(دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.)
(دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.)
(دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.)
وقتی دانستن با بکارگیری دانسته ها همراه شود به منبعی برای قدرت و توانایی تبدیل می شود.
 
پاسخ
[-] 1 کاربر زیر از Odin به مایه این نوشته سپاسگزاری کرده است:
Andras (1393-9-30 17:08)
  



پرش به انجمن:


کاربران در حال بازدید: 1 مهمان



:fixed;left : 2px;top :130px;float : left;width : 35px;height:320px;text-align:left;padding:0px;;border:0px #fff solid; background: #005ea7; background: -moz-linear-gradient(top, #005ea7 0%, #003965 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005ea7), color-stop(100%,#003965)); background: -webkit-linear-gradient(top, #005ea7 0%,#003965 100%); background: -o-linear-gradient(top, #005ea7 0%,#003965 100%); background: -ms-linear-gradient(top, #005ea7 0%,#003965 100%); background: linear-gradient(to bottom, #005ea7 0%,#003965 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ea7', endColorstr='#003965',GradientType=0 ); } .tdicons a{-webkit-transition : all 0.5s ease-in-out;-moz-transition : all 0.5s ease-in-out;-o-transition : all 0.5s ease-in-out;display : block;float : left;margin : 8px;padding : 5px;font-weight : bold;color : #fff;border-radius : 8px 0 8px 0;} .tdicons img{-webkit-transition : all 0.2s ease-in-out;-moz-transition : all 0.2s ease-in-out;-o-transition : all 0.2s ease-in-out;padding:0px;} .tdicons img:hover{padding : 0px 0px 0px 8px;}