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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 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 | #2
    MTN
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    50
    میزان امتیاز
    11

    پیش فرض

    سلام برای عوض کردن لینک، باکسها باید چکار کنم

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


  2. Top | #3
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    4,498
    میزان امتیاز
    511

    پیش فرض

    برای تغیر لینک باید این قسمت را ویرایش کنید

    کد:
    <a class="button orange" href="#">
    به جای # لینک مورد نظر را بزارید
    ویرایش توسط Amirhossein2015 : 2013/03/11 در ساعت 04:56 PM

    4 تشکر توسط:


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

    ورژن ویبولتین
    3.6
    نوشته ها
    204
    میزان امتیاز
    26

    پیش فرض

    کاره قشنگیه خسته نباشید!

    2 تشکر توسط:


  4. Top | #5
    مدیر ارشد

    ورژن ویبولتین
    :-|
    نوشته ها
    2,909
    میزان امتیاز
    385

    پیش فرض

    نقل قول نوشته اصلی توسط mspsoft نمایش پست ها
    کاره قشنگیه خسته نباشید!
    ممنون

    فوتر هم در دست ساخت هست

    ایشالا اونم فردا قرار میدم

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


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

    ورژن ویبولتین
    3.6
    نوشته ها
    204
    میزان امتیاز
    26

    پیش فرض

    دوستان نمونه رو میتونید ببینید خیلی زیباست!

    انجمن تخصصي برنامه نويسي

    ایا نویسنده از یه کاره زیبایی که بعد از نصب و قرار دادن این کد و باکس خبر داره ؟چون در تاپیک اول ذکر نشده ؟
    ویرایش توسط iranianwp : 2013/03/11 در ساعت 10:51 PM دلیل: ادغام دو پست

    2 تشکر توسط:


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

    ورژن ویبولتین
    4.2
    نوشته ها
    35
    میزان امتیاز
    0

    پیش فرض

    خسته نباشید

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

    کاربر مقابل از M.patogh-DL بابت این پست مفید تشکر کرده است:


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

    ورژن ویبولتین
    5.0.0
    نوشته ها
    83
    میزان امتیاز
    14

    پیش فرض

    داخل additional.css این کد رو ادیت کن
    کد HTML:
    .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; }
    height: 137px عددش رو کم کن تا درست بشه

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


  8. Top | #9
    کاربر سایت

    ورژن ویبولتین
    4.1.10
    نوشته ها
    1,313
    میزان امتیاز
    163

    پیش فرض

    مرسی . قشنگه

    فقط یه چیزی توی کدها دیدم
    کد:
    float:center;
    توی css برای float فقط سه مقدار میشه تعریف کرد :
    right
    left
    none

    2 تشکر توسط:


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

    ورژن ویبولتین
    Powered by vBulletin® Version 5.0.4
    نوشته ها
    3,738
    میزان امتیاز
    418

    پیش فرض

    سلام دوستان

    بسیار جالب وکاربرپسند است ازارائه دهنده قدردانی می شود.همگان موفق باشید

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


صفحه 1 از 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)

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

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