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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 2 از 4 نخستنخست 1234 آخرینآخرین
نمایش نتایج: از 11 به 20 از 31

مقاله: آموزش تغییر رنگ استایل (با اجازه طراحان عزیز)

    1. آموزش تغییر رنگ استایل (با اجازه طراحان عزیز) »

      آموزش تغییر رنگ استایل (با اجازه طراحان عزیز)

      نگارش: , by (مدیر بازنشسته)
      2013/01/20 07:23 PM
      امتیاز:  (1 رای ، میانگین : 4.00 )

      با سلام خدمت دوستان عزیز وی بی ایران و کاربران
      این اولین مقاله اموزشه که میذارم پس نظرتونو هم بگید در موردش
      خب من چندی پیش یه تاپیک تغییر رنگ استایل دیدم که اخرشم آموزشش گذاشته نشده بود برا همین تصمیم گرفتم این کار رو بکنم البته خیلیا بلدن پس اینو برا اونایی که بلد نیستن میذارم
      برای تغییر رنگ استایل ها فتوشاپ نیاز مندید و هر ورژنی باشه مهم نیست
      برای مثال من استایل Sun City رو از زرد به سبز تغییر میدم
      دو کار برای تغییر رنگ استایل ها لازمه اول تغییر رنگ عکس ها و دوم تغییر رنگ متن
      اول از همه به تغییر رنگ عکس میپردازیم
      پس همه ی عکس های قالبتون رو دانلود کنید و با فتوشاپ باز کنید
      بعد از این که عکس های استایل رو با فتوشاپ باز کردید باید همه عکسها به یک مقداری تغییر پیدا کنه پس از قابلیت Action استفاده میکنیم
      به تب window برید سپس action رو بزنید تا تب اکشن اضافه بشه
      حالا دکمه Create NEW Action رو بزنید تا یک اکشن شروع به ضبط بشه الان اکشن شما داره ضبط میشه پس وقت اعمال تغییراته




      حالا برای تغییر باید به تب adjustment سپس HUE برید همون طور که میبینید سه نوار هستش که ما فقط با اولی کار داریم چون نمیخوام افکت عکسای قالبتون عوض بشه
      نوار اول رو جابه جا کنید تا رنگ موردنظرتون اعمال بشه سپس اوکی رو بزنید





      حالا CTRL+S رو بزنید تا سیو بشه
      در کادر Action که کنار نرم افزاره دکمه ی stop رو بزنید تا اکشن متوقف بشه حالا میتونید عکس رو ببندید
      خب نوبت به عکس بعدیه ولی شما لازم نیست این همه کار رو از اول انجام بدید روی کادر اکشن میتونید دکمه Play رو ببینید اون رو بزنید تا همه ی تغییراتی که روی عکس قبلی انجام داده بودید روی این خودکار انجام بشه حالا این یکی رو هم ببندید و تا آخرین عکس کافیه دکمه ی play رو بزنید
      تبریک تمام عکس های استایل شما تغییر رنگ دادن
      حالا نوبت به متن میرسه
      متن شامل تکست لینک لینکای فعال و لینک های دیده شده هستش
      معمولا رنگ لینک های دیده شده با لینک ها یکی هستش
      لینک های فعال هم منظور لینکاییه که شما موس رو میبرید روش و رنگش تغییر پیدا میکنه
      چند راه ساده هستش که ما به ساده ترین راه می پردازیم
      به عنوان مثال همه لینکای انجمن ها که زرد تیره هستش
      روی انجمنتون رو باز کنید و از صفحه print screen بگیرید و در فتوشاپ در یک سند جدید paste کنید
      حالا ابزار قطره چکان رو انتخاب کنید و روی رنگ مورد نظر برید که همون رنگ لینک باشه بیارید و کلیک کنید تا رنگتون انتخاب بشه و سپس به رنگ Foreground که انتخاب شده بریددر کادر جدید باز شده در آخرین تب کد هگزای رنگ رو میبینید







      این کد رو کپی کنید و در قسمت جست و جو در قالب بذارید و جست و جو کنید
      خب کد ما a67d02 هستش پس همین رو توی جست و جو میذاریم
      حالا هر استایلی که آورد رو دونه به دونه باز کنید CTRL+F رو بزنید و در کادر مربوط به Find کد رو پیست کنید تا پیداش کنه حالا کد رنگی که میخاید جایگزین بشه رو پیست کنید
      همه ی کد رنگها رو جایگزین کنید و استایل ها رو سرچ کنید
      من میخوام رنگ لینک ها که کدش a67d02 هست سیز با کد 41ad00 بشه پس همه ی a67d02 ها رو جست و جو میکنم و 41ad00 رو میذارم به جاش
      درضمن بهتره با ابزار Note pad ++ کار جست و جو و جایگزینی رو انجام بدید چون به حروف کروچک و بزرگ حساس نیست اما مرورگر حساسه پس اگر کد رو پیدا نکرد شما با حروف بزرگ اون رو بنویسید
      البته برخی از حاشیه ها هم در سی اس اس رنگشون اومده که با همین روش جایگزین کردن رنگ برای متن میشه رنگ همون حاشیه ها رو هم عوض کرد
      برخی حاشیه ها در پست بیت یا کادر ناوبار در همین استایل به همین شکل بود
      تبریک قالب شما کاملا تغییر رنگ پیدا کرد
      برای مثال میتونید به سایت من بیاید و قالب رو ببینید
      لینک سایت : http://www.assassinsorder.com/Forum/
      البته پیشفرض نیست و شما باید از بخش انتخاب تم پایین انجمن اون رو انتخاب کنید که به نام سان سیتی هستش
  1. Top | #11
    مدیر بازنشته

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

    پیش فرض

    عزیز دقیقا میخوای کجاشو به چه رنگی عوض کنی؟




  2. گیفت کارت آیتونز

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

    ورژن ویبولتین
    4.5
    نوشته ها
    117
    میزان امتیاز
    15

    پیش فرض

    همونطور که شات رو بالا داده بودم
    http://up.vbiran.ir/uploads/136177883214053_0Snap21.png
    قسمت حاشیه کادر آبی رنگ,
    کد این قسمت آبی رو میخوام .

  4. Top | #13
    مدیر بازنشته

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

    پیش فرض

    من تو استایلش سرک کشیدم این کد بودش
    002E52
    ببینید همینه یا نه

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


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

    ورژن ویبولتین
    4.5
    نوشته ها
    117
    میزان امتیاز
    15

    پیش فرض

    سرج قالب ها زدم نبود.
    توی additional.css هم که زدم نبود .

  6. Top | #15
    مدیر بازنشته

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

    پیش فرض

    اگر تونستین دسترسی بدین من چک میکنم خبر میدم

    عزیز پیدا کردمش
    رنگ رو به این دلیل پیدا نمیکردین چون به صورت RGB بوده
    کد HTML:
    .p2 {
    margin: 0 auto;
    width: 450px;
    color: white;
    margin-right: 186px;
    box-shadow: 0px 0px 30px rgb(0, 46, 82) inset;
    border-radius: 5px;
    padding: 10px;
    height: 129px;
    margin-bottom: 10px;
    font: 13px Byekan;
    }
    این رو توی ادتشنال دات سی اس اس پیدا کنید و به جای
    rgb(0, 46, 82)
    هر رنگی میخوای بزار
    چه به صورت از جی بی یا کد هگزا
    ویرایش توسط Roach : 2013/03/02 در ساعت 08:04 PM دلیل: ادغام دو پست

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


  7. Top | #16
    کاربر سایت

    ورژن ویبولتین
    4.5
    نوشته ها
    117
    میزان امتیاز
    15

    پیش فرض

    ممنون فوتر درست شد .
    حالا رنگ حاشیه کادر عنوان انجمن و رنگ لینک ها رو میخوام تغییر بدم
    نمونه :
    http://up.vbiran.ir/uploads/136229905339803_0Snap31.png
    خب الان این رنگشو چجوری تغییر بدم چون با
    RGB که گفتید آشنایی ندارم , خیلــی
    ممنون
    !

    کد
    additional.css

    کد:
    /*! * VBIran : First and free vBulletin encyclopedia in Iran
     *
     * Copyright 2009 - VBIran.Ir 
     * Designed by VBIran
     * Twitter: @VBIran | Facebook : fb.com/vbiran.ir
     *
     */
    
    
    @font-face {
     font-family: 'BYekan';
     src: url('images/vbiranv7/BYekan.eot?#') format('eot'),  /* IE6–8 */ url('images/vbiranv7/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('images/vbiranv7/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    }
    
    
    .navlinks {
    background: #f5f5f5 none;
    border-top: 1px solid #e7e7e7;
    padding: 7px 0;
    text-align: center;
    color: #5d5d5d;
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
    font: 14px BYekan;
    border-radius: 5px;
    border-top: 2px solid #cecece;
    border-bottom: 2px solid #cecece;
    text-shadow: 1px 1px white;
    }
    
    
    .forumbit_nopost:last-child .forumbit_nopost:last-child .forumrow:last-child, .forumbit_post:last-child .forumrow:last-child {
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    }
    
    
    .body_wrapper {
    -webkit-box-shadow:#969696 0 12px 10px -9px;  
    -moz-box-shadow:#969696 0 12px 10px -9px;
      box-shadow:#969696 0 12px 10px -9px;
    }
    
    
    .datacontainer .forumtitle {
    font-weight: normal;
    font: 14px BYekan !important;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    padding: 2px 5px !important;
    background: #FDFDFD;
    margin-bottom: 5px;
    box-shadow: 0px 0px 3px #EBEBEB inset;
    }
    
    
    .aya {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    padding: 6px 7px 6px 7px;
    background: #f0f0f0 url(images/vbiranv7/bread.png);
    font: 14px BYekan,Calibri;
    color: rgb(143, 143, 143);
    text-shadow: 1px 1px white;
    float: left;
    margin-top: 13px;
    margin-left: 12px;
    }
    
    
    .aya:before {
    content: "";
    position: absolute;
    background: url(images/vbiranv7/lamp.png);
    width: 32px;
    height: 32px;
    margin-right: -40px;
    margin-top: -5px;
    }
    
    
    .aya span {
    color:#1f80cd;
    }
    
    
    .welcomelink a{
    color:white !important;
    }
    
    
    .headerfit {
    padding: 4px 6px 3px 6px !important;
    margin-top: -2px !important;
    }
    
    
    
    
    * {
    text-decoration:none !important;
    -webkit-font-smoothing: subpixel-antialiased;
    }
    
    
    .bannerbox {
    position: absolute;
    width: 468px;
    height: 60px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.1);
    border: 5px solid rgba(174, 226, 255, 0.1);
    left: 13px;
    margin-top: 75px;
    padding:5px;
    }
    
    
    .bannerbox:before {
    position:absolute;
    content:"";
    width:468px;
    height:14px;
    background:url(images/vbiranv7/bannertitle.png);
    margin-top:-34px;
    }
    
    
    .topbar {
    background:url(images/vbiranv7/topbg.png);
    height:57px;
    }
    
    
    .header {
    background:url(images/vbiranv7/hc-header.png) -10px 0px;
    height:202px;
    width:100%;
    }
    
    
    .hr {
    height:202px;
    width:386px;
    background:url(images/vbiranv7/hr.png) no-repeat;
    float:right;
    clear:right;
    position:absolute;
    }
    
    
    .hl {
    height:201px;
    width:835px;
    background:url(images/vbiranv7/hl.png) no-repeat;
    clear:left;
    float:left;
    }
    
    
    .nav1 {
    background:url(images/vbiranv7/navtabbg.png) repeat-x;
    height:103px;
    margin-top: -1px;
    }
    
    
    .navbg2 {
    background:url(images/vbiranv7/navbg2.png) repeat-x;
    height:50px;
    
    
    }
    
    
    .colorchooser {
    background:url(images/vbiranv7/color.png);
    width:180px;
    height:44px;
    float:left;
    margin-left:20px;margin-top: 5px;display:none;
    }
    
    
    
    
    .btn {
      display: inline-block;
      *display: inline;
      padding: 4px 12px;
      margin-bottom: 0;
      *margin-left: .3em;
      font-size: 14px;
      line-height: 20px;
      *line-height: 20px;
      color: #333333;
      text-align: center;
      text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
      vertical-align: middle;
      cursor: pointer;
      background-color: #f5f5f5;
      *background-color: #e6e6e6;
      background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
      background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
      background-repeat: repeat-x;
      border: 1px solid #bbbbbb;
      *border: 0;
      border-color: #e6e6e6 #e6e6e6 #bfbfbf;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      border-bottom-color: #a2a2a2;
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      ######: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
      ######: progid:DXImageTransform.Microsoft.gradient(enabled=false);
      *zoom: 1;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
              box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    
    
    .btnz {
      display: inline-block !important;
      *display: inline !important;
      padding: 4px 12px !important;
      margin-bottom: 0 !important;
      *margin-left: .3em !important;
      font-size: 14px !important;
      line-height: 20px !important;
      *line-height: 20px !important;
      color: #333333 !important;
      text-align: center !important;
      text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
      vertical-align: middle !important;
      cursor: pointer !important;
      background-color: #f5f5f5 !important;
      *background-color: #e6e6e6 !important;
      background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6) !important;
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)) !important;
      background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6) !important;
      background-image: -o-linear-gradient(top, #ffffff, #e6e6e6) !important;
      background-image: linear-gradient(to bottom, #ffffff, #e6e6e6) !important;
      background-repeat: repeat-x !important;
      border: 1px solid #bbbbbb !important;
      *border: 0 !important;
      border-color: #e6e6e6 #e6e6e6 #bfbfbf !important;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
      border-bottom-color: #a2a2a2 !important;
      -webkit-border-radius: 4px !important;
         -moz-border-radius: 4px !important;
              border-radius: 4px !important;
      ######: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0) !important;
      ######: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
      *zoom: 1 !important;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
         -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
              box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    color:#868686 !important;
    margin-top: -2px;
    margin-left: -4px;
    height: 20px;
    
    
    }
    
    
    .btnz a {
    color:#868686 !important;
    }
    
    
    
    
    .btn:hover,
    .btn:active,
    .btn.active,
    .btn.disabled,
    .btn[disabled] {
      color: #333333;
      background-color: #e6e6e6;
      *background-color: #d9d9d9;
    }
    
    
    .btn:active,
    .btn.active {
      background-color: #cccccc \9;
    }
    
    
    .btn:first-child {
      *margin-left: 0;
    }
    
    
    .btn:hover {
      color: #333333;
      text-decoration: none;
      background-color: #e6e6e6;
      *background-color: #d9d9d9;
      /* Buttons in IE7 don't get borders, so darken on hover */
    
    
      background-position: 0 -15px;
      -webkit-transition: background-position 0.1s linear;
         -moz-transition: background-position 0.1s linear;
           -o-transition: background-position 0.1s linear;
              transition: background-position 0.1s linear;
    }
    
    
    .btn:focus {
      outline: thin dotted #333;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    
    
    .btn.active,
    .btn:active {
      background-color: #e6e6e6;
      background-color: #d9d9d9 \9;
      background-image: none;
      outline: 0;
      -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
              box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    
    
    .btn.disabled,
    .btn[disabled] {
      cursor: default;
      background-color: #e6e6e6;
      background-image: none;
      opacity: 0.65;
      ######: alpha(opacity=65);
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
              box-shadow: none;
    }
    
    
    .btn-large {
      padding: 11px 19px;
      font-size: 17.5px;
      -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
              border-radius: 6px;
    }
    
    
    .btn-large [class^="icon-"],
    .btn-large [class*=" icon-"] {
      margin-top: 2px;
    }
    
    
    .btn-small {
      padding: 2px 10px;
      font-size: 11.9px;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px;
    }
    
    
    .btn-small [class^="icon-"],
    .btn-small [class*=" icon-"] {
      margin-top: 0;
    }
    
    
    .btn-mini {
      padding: 1px 6px;
      font-size: 10.5px;
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px;
    }
    
    
    .btn-block {
      display: block;
      width: 100%;
      padding-right: 0;
      padding-left: 0;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }
    
    
    .btn-block + .btn-block {
      margin-top: 5px;
    }
    
    
    input[type="submit"].btn-block,
    input[type="reset"].btn-block,
    input[type="button"].btn-block {
      width: 100%;
    }
    
    
    .btn-primary.active,
    .btn-warning.active,
    .btn-danger.active,
    .btn-success.active,
    .btn-info.active,
    .btn-inverse.active {
      color: rgba(255, 255, 255, 0.75) !imporant;
    }
    
    
    .btn {
      border-color: #c5c5c5;
      border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    }
    
    
    .btn-primary {
      color: #ffffff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      background-color: #006dcc;
      *background-color: #0044cc;
      background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
      background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
      background-image: -o-linear-gradient(top, #0088cc, #0044cc);
      background-image: linear-gradient(to bottom, #0088cc, #0044cc);
      background-repeat: repeat-x;
      border-color: #0044cc #0044cc #002a80;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      ######: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
      ######: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    
    .notifications .btn-primary {
      color: #ffffff !important;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
      background-color: #da4f49 !important;
      *background-color: #bd362f !important;
      background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f) !important;
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)) !important;
      background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f) !important;
      background-image: -o-linear-gradient(top, #ee5f5b, #bd362f) !important;
      background-image: linear-gradient(to bottom, #ee5f5b, #bd362f) !important;
      background-repeat: repeat-x !important;
      border-color: #bd362f #bd362f #802420 !important;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
      ######: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0) !important;
      ######: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    }
    
    
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
      color: #ffffff;
      background-color: #0044cc;
      *background-color: #003bb3;
    }
    
    
    .btn-primary:active,
    .btn-primary.active {
      background-color: #003399 \9;
    }
    
    
    .btn-warning {
      color: #ffffff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      background-color: #faa732;
      *background-color: #f89406;
      background-image: -moz-linear-gradient(top, #fbb450, #f89406);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
      background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
      background-image: -o-linear-gradient(top, #fbb450, #f89406);
      background-image: linear-gradient(to bottom, #fbb450, #f89406);
      background-repeat: repeat-x;
      border-color: #f89406 #f89406 #ad6704;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      ######: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
      ######: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    
    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning[disabled] {
      color: #ffffff !imporant;;
      background-color: #f89406 !imporant;;
      *background-color: #df8505 !imporant;;
    }
    
    
    .btn-warning:active,
    .btn-warning.active {
      background-color: #c67605 \9;
    }
    
    
    .btn-danger {
      color: #ffffff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      background-color: #da4f49;
      *background-color: #bd362f;
      background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
      background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
      background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
      background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
      background-repeat: repeat-x;
      border-color: #bd362f #bd362f #802420;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      ######: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
      ######: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    
    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger[disabled] {
      color: #ffffff;
      background-color: #bd362f;
      *background-color: #a9302a;
    }
    
    
    .btn-danger:active,
    .btn-danger.active {
      background-color: #942a25 \9;
    }
    
    
    .btn-success {
      color: #ffffff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      background-color: #5bb75b;
      *background-color: #51a351;
      background-image: -moz-linear-gradient(top, #62c462, #51a351);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
      background-image: -webkit-linear-gradient(top, #62c462, #51a351);
      background-image: -o-linear-gradient(top, #62c462, #51a351);
      background-image: linear-gradient(to bottom, #62c462, #51a351);
      background-repeat: repeat-x;
      border-color: #51a351 #51a351 #387038;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      ######: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
      ######: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    
    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
      color: #ffffff;
      background-color: #51a351;
      *background-color: #499249;
    }
    
    
    .btn-success:active,
    .btn-success.active {
      background-color: #408140 \9;
    }
    
    
    .btn-info {
      color: #ffffff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      background-color: #49afcd;
      *background-color: #2f96b4;
      background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
      background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
      background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
      background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
      background-repeat: repeat-x;
      border-color: #2f96b4 #2f96b4 #1f6377;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      ######: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
      ######: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    
    .btn-info:hover,
    .btn-info:active,
    .btn-info.active,
    .btn-info.disabled,
    .btn-info[disabled] {
      color: #ffffff;
      background-color: #2f96b4;
      *background-color: #2a85a0;
    }
    
    
    .btn-info:active,
    .btn-info.active {
      background-color: #24748c \9;
    }
    
    
    .btn-inverse {
      color: #ffffff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      background-color: #363636;
      *background-color: #222222;
      background-image: -moz-linear-gradient(top, #444444, #222222);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
      background-image: -webkit-linear-gradient(top, #444444, #222222);
      background-image: -o-linear-gradient(top, #444444, #222222);
      background-image: linear-gradient(to bottom, #444444, #222222);
      background-repeat: repeat-x;
      border-color: #222222 #222222 #000000;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      ######: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
      ######: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
    
    
    .btn-inverse:hover,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
      color: #ffffff;
      background-color: #222222;
      *background-color: #151515;
    }
    
    
    .btn-inverse:active,
    .btn-inverse.active {
      background-color: #080808 \9;
    }
    
    
    button.btn,
    input[type="submit"].btn {
      *padding-top: 3px;
      *padding-bottom: 3px;
    }
    
    
    button.btn::-moz-focus-inner,
    input[type="submit"].btn::-moz-focus-inner {
      padding: 0;
      border: 0;
    }
    
    
    button.btn.btn-large,
    input[type="submit"].btn.btn-large {
      *padding-top: 7px;
      *padding-bottom: 7px;
    }
    
    
    button.btn.btn-small,
    input[type="submit"].btn.btn-small {
      *padding-top: 3px;
      *padding-bottom: 3px;
    }
    
    
    button.btn.btn-mini,
    input[type="submit"].btn.btn-mini {
      *padding-top: 1px;
      *padding-bottom: 1px;
    }
    
    
    .btn-link,
    .btn-link:active,
    .btn-link[disabled] {
      background-color: transparent;
      background-image: none;
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
              box-shadow: none;
    }
    
    
    .btn-link {
      color: #0088cc;
      cursor: pointer;
      border-color: transparent;
      -webkit-border-radius: 0;
         -moz-border-radius: 0;
              border-radius: 0;
    }
    
    
    .btn-link:hover {
      color: #005580;
      text-decoration: underline;
      background-color: transparent;
    }
    
    
    .btn-link[disabled]:hover {
      color: #333333;
      text-decoration: none;
    }
    
    
    .btn-group {
      position: relative;
      display: inline-block;
      *display: inline;
      *margin-left: .3em;
      font-size: 0;
      white-space: nowrap;
      vertical-align: middle;
      *zoom: 1;
    }
    
    
    .btn-group:first-child {
      *margin-left: 0;
    }
    
    
    .btn-group + .btn-group {
      margin-left: 5px;
    }
    
    
    .btn-toolbar {
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 0;
    }
    
    
    .btn-toolbar .btn + .btn,
    .btn-toolbar .btn-group + .btn,
    .btn-toolbar .btn + .btn-group {
      margin-left: 5px;
    }
    
    
    .btn-group > .btn {
      position: relative;
      -webkit-border-radius: 0;
         -moz-border-radius: 0;
              border-radius: 0;
    }
    
    
    .btn-group > .btn + .btn {
      margin-left: -1px;
    }
    
    
    .btn-group > .btn,
    .btn-group > .dropdown-menu {
      font-size: 14px;
    }
    
    
    .btn-group > .btn-mini {
      font-size: 11px;
    }
    
    
    .btn-group > .btn-small {
      font-size: 12px;
    }
    
    
    .btn-group > .btn-large {
      font-size: 16px;
    }
    
    
    .btn-group > .btn:first-child {
      margin-left: 0;
      -webkit-border-bottom-left-radius: 4px;
              border-bottom-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
              border-top-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
    }
    
    
    .btn-group > .btn:last-child,
    .btn-group > .dropdown-toggle {
      -webkit-border-top-right-radius: 4px;
              border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
              border-bottom-right-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
    }
    
    
    .btn-group > .btn.large:first-child {
      margin-left: 0;
      -webkit-border-bottom-left-radius: 6px;
              border-bottom-left-radius: 6px;
      -webkit-border-top-left-radius: 6px;
              border-top-left-radius: 6px;
      -moz-border-radius-bottomleft: 6px;
      -moz-border-radius-topleft: 6px;
    }
    
    
    .btn-group > .btn.large:last-child,
    .btn-group > .large.dropdown-toggle {
      -webkit-border-top-right-radius: 6px;
              border-top-right-radius: 6px;
      -webkit-border-bottom-right-radius: 6px;
              border-bottom-right-radius: 6px;
      -moz-border-radius-topright: 6px;
      -moz-border-radius-bottomright: 6px;
    }
    
    
    .btn-group > .btn:hover,
    .btn-group > .btn:focus,
    .btn-group > .btn:active,
    .btn-group > .btn.active {
      z-index: 2;
    }
    
    
    .btn-group .dropdown-toggle:active,
    .btn-group.open .dropdown-toggle {
      outline: 0;
    }
    
    
    .btn-group > .btn + .dropdown-toggle {
      *padding-top: 5px;
      padding-right: 8px;
      *padding-bottom: 5px;
      padding-left: 8px;
      -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
              box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    
    
    .btn-group > .btn-mini + .dropdown-toggle {
      *padding-top: 2px;
      padding-right: 5px;
      *padding-bottom: 2px;
      padding-left: 5px;
    }
    
    
    .btn-group > .btn-small + .dropdown-toggle {
      *padding-top: 5px;
      *padding-bottom: 4px;
    }
    
    
    .btn-group > .btn-large + .dropdown-toggle {
      *padding-top: 7px;
      padding-right: 12px;
      *padding-bottom: 7px;
      padding-left: 12px;
    }
    
    
    .btn-group.open .dropdown-toggle {
      background-image: none;
      -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
         -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
              box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    
    
    .btn-group.open .btn.dropdown-toggle {
      background-color: #e6e6e6;
    }
    
    
    .btn-group.open .btn-primary.dropdown-toggle {
      background-color: #0044cc;
    }
    
    
    .btn-group.open .btn-warning.dropdown-toggle {
      background-color: #f89406;
    }
    
    
    .btn-group.open .btn-danger.dropdown-toggle {
      background-color: #bd362f;
    }
    
    
    .btn-group.open .btn-success.dropdown-toggle {
      background-color: #51a351;
    }
    
    
    .btn-group.open .btn-info.dropdown-toggle {
      background-color: #2f96b4;
    }
    
    
    .btn-group.open .btn-inverse.dropdown-toggle {
      background-color: #222222;
    }
    
    
    .btn .caret {
      margin-top: 8px;
      margin-left: 0;
    }
    
    
    .btn-mini .caret,
    .btn-small .caret,
    .btn-large .caret {
      margin-top: 6px;
    }
    
    
    .btn-large .caret {
      border-top-width: 5px;
      border-right-width: 5px;
      border-left-width: 5px;
    }
    
    
    .dropup .btn-large .caret {
      border-bottom-width: 5px;
    }
    
    
    .btn-primary .caret,
    .btn-warning .caret,
    .btn-danger .caret,
    .btn-info .caret,
    .btn-success .caret,
    .btn-inverse .caret {
      border-top-color: #ffffff;
      border-bottom-color: #ffffff;
    }
    
    
    .btn-group-vertical {
      display: inline-block;
      *display: inline;
      /* IE7 inline-block hack */
    
    
      *zoom: 1;
    }
    
    
    .btn-group-vertical .btn {
      display: block;
      float: none;
      width: 100%;
      -webkit-border-radius: 0;
         -moz-border-radius: 0;
              border-radius: 0;
    }
    
    
    .btn-group-vertical .btn + .btn {
      margin-top: -1px;
      margin-left: 0;
    }
    
    
    .btn-group-vertical .btn:first-child {
      -webkit-border-radius: 4px 4px 0 0;
         -moz-border-radius: 4px 4px 0 0;
              border-radius: 4px 4px 0 0;
    }
    
    
    .btn-group-vertical .btn:last-child {
      -webkit-border-radius: 0 0 4px 4px;
         -moz-border-radius: 0 0 4px 4px;
              border-radius: 0 0 4px 4px;
    }
    
    
    .btn-group-vertical .btn-large:first-child {
      -webkit-border-radius: 6px 6px 0 0;
         -moz-border-radius: 6px 6px 0 0;
              border-radius: 6px 6px 0 0;
    }
    
    
    .btn-group-vertical .btn-large:last-child {
      -webkit-border-radius: 0 0 6px 6px;
         -moz-border-radius: 0 0 6px 6px;
              border-radius: 0 0 6px 6px;
    }
    
    
    .breadcrumb {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    padding: 6px 7px 0px 7px;
    background: #f0f0f0 url(images/vbiranv7/bread.png);
    font: 14px BYekan,Calibri;
    color: rgb(85, 85, 85);text-shadow: 1px 1px white;
    }
    
    
    
    
    
    
    .footer-bala {
    text-shadow: 1px 1px rgb(0, 0, 0);
    height: 30px;
    color: rgb(255, 255, 255);
    font-family: BYekan;
    font-size: 15px;
    padding-top: 12px;
    padding-bottom: 11px;
    background: #F3E9C5 url(images/vbiranv7/f2.png) repeat-x;
    }
    
    
    .section2 {
    float:left;clear:both;margin-left: 13px;
    margin-top: 7px;
    }
    
    
    .vbiranfooter1 {
    float:right;width:227px;margin-top:5px;margin-right:34px;
    }
    
    
    .vbiranfooter2 {
    float:left;width:126px;margin-top:5px;margin-left:30px;
    }
    
    
    .vbiranfooter4 {
    float: left;
    width: 126px;
    margin-top: 5px;
    margin-left: 200px;
    }
    
    
    .vbiranfooter3 {
    margin:0 auto;width:82px;margin-top:5px;margin-right: 388px;
    }
    
    
    .footermain {
    background: rgb(0, 75, 145) url(images/vbiranv7/hc.png);
    padding: 12px 9px 5px 0px;}
    
    
    .social {
    float: right;
    width: 148px;
    height: 138px;
    margin-right: 15px;
    box-shadow: 0px 0px 30px #362e23 inset;
    border-radius: 5px;
    padding: 0px 2px;
    }
    
    
    .customers {
    float:left;font-family:BYekan;font-size:13px;margin-left:30px;
    }
    
    
    .customers ul li {
    padding-bottom:12px;
    }
    
    
    
    
    .footericon {
    margin-top: -5px;
    margin-bottom: -14px;
    }
    
    
    .customers ul li a {
    padding: 0px 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #362e23 inset;
    margin-botom: 4px;
    text-shadow: 1px 1px #F1F1F1;
    color: white;
    text-shadow: 1px 1px black;
    font-size: 14px;
    }
    #navtabs .popupmenu ul, #navtabs .popupmenu ul li a {
    height: auto;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.49);
    color: rgb(104, 104, 104);
    }
    .footer a {
    border: 2px solid transparent;
    color: rgb(167, 167, 167);
    font: 14px BYekan;
    text-shadow: 1px 1px white;
    -webkit-transition: all 0.2s ;
    -moz-transition: all 0.2s ;
    -ms-transition: all 0.2s ;
    -o-transition: all 0.2s ;
    transition: all 0.2s ;
    }
    .footer a:hover {
    border-bottom: 3px solid rgb(156, 156, 156);
    color: rgb(114, 114, 114);
    -webkit-transition: all 0.2s ;
    -moz-transition: all 0.2s ;
    -ms-transition: all 0.2s ;
    -o-transition: all 0.2s ;
    transition: all 0.2s ;
    }
    .toolsmenu ul {
    float: right;
    }
    .newcontent_textcontrol {
    background: rgb(231, 75, 75);
    background: -webkit-linear-gradient(top, rgb(231, 75, 75) 0%, rgb(199, 59, 59) 100%);
    background: -webkit-linear-gradient(top, rgb(231, 75, 75) 0%, rgb(199, 59, 59) 100%);
    background: -webkit-linear-gradient(top, rgb(231, 75, 75) 0%, rgb(199, 59, 59) 100%);
    background: -webkit-linear-gradient(top, rgb(231, 75, 75) 0%, rgb(199, 59, 59) 100%);
    background: -webkit-linear-gradient(top, rgb(231, 75, 75) 0%, rgb(199, 59, 59) 100%);
    ######: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
    padding-left: 20px;
    padding-right: 80px;
    height: 32px;
    display: inline-block;
    position: absolute;
    border: 1px solid rgb(171, 93, 93);
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    float: right;
    clear: both;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    }
    .forumbits .forumhead h2 {
    font: 14px BYekan;
    }
    .threadbit {
    -moz-box-shadow: 0px 0px 0px transparent;
    -webkit-box-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent;
    }
    .threadbit .alt {
    background: #f2f6f8;
    }
    #pagetitle h1 {
    color: inherit;
    font: 16px Byekan;
    }
    .toolsmenu {
    border-radius: 3px;
    }
    .postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
    font: 12px Tahoma;
    }
    .username_container {
        padding:2px 0;
        text-align:center;
    }
    .username_container .username strong {
        font-size: 16pt;
        font-weight:400;
    }
    .usertitle, .rank {
        text-align:center;
    }
    .usercenter {
        padding-top:5px;
        text-align:center;
    }
    .post_field {
    margin-top: 2px;
    border-radius: 6px;
    padding: 8px 5px 8px 4px;
    font: 11px Tahoma bold;
    text-align: left;
    margin-bottom: 3px;
    background: #f0f0f0 url(images/vbiranv7/bread.png);
    text-shadow: 2px 1px white !important;
    color: #6D685E;
    margin: 0 -4px 3px -4px;
    -webkit-border-radius: 4px;
    text-shadow: #B2B2B2 0 0 7px;
    border: 1px solid #CECECE;
    border-top: 1px solid #CECECE;
    border-bottom: 3px solid rgb(0, 83, 99);
    box-shadow: 0px 0px 10px #DFDFDF inset;
    -webkit-transition: all 0.5s ease-in !important;
    -moz-transition: all 0.5s ease-in !important;
    -o-transition: all 0.5s ease-in !important;
    }
    .post_field:hover {
    padding: 8px 5px 8px 29px;
    border-bottom: 3px solid rgb(0, 128, 153);
    box-shadow: 0px 17px 0px rgba(0, 0, 0, 0.08) inset;
    -webkit-transition: all 0.3s ease-in !important;
    -moz-transition: all 0.3s ease-in !important;
    -o-transition: all 0.3s ease-in !important;
    }
    .post_field strong {
        color: #587c1d;
    }
    .post_field dt {
        color: #587c1d;
        font-weight:700;
    }
    .post_field dt {
    color: rgb(0, 96, 100);
    }
    .bbcode_container .bbcode_quote_container {
    background: url(images/vbiranv7/5.jpg);
    display: block;
    width: 17px;
    height: 36px;
    position: absolute;
    top: 10px;
    right: -16px;
    }
    .thread_info h4 {
    font-size: 14px;
    color: rgb(255, 255, 255);
    background: #707070 url(images/buttons/newbtn_middle.png) repeat-x;
    border: 1px solid #606060;
    margin-top: 5px;
    border-radius: 4px 4px 0 0;
    padding: 7px;
    }
    .threadlisthead span.threadinfo .threadtitle {
    font: normal 14px BYekan;
    box-shadow: 0px 0px 10px rgb(0, 53, 83) inset;
    border-radius: 5px;
    padding: 4px 12px;
    margin-top: -1px;
    float: right;
    }
    .zahre_mar {
    height: 50px;
    background: url(images/vbiranv7/f1.png);
    margin-top:10px;
    }
    .login_icon {
    background: url(images/vbiranv7/spot.png) no-repeat right;
    width: 42px;
    height: 37px;
    margin-top: 12px;
    position: absolute;
    margin-right: 12px;
    }
    .p1 {
    float: left;
    width: 440px;
    color: white;
    margin-left: 32px;
    box-shadow: 0px 0px 30px #362e23 inset;
    border-radius: 5px;
    height: 128px;
    padding: 10px;
    font: 13px Byekan;
    }
    .p2 {
    margin: 0 auto;
    width: 450px;
    color: white;
    margin-right: 186px;
    box-shadow: 0px 0px 30px #362e23 inset;
    border-radius: 5px;
    padding: 10px;
    height: 129px;
    margin-bottom: 10px;
    font: 13px Byekan;
    }
    .p3 {
    height: 5px;
    background: rgb(31, 31, 31);
    border: 1px solid rgb(0, 0, 0);
    }
    .below_body a {
    color: rgb(255, 255, 255);
    }
    .below_body a:hover {
    color: rgb(219, 118, 118);
    }
    .ttt5 {
    background: rgb(240, 240, 240);
    height: 31px;
    width: 131px;
    padding-right: 5px;
    border: 1px solid rgb(211, 211, 211);
    font: 11px tahoma;
    color: rgb(119, 119, 119);
    border-radius: 4px;
    }
    .toplinks ul.nouser li a {
    display: block;
    float: left;
    clear: right;
    color: #868686;
    position: relative;
    padding: 3px 10px 0 10px;
    height: 18px;
    font-size: 14px;
    margin-left: 10px;
    font-weight: normal;
    }
    .toplinks form input.loginbutton {
    height: 31px;
    font-size: 9px;
    width: 50px;
    border: solid 1px #CECECE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 11px;
    }
    .newcontent_textcontrol {
    padding-left: 10px;
    padding-right: 10px;
    font: 16px Byekan;
    height: 26px;
    }
    .postbitlegacy dl.userinfo_extra dt, .postbitlegacy dl.user_rep dt {
    font-size: 11px;
    font-family: Tahoma;
    font-weight: bold;
    }
    
    
    .vbiran_motedavel li {background: url(http://up.vbiran.ir/images/i4asrniw33t7g5j90za.png);
    background-repeat: no-repeat;
    background-position: right 3px;
    padding-right: 21px;
    list-style: none;
    padding-top: 4px;
    padding-bottom: 2px;
    }
    
    
    
    
    .vbiran_motedavel1 {
    background: #f2f2f2;
    border: 1px solid #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 1px 1px white;
    padding:5px;
    height: 120px;
    }
    
    
    
    
    .vbiran_motedavel2 {
    background: url(http://up.vbiran.ir/images/v38tccz37lz0i9h3vhz.png) no-repeat right 0px;
    padding-right: 40px;
    font-family: BKoodakBold;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 6px;
    color: #A78645;
    }
    
    
    
    
    .vbiran_motedavel3 {
    border: 1px dashed #BBA883;
    box-shadow: 1px 1px 0px #FFF;margin-top: 5px;
    }
    
    
    
    
    .vbiran_motedavel_margin {
    margin-top:3px;
    }
    
    
    
    
    .vbiran_motedavel li {
        -webkit-transition : all 0.5s ease-in;
        -moz-transition : all 0.5s ease-in;
        -o-transition : all 0.5s ease-in;
    }
    
    
    
    
    .vbiran_motedavel li:hover {
        padding-right:30px;
        -webkit-transition : all 0.5s ease-in;
        -moz-transition : all 0.5s ease-in;
        -o-transition : all 0.5s ease-in;
    }
    
    
    .vbiran_motedavel li {background: url(http://up.vbiran.ir/images/i4asrniw33t7g5j90za.png);
    background-repeat: no-repeat;
    background-position: right 3px;
    padding-right: 21px;
    list-style: none;
    padding-top: 4px;
    padding-bottom: 2px;
    }
    
    
    
    
    .vbiran_motedavel1 {
    background: #f2f2f2;
    border: 1px solid #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 1px 1px white;
    padding:5px;
    height: 120px;
    }
    
    
    
    
    .vbiran_motedavel2 {
    background: url(http://up.vbiran.ir/images/v38tccz37lz0i9h3vhz.png) no-repeat right 0px;
    padding-right: 40px;
    font-family: BKoodakBold;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 6px;
    color: #A78645;
    }
    
    
    
    
    .vbiran_motedavel3 {
    border: 1px dashed #BBA883;
    box-shadow: 1px 1px 0px #FFF;margin-top: 5px;
    }
    
    
    
    
    .vbiran_motedavel_margin {
    margin-top:3px;
    }
    
    
    
    
    .vbiran_motedavel li {
        -webkit-transition : all 0.5s ease-in;
        -moz-transition : all 0.5s ease-in;
        -o-transition : all 0.5s ease-in;
    }
    
    
    
    
    .vbiran_motedavel li:hover {
        padding-right:30px;
        -webkit-transition : all 0.5s ease-in;
        -moz-transition : all 0.5s ease-in;
        -o-transition : all 0.5s ease-in;
    }
    
    
    .z1 .t22, .z1 .i1, .z1 .b0 .ttl{
        border: 1px solid #6FD1EE;
        background: #C8EAF7;
        background: -webkit-gradient(linear, left top, left bottom, from(#C8EAF7), to(#6FD1EE));
        background: -moz-linear-gradient(top,  #C8EAF7,  #6FD1EE);
    }
    .b0{
        
    }
    .b0 .t22, .b0 .ttl{
        float:right;
        margin:0 15px -10px 0;
        display:inline;
        text-shadow:1px 1px 1px #FFF;
        color:#000;
        position: relative;
        z-index: 2;
        overflow:hidden;
    }
    .b0 .t22 span, .b0 .ttl span{
        display:block;
        padding:0 10px;
        line-height:30px;
    }
    .b0 .t22 span.transition {
        background:-moz-linear-gradient(right bottom, rgba(255, 255, 255, 0) 20%, 
    
    
    rgba(255, 255, 255, 0.35) 35%, rgba(250, 250, 250, 0.65) 50%, rgba(250, 250, 250, 0.35) 
    
    
    65%, rgba(250, 250, 250, 0) 80%);
        background:-webkit-gradient(linear, right bottom, left top, color-stop(20%, rgba
    
    
    (250, 250, 250, 0)), color-stop(35%, rgba(250, 250, 250, 0.35)), color-stop(50%, rgba
    
    
    (250, 250, 250, 0.65)), color-stop(65%, rgba(250, 250, 250, 0.35)), color-stop(80%, rgba
    
    
    (250, 250, 250, 0)));
        display:block;
        height:30px;
        position:absolute;
        right:-160px;
        top:0;
        width:100%;
    }
    .b0:hover .t22 span.transition{
        right:160px;
        /* CSS animations */        
        -moz-transition:all 0.6s ease-out;
        -webkit-transition:all 0.6s ease-out;
        transition:all 0.6s ease-out;
    }
    .b0 .ttl{
        margin: 20px -20px 10px 0;
    }
    .b0 .ttl span{
        width: 120px;
        text-align: center;
    }
    .b0 ul{
        clear: both;
    }
    .b0 .i1{
        clear:both;
        padding:20px 10px 10px 10px;
        text-align:right;
        line-height:18px;
        position: relative;
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px; 
        border-radius: 10px; 
    }
    .b0 .t22, .b0 .i1, .b0 .ttl{
        border: 1px solid #C0C0C0;
        background: #E0E0E0; 
        background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to
    
    
    (#C0C0C0));
        background: -moz-linear-gradient(top,  #E0E0E0,  #C0C0C0); */
        zoom:1;
    }
    .z1 .t22, .z1 .i1, .z1 .b0 .ttl{
        border: 1px solid #6FD1EE;
        background: #C8EAF7; /* for non-css3 browsers */
        background: -webkit-gradient(linear, left top, left bottom, from(#C8EAF7), to(#6FD1EE)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #C8EAF7,  #6FD1EE); /* for firefox 3.6+ */
    }
    .b0 .t22, .b0 .ttl, .progress, .progress .pbar{
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px; 
        border-radius: 5px; 
    }
    .lg1 .t22, .lg1 .i1, .lg1 .b0 .ttl{
        border: 1px solid #E4E4E4;
        background: #F4F4F4; 
        /*******: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A284B', endColorstr='#135887');*/
        background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#E4E4E4)); 
        background: -moz-linear-gradient(top,  #F4F4F4,  #E4E4E4); 
    }
    
    
    .b0 .ico{
        float:left;
        margin: 0 0 -45px 10px;
        position: relative;
        z-index: 2;
    }
    
    
    @font-face {
     font-family: 'BYekan';
     src: url('emza/BYekan.eot?#') format('eot'),  /* IE6–8 */ url('emza/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('emza/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
    }
    .emza {
    box-shadow: 0px 0px 87px rgb(238, 238, 238) inset,rgba(0, 0, 0, 0.4) 0px 4px 4px -4px;
    margin: 10px;
    padding: 10px;
    border-radius: 10px 10px 17px 17px;
    border: 2px solid rgb(235, 235, 235);
    background:white url(emza/blockquote.png) no-repeat 98.54% 27px;
    border-bottom:4px solid rgb(235, 235, 235);
    }
    .module {
        background: #eee;
        margin: 0 0 20px 0;
    }
    .module h2 {
        background: #ccc;
        line-height: 2;
        padding: 0 0 0 10px;
        font-size: 16px;
        box-shadow: inset 0 25px 10px -10px rgba(255, 255, 255, 0.2);
        border-radius: 9px;
    }
    .module h2 a {
    float: right;
    position: relative;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 0 10px;
    -webkit-transition: padding 0.1s linear;
    -moz-transition: padding 0.1s linear;
    -ms-transition: padding 0.1s linear;
    -o-transition: padding 0.1s linear;
    border-radius: 0px 10px;
    font: 14px "BYekan",Calibri;
    direction: rtl;
    text-shadow: 1px 1px rgb(131, 0, 0);
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: -37px;margin-right: 38px;
    }
    .module h2 a:hover {
        padding: 0 14px;
            padding-top:4px;
        padding-bottom:4px;
    }
    .module h2 a:active {
        padding: 0 16px;
            padding-top:4px;
        padding-bottom:4px;
    }
    .module h2 a:before,
    .module h2 a:after {
      content: "";
        position: absolute;
        top: 50%;
        width: 0;
        height: 0;
    }
    .module h2 a:before {
        left: -12px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        margin-top: -8px;
    }
    .module.blue h2 a {
        background: rgb(233, 0, 0);
    }
    .module.blue h2 a:hover {
        background: #ff8400;
    }
    .module.blue h2 a:after {
    left: -5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid rgb(233, 0, 0);
    margin-top: -6px;
    }
    .module.blue h2 a:hover:after {
        border-right-color: #ff8400;
    }
    .matn {
    direction:rtl;
    border-right:0px solid #cecece;
    font:14px BYekan;
    color: rgb(134, 134, 134);
    padding-right:6px;
    font-weight:normal;
    margin-right:50px;
    }
    .c {
    float:left;
    background:none;
    margin-top:-22px;
    }
    .c a {
    background: rgb(219, 219, 219) !important;
    }
    .c a:after {
    left: -5px !important;
    border-top: 6px solid transparent !important;
    border-bottom: 6px solid transparent !important;
    border-right: 6px solid rgb(219, 219, 219) !important;;
    margin-top: -6px !important;;
    }
    
    
    #board_stats{clear:both}#board_stats ul{text-align:center}#board_stats li{margin-left:20px}#board_stats .value{background:#F5F5F5;border:1px solid #E5E5E5;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,0.06),0 -9px 1px rgba(0,0,0,0.03) inset;color:#555;display:inline-block;font-weight:bold;margin-right:25px;padding:3px 7px;text-shadow:0 1px 0 #fff}.statistics{line-height:1.3;margin:20px 0 0;overflow:hidden;padding:8px}.statistics_head{background:#eee url(http://up.vbiran.ir/images/gvbwxdfn4ecpqy5mde39.png) repeat-x;border-radius:2px;border:1px solid #dfdfdf;font-size:11px;font-weight:bold;padding: 8px; margin-bottom: 6px}.statistics_head,.statistics_head a{color:#727272}.statistics .statistics_head:not(:first-of-type){margin-top:0}#stat_links{font-weight:normal}#stat_links a{margin:0 5px}.topdiv{height:37px;background:#000 url(http://and-roid.ir/Forum/images/and-...pageHeadBG.png) repeat-x left top;border-bottom:4px solid #5979B3}..isType_small{font-size:11px}.isList_inline > li{display:inline-block;margin:0 3px}.isList_inline > li:first-child{margin-left:0}.isList_inline > li:last-child{margin-right:0}.isList_inline.ipsList_reset > li:first-child{margin-left:3px}.isList_inline.ipsList_reset > li:last-child{margin-right:3px}.isList_inline.ipsList_nowrap{white-space:nowrap}
    
    
    
    
    .statistics_head2{background:#eee url(http://up.vbiran.ir/images/gvbwxdfn4ecpqy5mde39.png) repeat-x;border-radius:2px;border:1px solid #dfdfdf;font-size:11px;font-weight:bold;padding: 8px;margin-top: 6px; margin-bottom: 8px}.statistics_head2,.statistics_head2 a{color:#727272}.statistics .statistics_head2:not(:first-of-type){margin-top:0}
    
    
    
    
    .statistics_head3{background:#eee url(http://and-roid.ir/Forum/images/and-.../highlight.png) repeat-x;border-radius:2px;border:1px solid #dfdfdf;font-size:11px;font-weight:bold;padding: 8px;margin-top: 1px}.statistics_head2,.statistics_head2 a{color:#727272}.statistics .statistics_head2:not(:first-of-type){margin-top:0}
    
    
    .downloadbutton_attachments{color: black;
    font-size: 8pt;
    font-family: tahoma;
    border: solid 1px;
    padding: 3px;
    text-decoration: none;
    background-color: #DDD;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
    a.downloadbutton_attachments:link { color: black; }
    
    a.downloadbutton_attachments:hover { color:red; }





  8. Top | #17
    مدیر بازنشته

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

    پیش فرض

    حتما لازم نیست آر جی بی بذارید
    از کد هگزا میتونید استفاده کنید مثلا سفید
    کد HTML:
    #ffffff
    و حتما باید # رو قبلش بذارید

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


  9. Top | #18
    کاندیدای مدیریت

    ورژن ویبولتین
    4.2
    نوشته ها
    116
    میزان امتیاز
    17

    پیش فرض

    لطفا ادرس انجمن رو قرار بدید

  10. Top | #19
    کاربر سایت

    ورژن ویبولتین
    4.5
    نوشته ها
    117
    میزان امتیاز
    15

    پیش فرض

    نقل قول نوشته اصلی توسط Roach نمایش پست ها
    حتما لازم نیست آر جی بی بذارید
    از کد هگزا میتونید استفاده کنید مثلا سفید
    کد HTML:
    #ffffff
    و حتما باید # رو قبلش بذارید
    ممنون, از این نظر مشکلی نیست.
    منظورم این بود که چجوری کد رنگ اون قسمت رو در سی اس اس ــها پیدا کنم
    الانم میخوام اون قسمتی که آبی هست (نام انحمن) و رنگ لینک ها رو تغییر بدم.
    اگه رنگ ها بصورت RGB هست با چه روشی رنگشو پیدا کنم؟
    خیلی ممنون !

  11. Top | #20
    مدیر بازنشته

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

    پیش فرض

    َما پلاگین فایر باگ رو اگر از فایرفاکس استفاده میکنید نصب کنید
    بعدش هر چیزی که بخواید میتونید روش راست کلیک کنید و استایلش رو ببینید
    اون استایل رو در اددتشنال دات سی اس اس ببینید و تغییرات رو انجام بدید

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


صفحه 2 از 4 نخستنخست 1234 آخرینآخرین

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

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

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

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

  1. آموزش CHMOD کردن یا تغییر سطح دسترسی پوشه ها
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 13
    آخرين نوشته: 2013/03/27, 03:28 PM
  2. نظرتون در مورد آموزش تغییر رنگ استایل چیه؟
    توسط sorathost در انجمن بحث آزاد
    پاسخ: 21
    آخرين نوشته: 2012/08/22, 04:33 PM
  3. آموزش تغییر هدر استایل!
    توسط Yasna در انجمن بحث آزاد
    پاسخ: 2
    آخرين نوشته: 2012/08/02, 11:15 AM
  4. [آموزش] تغییر در دسترسی و محدودیت برای ربات ها
    توسط smOxez در انجمن هک و آموزش های مخصوص
    پاسخ: 0
    آخرين نوشته: 2012/07/22, 12:15 PM
  5. درخواست تغییر رنگ از طراخان عزیز...خیلی ساده
    توسط reza3030 در انجمن درخواست های گرافیکی ( درجه ، هدر ، بنر و .. )
    پاسخ: 4
    آخرين نوشته: 2012/06/07, 12:36 PM

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

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

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

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

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