تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 5 از 5

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

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

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

      نگارش: , by (کاربر سایت)
      2013/05/28 11:20 PM
      امتیاز: 

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

      دمو زنده(این تولبار داخل انجمنم هست ولی یه دمو هم میذارم)
      تولبار فول css

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

      ابتدا کد های زیر را به انتهای قالب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;
      ######:alpha(opacity=50);
      }


      .
      toolbarbg:hover {
      box-shadow0px 0px 5px 5px #616161;
      opacity:0.9;
      -
      moz-opacity:0.9;
      -
      webkit-opacity:0.9;
      ######: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://up.vbiran.ir/uploads/136976692814777_0images.zip

      به همین راحتی شما مجهز به این تولبار زیبا شدید سئوالی بود درخدمتم
  1. Top | #2
    مدیر بازنشته

    ورژن ویبولتین
    4
    نوشته ها
    2,571
    میزان امتیاز
    304

    پیش فرض

    درود
    زیباست خسته نباشید
    ولی رنگ و فونت بهتری رو استفاده کنید خیلی زیبا میشه

    2 تشکر توسط:


  2. Top | #3
    کاربر سایت

    ورژن ویبولتین
    4.0.8
    نوشته ها
    186
    میزان امتیاز
    23

    پیش فرض

    مرسی چشم

  3. Top | #4
    کاربر سایت

    ورژن ویبولتین
    4.2.1
    نوشته ها
    331
    میزان امتیاز
    39

    پیش فرض

    ولی این تولبار نیست.
    من می خوام یه تولبار که می یاد بالای مرورگر بسازم.
    چطوری؟

  4. Top | #5
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    591
    میزان امتیاز
    78

    پیش فرض

    درود.
    لطفا تاپیک قدیمی رو آپ نکنید
    آموزش ساخت تولبار اختصاصی

    کاربر مقابل از Designer بابت این پست مفید تشکر کرده است:


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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. اموزش روزشمار تولد به سبک وی بی ایران
    توسط Revenger در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 11
    آخرين نوشته: 2013/01/22, 08:02 PM
  2. نظرتون در مورد آموزش تغییر رنگ استایل چیه؟
    توسط sorathost در انجمن بحث آزاد
    پاسخ: 21
    آخرين نوشته: 2012/08/22, 04:33 PM
  3. پاسخ: 0
    آخرين نوشته: 2012/08/01, 03:24 AM
  4. چگونه به کاربران امکان تغییر تاریخ تولد بدم؟
    توسط Sgwgo در انجمن پرسش و پاسخ
    پاسخ: 10
    آخرين نوشته: 2011/10/09, 01:13 PM
  5. پاسخ: 2
    آخرين نوشته: 2011/06/09, 11:33 PM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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