/ آموزش قرار دادن اخبار و تاپیکهای مهم ( اختصاصی ویکی وی بی )
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 2 از 3 نخستنخست 123 آخرینآخرین
نمایش نتایج: از 11 به 20 از 21

مقاله: آموزش قرار دادن اخبار و تاپیکهای مهم ( اختصاصی ویکی وی بی )

    1. آموزش قرار دادن اخبار و تاپیکهای مهم ( اختصاصی ویکی وی بی )

      آموزش قرار دادن اخبار و تاپیکهای مهم ( اختصاصی ویکی وی بی )

      درود
      طبق درخواست های دوستان و قول هایی که داده بودم این آموزش رو براتون میزارم
      تقریبا مثل همون تایکهای کار آمد هست منتها ظاهر متفاوت ، سبک تر و بدون کاربر برتر هست که تقریبا با هر رزلوشنی سازگاره ( در صورتی که عناوین کوتاه باشن ) .

      شات در رزلوشن های کوچک :

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      در رزلوشن های بزرگ :

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      خب حالا برای اینکار ابتدا در جست و جوی قالب ها additional.css رو سرچ کنید و کد های زیر رو به آخرش اضافه کنید :

      کد:
      a {
      text-decoration: none;
      }
      .wikitopiks {
      background: rgb(229,229,229); /* Old browsers */
      background: -moz-linear-gradient(-45deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 48%, rgba(229,229,229,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(48%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(-45deg, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 48%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(-45deg, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 48%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(-45deg, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 48%,rgba(229,229,229,1) 100%); /* IE10+ */
      background: linear-gradient(135deg, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 48%,rgba(229,229,229,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
      border: 1px dashed #ccc;
      overflow: hidden;
      height: 130px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      margin-top: 20px;
      box-shadow: 0 0 0 5px rgba(255,255,255,0.6),0 0 5px 6px rgba(0,0,0,0.3);
      -moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.6),0 0 5px 6px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.6),0 0 5px 6px rgba(0,0,0,0.3);
      -o-box-shadow: 0 0 0 5px rgba(255,255,255,0.6),0 0 5px 6px rgba(0,0,0,0.3);
      -ms-box-shadow: 0 0 0 5px rgba(255,255,255,0.6),0 0 5px 6px rgba(0,0,0,0.3);
      margin: 20px 10px;
      }
      .wikitopikstext span{
      font: 13px Byekan,B yekan,Tahoma;
      color: #00b2e3;
      background: url(http://www.up.wikivb.ir/images/mdueheokrtaqhnljjaa.png) no-repeat right 7px;
      padding: 5px 10px;
      padding-right: 21px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      border: 0px solid #d1d1d1;
      -moz-transition: all 0.3s ease-in;
      -webkit-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      }
      .wikitopikstext span:hover{
         background: url(http://www.up.wikivb.ir/images/m3otoqy3e3aylysdkqdq.png) no-repeat right 7px;
         color: gray;
      }
      .wikitopikstext {
      height: 8px;
      margin-top: 25px;
      margin-right: 20px;
      margin-left: 20px;
      }
      .beststop2 {
      position: absolute;
      height: 39px;
      width: 190px;
      margin-top: -0px;
      left: 100px;
      }
      .beststop2 span {
      background: rgb(3,143,176); /* Old browsers */
      background: -moz-linear-gradient(-45deg, rgba(3,143,176,1) 0%, rgba(40,195,231,1) 50%, rgba(10,179,218,1) 51%, rgba(3,158,194,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(3,143,176,1)), color-stop(50%,rgba(40,195,231,1)), color-stop(51%,rgba(10,179,218,1)), color-stop(100%,rgba(3,158,194,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(-45deg, rgba(3,143,176,1) 0%,rgba(40,195,231,1) 50%,rgba(10,179,218,1) 51%,rgba(3,158,194,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(-45deg, rgba(3,143,176,1) 0%,rgba(40,195,231,1) 50%,rgba(10,179,218,1) 51%,rgba(3,158,194,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(-45deg, rgba(3,143,176,1) 0%,rgba(40,195,231,1) 50%,rgba(10,179,218,1) 51%,rgba(3,158,194,1) 100%); /* IE10+ */
      background: linear-gradient(135deg, rgba(3,143,176,1) 0%,rgba(40,195,231,1) 50%,rgba(10,179,218,1) 51%,rgba(3,158,194,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#038fb0', endColorstr='#039ec2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
          position: absolute;
          font: 13px Byekan,B yekan,Tahoma;
          color: #fff;
          text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
          left: -54px;
          top: -16px;
          padding: 8px 20px 11px 20px;
          border-radius: 0 6px 4px 4px;
      -moz-border-radius: 0 6px 4px 4px;
      -webkit-border-radius: 0 6px 4px 4px;
      -o-border-radius: 0 6px 4px 4px;
      -ms-border-radius: 0 6px 4px 4px;
          box-shadow: 0px 4px 2px rgba(0,0,0,0.2) inset,2px 2px 1px rgba(0,0,0,0.2);
      -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.6) inset;
      -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.6) inset;
      -o-box-shadow: 1px 1px 2px rgba(0,0,0,0.6) inset;
      -ms-box-shadow: 1px 1px 2px rgba(0,0,0,0.6) inset;
      }
      .beststop2left {
      position: absolute;
      height: 0px;
      width: 0px;
      border-right: 5px solid #02566B;
      border-left: 5px solid transparent;
      border-top: 5px solid transparent;
      border-bottom: 5px solid #02566B;
      z-index: 999;
      left: -64px;
      margin-top: -16px;
      }
      ذخیره کرده و قالب FORUMHOME رو جست و جو کنید ، درش کد زیر رو پیدا کنید :

      کد:
          {vb:raw navbar}
      و کد های زیر رو بعدش قرار بدید :

      کد:
      <!--bests start-->
      <div class="wikitopiks">
      <div class="beststop2"><div class="beststop2left"></div><span>اخبار و تاپیکهای مهم</span></div>
      <div class="wikitopikstext">
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">یک تاپیک مهم</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">یک تاپیک مهم</span></a></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">یک تاپیک مهم</span></a></td>
      </tr>
      </table>
      </div>
      <div class="wikitopikstext">
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">یک تاپیک مهم</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">یک تاپیک مهم</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">یک تاپیک مهم</span></a></td>
      </tr>
      </table>
      </div>
      <div class="wikitopikstext">
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">یک تاپیک مهم</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">یک تاپیک مهم</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">یک تاپیک مهم</span></a></td>
      </tr>
      </table>
      </div>
      </div>  
      <!--bests end-->
      برای ویرایش عنوان ها کد هایی رو که در FORUMHOME قرار دادید ویرایش کنید .

      کپی برداری بدون ذکر منبع ممنوع هستش چون از آموزش قبلی کپی برداری بدون ذکر منبع دیدیدم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      پیروز باشید
      ویکی وی بی
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      15 نفر از اعضا پست WikiVB را پسندیده اند


  1. #11
    WIKING آنلاین نیست.
    WIKING
    مدير بازنشسته
    1,186نوشته1,455مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    27
    پسندیده است
    2,092 پست
    بلاگ
    0 پست
    میزان امتیاز
    1462
    forum.mancityfans.ir
    این کد رو جایگزین چه قسمتی از کد های اصلی کنم
    سوالم اینه
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    ...

  2. #12
    Morteza آنلاین نیست.
    Morteza
    کاربر سايت
    1,155نوشته800مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    258
    پسندیده است
    1,610 پست
    بلاگ
    1 پست
    میزان امتیاز
    810
    forum.animha.ir/
    به جای http://www.wikivb.ir لینک مورد نظر قرار بده

    کد:
    <!--bests start-->
    <div class="wikitopiks">
    <div class="beststop2"><div class="beststop2left"></div><span>اخبار و تاپیکهای مهم</span></div>
    <div class="wikitopikstext">
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="http://www.wikivb.ir" ><span style="float: right;">یک تاپیک مهم</span></a></td>
    <td width="35%"><a href="http://www.wikivb.ir" ><span style="float: right;">یک تاپیک مهم</span></a></a></td>
    <td width="35%"><a href="http://www.wikivb.ir" ><span style="float: right;">یک تاپیک مهم</span></a></td>
    </tr>
    </table>
    </div>
    <div class="wikitopikstext">
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="http://www.wikivb.ir" ><span style="float: right;">یک تاپیک مهم</span></a></td>
    <td width="35%"><a href="http://www.wikivb.ir" ><span style="float: right;">یک تاپیک مهم</span></a></td>
    <td width="35%"><a href="http://www.wikivb.ir" ><span style="float: right;">یک تاپیک مهم</span></a></td>
    </tr>
    </table>
    </div>
    <div class="wikitopikstext">
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="http://www.wikivb.ir" ><span style="float: right;">یک تاپیک مهم</span></a></td>
    <td width="35%"><a href="http://www.wikivb.ir" ><span style="float: right;">یک تاپیک مهم</span></a></td>
    <td width="35%"><a href="http://www.wikivb.ir" ><span style="float: right;">یک تاپیک مهم</span></a></td>
    </tr>
    </table>
    </div>
    </div>  
    <!--bests end-->

    2 نفر از اعضا پست Morteza را پسندیده اند


    ویرایش توسط Morteza : 05-18-2013 در ساعت 12:35 AM

  3. #13
    WIKING آنلاین نیست.
    WIKING
    مدير بازنشسته
    1,186نوشته1,455مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    27
    پسندیده است
    2,092 پست
    بلاگ
    0 پست
    میزان امتیاز
    1462
    forum.mancityfans.ir
    مرتضی جان اصلا متوجه نشدید من چی میگم
    میخوام متن اخبار و تاپیک های مهم لینک دار بشه
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    ...

  4. #14
    Morteza آنلاین نیست.
    Morteza
    کاربر سايت
    1,155نوشته800مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    258
    پسندیده است
    1,610 پست
    بلاگ
    1 پست
    میزان امتیاز
    810
    forum.animha.ir/
    نقل قول نوشته اصلی توسط WIKING نمایش پست ها
    مرتضی جان اصلا متوجه نشدید من چی میگم
    میخوام متن اخبار و تاپیک های مهم لینک دار بشه
    کد ها رو درستشون کردم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست Morteza را پسندیده است:



  5. #15
    WIKING آنلاین نیست.
    WIKING
    مدير بازنشسته
    1,186نوشته1,455مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    27
    پسندیده است
    2,092 پست
    بلاگ
    0 پست
    میزان امتیاز
    1462
    forum.mancityfans.ir
    مرتضی جان من میدونم که برای لینک دادن به تاپیک ها باید بجای # لینک گذاشت
    منظور من قسمتی هست که نوشته شده اخبار و تاپیک های مهم
    میخوام اونجا لینک دار بشه
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    ...

  6. #16
    Morteza آنلاین نیست.
    Morteza
    کاربر سايت
    1,155نوشته800مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    258
    پسندیده است
    1,610 پست
    بلاگ
    1 پست
    میزان امتیاز
    810
    forum.animha.ir/
    نقل قول نوشته اصلی توسط WIKING نمایش پست ها
    مرتضی جان من میدونم که برای لینک دادن به تاپیک ها باید بجای # لینک گذاشت
    منظور من قسمتی هست که نوشته شده اخبار و تاپیک های مهم
    میخوام اونجا لینک دار بشه

    کد:
    <div class="beststop2"><div class="beststop2left"></div><a href="http://www.wikivb.ir" ><span>اخبار و تاپیکهای مهم</span></a></div>

    2 نفر از اعضا پست Morteza را پسندیده اند



  7. #17
    Hamid آنلاین نیست.
    Hamid
    کاربر سايت
    290نوشته123مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    209
    پسندیده است
    182 پست
    بلاگ
    پست
    میزان امتیاز
    133
    forum.baziikade.ir
    با تشکر از آموزش خوبتون.
    من این کار رو کردم اما اون کادر خیلی به سمت چپ رفته و از صفحه زده بیرون
    اگه بخوام بیاد وسط صفحه چیکار کنم؟مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    Untitled.png
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  8. #18
    Eagle آنلاین نیست.
    Eagle
    مديريت کل انجمن
    2,597نوشته6,533مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    2
    پسندیده است
    2,819 پست
    بلاگ
    0 پست
    میزان امتیاز
    6520
    No Set
    ادرس بذارید

    کاربر زیر پست Eagle را پسندیده است:


    وقتی پشت سرت حرف میزنن :
    1- یـا مـیـخــوان جـــــــات بـاشــن نـــــــمـــیـتـــونــــن
    2- یـا مـیـخــوان بــــــــات بـاشـــن نـــــــمـــیـتــــونـــن

  9. #19
    Hamid آنلاین نیست.
    Hamid
    کاربر سايت
    290نوشته123مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    209
    پسندیده است
    182 پست
    بلاگ
    پست
    میزان امتیاز
    133
    forum.baziikade.ir
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  10. #20
    Eagle آنلاین نیست.
    Eagle
    مديريت کل انجمن
    2,597نوشته6,533مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    2
    پسندیده است
    2,819 پست
    بلاگ
    0 پست
    میزان امتیاز
    6520
    No Set
    کلاس زیر را پیدا کنید :
    .beststop2
    مقدار left:100 را بیشتر کنید

    کاربر زیر پست Eagle را پسندیده است:


    وقتی پشت سرت حرف میزنن :
    1- یـا مـیـخــوان جـــــــات بـاشــن نـــــــمـــیـتـــونــــن
    2- یـا مـیـخــوان بــــــــات بـاشـــن نـــــــمـــیـتــــونـــن

صفحه 2 از 3 نخستنخست 123 آخرینآخرین

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی