/ اموزش ساخت تولبار فول css در بالای انجمن +تغییر قالب
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 3 از 3

مقاله: اموزش ساخت تولبار فول css در بالای انجمن +تغییر قالب

    1. اموزش ساخت تولبار فول css در بالای انجمن +تغییر قالب

      اموزش ساخت تولبار فول css در بالای انجمن +تغییر قالب

      سلام دوستان من چندروزی بود به یه تولبار برای بالا انجمن خیلی نیاز داشتم به خاطر مشکلات قالبم امروز نشستم یه تولبار ساختم که برای شما دوستان اموزشش رو میذارم تامنو هم دعا کنید نظراتتون رو هم درباره این تولبار بگید بی زحمت

      دمو زنده(این تولبار داخل انجمنم هست ولی یه دمو هم میذارم)
      http://jigh3da.ir/test/toolbar/toolbar.html

      خب حالا میریم سراغ اموزش گذاشتن این تولبار زیبا در انجمن یاهرجا دیگه که بخاید

      ابتدا کد های زیر را به انتهای قالبadditional.css خود اضافه کنید

      کد PHP:
      .toolbarbg {
        
      positionfixed;
        
      top0px;
        
      right10%;
        
      height53px;
        
      width80%;
        
      backgroundblack ;
      border-radius0px 0px 40px 40px;
      opacity:0.5;
      -
      moz-opacity:0.5;
      -
      webkit-opacity:0.5;
      filter:alpha(opacity=50);
      }


      .
      toolbarbg:hover {
      box-shadow0px 0px 5px 5px #616161;
      opacity:0.9;
      -
      moz-opacity:0.9;
      -
      webkit-opacity:0.9;
      filter:alpha(opacity=100);
      }

      .
      toolbarlogo {
          
      backgroundurl(images/toolbar/logo.png) ;
          
      positionabsolute;
          
      top0px;
          
      right3%;
          
      width50px;
          
      height50px;
      -
      moz-transitionall 0.2s ease-in;
      -
      webkit-transitionall 0.2s ease-in;
      -
      o-transitionall 0.2s ease-in;
      -
      ms-transitionall 0.2s ease-in
      }
      .
      toolbarlogo:hover {
          
      backgroundurl(logo.png1px 53px;
      -
      moz-transitionall 0.2s ease-in;
      -
      webkit-transitionall 0.2s ease-in;
      -
      o-transitionall 0.2s ease-in;
      -
      ms-transitionall 0.2s ease-in
      }
      .
      toolbarbut {
          
      color:#888686 ;
              
      positionabsolute;
              
      top10px;
          
      right8%;
          
      text-shadow:0px 1px 1px #333 ;
          
      font-family:"B Yekan""B Sina" ;
          
      font-size:20px ;
      }
      .
      toolbarbut:hover {
          
      colorwhite;
          
      text-shadow0px 0px 4px rgb(515151);
      }

      .
      toolbarbut2 {
          
      color:#888686 ;
              
      positionabsolute;
              
      top10px;
              
      right16%;
          
      text-shadow:0px 1px 1px #333 ;
          
      font-family:"B Yekan""B Sina" ;
          
      font-size:20px ;
      }
      .
      toolbarbut2:hover {
          
      colorwhite;
          
      text-shadow0px 0px 4px rgb(515151);
      }

      .
      toolbarbut3 {
          
      color:#888686 ;
              
      positionabsolute;
              
      top10px;
              
      right23%;
          
      text-shadow:0px 1px 1px #333 ;
          
      font-family:"B Yekan""B Sina" ;
          
      font-size:20px ;
      }
      .
      toolbarbut3:hover {
          
      colorwhite;
          
      text-shadow0px 0px 4px rgb(515151);
      }

      .
      toolbarbut4 {
          
      color:#888686 ;
              
      positionabsolute;
              
      top10px;
              
      right33%;
          
      text-shadow:0px 1px 1px #333 ;
          
      font-family:"B Yekan""B Sina" ;
          
      font-size:20px ;
      }
      .
      toolbarbut4:hover {
          
      colorwhite;
          
      text-shadow0px 0px 4px rgb(515151);
      }

      .
      toolbarbut5 {
          
      color:#888686 ;
              
      positionabsolute;
              
      top10px;
              
      right41%;
          
      text-shadow:0px 1px 1px #333 ;
          
      font-family:"B Yekan""B Sina" ;
          
      font-size:20px ;
      }
      .
      toolbarbut5:hover {
          
      colorwhite;
          
      text-shadow0px 0px 4px rgb(515151);
      }



      .
      toolbarbut6 {
          
      color:#888686 ;
              
      positionabsolute;
              
      top10px;
              
      right62%;
          
      text-shadow:0px 1px 1px #333 ;
          
      font-family:"B Yekan""B Sina" ;
          
      font-size:20px ;
      }
      .
      toolbarbut6:hover {
          
      colorwhite;
          
      text-shadow0px 0px 4px rgb(515151);
      }


      .
      toolbarbut7 {
          
      color:#888686 ;
              
      positionabsolute;
              
      top10px;
              
      right74%;
          
      text-shadow:0px 1px 1px #333 ;
          
      font-family:"B Yekan""B Sina" ;
          
      font-size:20px ;
      }
      .
      toolbarbut7:hover {
          
      colorwhite;
          
      text-shadow0px 0px 4px rgb(515151);
      }


      .
      toolbarnew {
          
      backgroundurl(images/toolbar/new.png) ;
          
      positionabsolute;
          
      top0px;
          
      right80%;
          
      width100px;
          
      height45px;
      -
      moz-transitionall 0.2s ease-in;
      -
      webkit-transitionall 0.2s ease-in;
      -
      o-transitionall 0.2s ease-in;
      -
      ms-transitionall 0.2s ease-in
      }
      .
      toolbarnew:hover {
          
      backgroundurl(images/toolbar/new.png1px 45px;
      -
      moz-transitionall 0.2s ease-in;
      -
      webkit-transitionall 0.2s ease-in;
      -
      o-transitionall 0.2s ease-in;
      -
      ms-transitionall 0.2s ease-in
      }

      .
      toolbarold {
          
      backgroundurl(images/toolbar/old.png1px 45px ;
          
      positionabsolute;
          
      top0px;
          
      right89%;
          
      width100px;
          
      height45px;
      -
      moz-transitionall 0.2s ease-in;
      -
      webkit-transitionall 0.2s ease-in;
      -
      o-transitionall 0.2s ease-in;
      -
      ms-transitionall 0.2s ease-in
      }
      .
      toolbarold:hover {
          
      backgroundurl(images/toolbar/old.png) ;
      -
      moz-transitionall 0.2s ease-in;
      -
      webkit-transitionall 0.2s ease-in;
      -
      o-transitionall 0.2s ease-in;
      -
      ms-transitionall 0.2s ease-in


      خب حالا کد های زیر رو به انتهای قالب footer خود اضافه کنید

      کد PHP:
      <div class="toolbarbg">
      <
      class="toolbarlogo" href="لینک انجمن"></a>
      <
      class="toolbarbut" href="your link">وب سایت</a>
      <
      class="toolbarbut2" href="your link">وبلاگ ها</a>
      <
      class="toolbarbut3" href="your link">اپلود سنـتر</a>
      <
      class="toolbarbut4" href="your link">شهربازی</a>
      <
      class="toolbarbut5" href="your link">ارسال پیام عاشقانه به اعضا</a>
      <
      class="toolbarbut6" href="your link">کامنت پست ها</a>
      <
      class="toolbarbut7" href="your link">ایندکس</a>
      <
      class="toolbarnew" href="http://www.yuor adress.ir/index.php?styleid=number style"></a>
      <
      class="toolbarold" href="http://www.yuor adress.ir/index.php?styleid=number style"></a>
      </
      div
      حالا فایل زیپ رو دانلود کنید و داخل روت انجمن اپلود و استرکت کنید
      http://upload.wikivb.ir/images/x0j3pq3muk358hxnjgs.zip

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

      5 نفر از اعضا پست jigh3da را پسندیده اند


  1. #2
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    به نظر من از یک فونت دیگه استفاده کنی قشنگ تر میشه!

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


    .....

  2. #3
    jigh3da آنلاین نیست.
    jigh3da
    کاربر سايت
    867نوشته936مورد پسند

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    645
    پسندیده است
    599 پست
    بلاگ
    پست
    میزان امتیاز
    946
    *******.ir
    خوبه چشم

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

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

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

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

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

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