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

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

مقاله: آموزش گذاشتن باکس ویژه عید نوروز (اختصاصی)

    1. آموزش گذاشتن باکس ویژه عید نوروز (اختصاصی) »

      آموزش گذاشتن باکس ویژه عید نوروز (اختصاصی)

      نگارش: , by (مدیر ارشد)
      2013/03/09 11:38 PM
      امتیاز: 

      درود اول از همه اسکرین خب یه توضیح کوچولویی بدم تمام باکس با استفاده از CSS نوشته شده دکمه ها حالت حبابی داره وقتی بزارید برید روش میفهمید چه مدلیه آموزش: ادمین سی پی >> استایل ها و قالب ها >> جستجو در قالب ها >> additional.css رو سرچ کنید آخرش اضافه کنید
      کد:
      .vbirannoroozbox { border:1px solid #60a316; padding:10px 40px;  background:url(http://up.vbiran.ir/uploads/136283615933426_0abi_tile.png); width:91.5%; height: 137px; float:center; border-radius:25px; -moz-border-radius:25px; /* Firefox 3.6 and earlier */ } .vbiranhaftsin{ float:right;margin-top:30px;margin-right:-30px; }   .blue.button {     background-color: #48B5F2;     background-image: url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), radial-gradient(circle at center bottom , #59D0F4 0px, rgba(89, 208, 244, 0) 100px), linear-gradient(#4FBBF7, #3FAEEB);     border: 1px solid #84ACC3 !important;     color: #0F4B6D !important;     float:right;margin-top:30px;margin-right:60px; } .blue.button:hover {     background-color: #63C7FE;     background-image: url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), radial-gradient(circle at center bottom , #6DD9FA 0px, rgba(109, 217, 250, 0) 100px), linear-gradient(#63C7FE, #58BEF7); }  .green.button {     background-color: #79be1e;     background-image: url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), radial-gradient(circle at center bottom , #A2D31E 0px,rgba(162, 211, 30, 1) 100px), linear-gradient(#82cc27, #74b317);     border: 1px solid #96a37b !important;     color: #345903 !important;     float:right;margin-top:30px;margin-right:90px; } .green.button:hover {     background-color: #89d228;     background-image: url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), radial-gradient(circle at center bottom , #A2D31E 0px,rgba(162, 211, 30, 1) 100px), linear-gradient(#82cc27, #74b317); }  .orange.button {     background-color: #e38d27;     background-image: url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), radial-gradient(circle at center bottom , #E8BD2D 0px,rgba(232, 189, 45, 1) 100px), linear-gradient(#f1982f, #d4821f);     border: 1px solid #bea280 !important;     color: #693e0a !important;     float:left;margin-top:30px;margin-left:30px; } .orange.button:hover {     background-color: #ec9732;     background-image: url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), radial-gradient(circle at center bottom , #E8BD2D 0px,rgba(232, 189, 45, 1) 100px), linear-gradient(#f1982f, #d4821f); }   .gray.button {     background-color: #a9adb1;     background-image: url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), radial-gradient(circle at center bottom , #C5C7CA 0px,rgba(197, 199, 202, 1) 100px), linear-gradient(#c5c7ca, #92989c);     border: 1px solid #a5a5a5 !important;     color: #525252 !important;     float:left;margin-top:30px;margin-left:90px; } .gray.button:hover {     background-color: #b6bbc0;     background-image: url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), url("http://up.vbiran.ir/uploads/136283954827478button_bg.png"), radial-gradient(circle at center bottom , #C5C7CA 0px,rgba(197, 199, 202, 1) 100px), linear-gradient(#c5c7ca, #92989c); }  .button {     background-clip: border-box;     background-image: url("http://up.vbiran.ir/uploads/136283954827478button_bg.png");     background-position: left bottom, right top, 0 0px, 0 0;     background-repeat: no-repeat;     border-radius:8px;     box-shadow: 0 0 1px #FFFFFF inset;     cursor: pointer;     display: inline-block;     font: 13px BKoodakBold (http://vbiran.ir/vbiranv5/BKoodakBold);     padding: 10px 20px;     position: relative;     text-decoration: none !important;     text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);     transition: background-position 1s ease 0s;     vertical-align: baseline;     white-space: nowrap; } .button:hover {     background-position: left top, right bottom, 0 0px, 0 0; }
      خب حالا >> جستجو در قالب ها >> FORUMHOME رو باز کنید {vb:raw navbar} رو پیدا کنید >> اینتر بزنید و اضافه کنید

      کد:
      <div class="vbirannoroozbox"><div class="vbiranhaftsin"><img src="http://www.vbiran.ir/norooz/haftsin.png" /></div><span style="color:transparent;">---</span>
          <a class="button blue" href="#">وي بي ايران</a><a class="button green" href="#">وي بي ايران</a><a class="button orange" href="#">وي بي ايران</a><a class="button gray" href="#">وي بي ايران</a></div>
      خب کار تموم شد حالا باکس زیبا رو مشاهده کنید
      ویرایش توسط Regulator : 2013/03/09 در ساعت 11:44 PM
  1. Top | #11
    کاربر سایت

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

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





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

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

    ورژن ویبولتین
    4.0.1
    نوشته ها
    17
    میزان امتیاز
    0

    پیش فرض

    خیلی خیلی ممنون

    نمونه:
    انجمن تخصصی اپل و مکینتاش MacHelp.ir ⅼⅼ

صفحه 2 از 2 نخستنخست 12

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

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

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

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

  1. پاسخ: 51
    آخرين نوشته: 2014/03/30, 01:08 AM
  2. پاسخ: 3
    آخرين نوشته: 2012/03/19, 05:11 AM
  3. پاسخ: 1
    آخرين نوشته: 2012/03/16, 11:11 AM
  4. قالب نوروز 90 اختصاصی اندیشه نوین
    توسط Aterayaneh در انجمن استایل 3.8.x
    پاسخ: 11
    آخرين نوشته: 2012/02/18, 10:54 PM

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

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

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

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

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