/ آموزش ساخت تصویر اسپرایت و استفاده از آن ( اختصاصی ویکی وی بی )
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 19

مقاله: آموزش ساخت تصویر اسپرایت و استفاده از آن ( اختصاصی ویکی وی بی )

    1. آموزش ساخت تصویر اسپرایت و استفاده از آن ( اختصاصی ویکی وی بی )

      آموزش ساخت تصویر اسپرایت و استفاده از آن ( اختصاصی ویکی وی بی )

      درود.
      خب این آموزش اسپرایت کردن رو تقدیم می کنم به تمامی کد نویسان مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی خب اول از هر چیزی بگم که این کار رو من خودم اگر ببینم استایل عکس هاش زیاد باشه و سنگین می کنه استایل رو اول کار این کارو می کنم ! بعضی ها هم آخر کار اما خب به نظر من چه کاریه بیایم این همه آدرس عکس بدیم که آخرش بخوایم مجددا از اول این کارو بکنیم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      خب اول از همه با فتوشاپ تمامی جا هایی که به صورت عکس هستن مثلا دکمه سرچ ! یا ... که بستگی به استایل داره !
      من با فتوشاپ یک متنی رو وسط گذاشتم و دورش رو با لوگو ویکی وی بی پر کردم تا با کد نویسی کاری کنیم که فقط اون متن وسط رو نشون بده که خیلی خیلی ساده هست !
      شات :

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      دقت کنید که بدون بگراند باشه (ترنسپرنت البته اگر درست نوشته باشم !) که با فرمت png باید ذخیره بشه
      خب
      حالا ما یک کلس ایجاد می کنیم :
      کد:
      </div><div class="logo">
      خب پس با این تگی که من نشوتم باید در سی اس اس به این صورت بزاریم :
      کد:
      .logo { }
      خب تا اینجاش که عالی بوده ! حالا یک خاصیت بگراند ایجاد می کنیم (به جای آدرس لینکی که من دادم شما آدرس مسیر عکس خودتون رو قرار بدید)

      کد:
      background: url(http://upload.wikivb.ir/images/2oxtp65tj4b8p7kzunvw.png);
      ا ! من که چیزی نمی بینم ! خب معلومه ! یک طول و عرض باید بدید ! (پیشنهاد می کنم در فتوشاپ یک کات بزنید متن رو تا طول و عرض بدست میارید البته من دستی پیکسل وارد می کنم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی که البته من با این روش خودم آموزش نمی دم چونکه سر درگم می شید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی)
      خب طول و عرضمون شد :
      کد:
      width: 409px;
      height: 108px;
      ا ! اینکه اون لوگو های ویکی وی بی رو داره نشون می ده ، راستی از بالا سمت چپ هم شروع کرده ! ، خب معلومه ! هنوز که کارمون تمام نشده ! حالا کلس سی اس اسمون رو تا اینجا ببینیم ادامشم بگم :

      کد:
      .logo {
      background: url(http://upload.wikivb.ir/images/2oxtp65tj4b8p7kzunvw.png);
      width: 409px;
      height: 108px;
      }
      خیلی هم خوب ! خب بریم به بگراند بگیم آقای بگراند لطفا متن رو نشون بده ، خب یک قاعده داریم ! اول اینکه ما به این صورت خاصیت بگراند را وارد بکنیم همه چیز درست میشه :

      کد:
      background: url(http://upload.wikivb.ir/images/2oxtp65tj4b8p7kzunvw.png) -67px;
      اما خب ما دیدیم که این پیکسلی که می دن 2 تا هست ! مثال : -50px 56px خب شما چرا یدونه گذاشتی ؟ ، چونکه خودش تنظیم هست ! پس نیازی در این تصویر اسپرایت نیست که پیکسل دوم رو بدنیم
      حالا یک قاعده !
      پیکسل اول که ما -67px دادیم پهنا هست ! شاید پهنا کلمه خوبی نباشه ! چپ و راست بهتره ! یعنی کم و زیاد بکنیم چپ و راست می ره ! و پیکسل دوم هم به همین صورته ! اما با این تفاوت که بالا و پایین هست ! یعنی اگر کم و زیادش بکنیم بالا و پایین میشه !
      تمام ! واقعا سخت بود ؟ ! خسته شدید ؟
      2 تا خط کامل هم نشد مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      پس یک سورس می زاریم
      html :
      کد:
      <div class="logo"></div>
      css :
      کد:
      .logo {
      background: url(http://upload.wikivb.ir/images/2oxtp65tj4b8p7kzunvw.png) -67px;
      width: 409px;
      height: 108px;
      }

      دوستان امیدوارم که به خوبی توضیح داده باشم ، چونکه خیلی ها از کلمه کد نویسی وحشت دارن ( که نمی دونم چرا ! مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی ) سعی کردم آموزش رو راحت توضیح بدم تا متوجه بشید چقدر ساده است !
      امیدوارم لذت برده باشید
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      ویرایش توسط CodeSaz : 06-15-2013 در ساعت 04:59 AM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

  1. #2
    FarziN آنلاین نیست.
    FarziN
    کاربر سايت
    489نوشته466مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    349
    پسندیده است
    1,153 پست
    بلاگ
    پست
    میزان امتیاز
    476
    No Set
    خیلی زیباست خسته نباشیدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست FarziN را پسندیده اند



  2. #3
    Farshad Ghanbari آنلاین نیست.
    Farshad Ghanbari
    مدير بخش
    3,560نوشته8,085مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    219
    پسندیده است
    7,092 پست
    بلاگ
    پست
    میزان امتیاز
    8092
    مسئول 2 ستاره
    www.farshadghanbari.ir
    فکر کنم یک مدل اسپرایت دیگه هم باشه
    غیر این دیگه چجوری میشه!!!!؟ اگر بلدید به ما هم یاد بدید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست Farshad Ghanbari را پسندیده اند



  3. #4
    local آنلاین نیست.
    local
    کاربر سايت
    2,070نوشته1,232مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1475
    پسندیده است
    1,828 پست
    بلاگ
    7 پست
    میزان امتیاز
    1241
    No Set
    خیلی از این دوست عزیزمون ممنون که به درخواست این بنده رسیدگی کردن واقعا کمال تشکر رو دارم. مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    - - - Updated - - -

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

    2 نفر از اعضا پست local را پسندیده اند


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

  4. #5
    Farshad Ghanbari آنلاین نیست.
    Farshad Ghanbari
    مدير بخش
    3,560نوشته8,085مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    219
    پسندیده است
    7,092 پست
    بلاگ
    پست
    میزان امتیاز
    8092
    مسئول 2 ستاره
    www.farshadghanbari.ir
    فکر کنم یک مدل پیشرفته تر هم باشه در ضمن من نگفتم یک مدل دیگه هست و اون رو من بلدم

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

  5. #6
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    نقل قول نوشته اصلی توسط NiNE نمایش پست ها
    فکر کنم یک مدل پیشرفته تر هم باشه در ضمن من نگفتم یک مدل دیگه هست و اون رو من بلدم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    درود.
    روش پیشرفته تری رو من ندیدم حالا شایدم باشه ! من سعی کردم چیزی که بلدمو آموزش بدم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی غیر از این بلد نیستم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    نقل قول نوشته اصلی توسط local نمایش پست ها
    خیلی از این دوست عزیزمون ممنون که به درخواست این بنده رسیدگی کردن واقعا کمال تشکر رو دارم. مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    درود.
    خواهش می کنم ! آموزش هم ساعت 4 صبح گذاشته شده بنابر این ممکنه یه قسمت رو پریده باشم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی هر مشکلی یا درخواست دیگه ای داشتید بگید سریعا تهیه می کنم
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    3 نفر از اعضا پست CodeSaz را پسندیده اند


    Coming Soon New Project ■

  6. #7
    local آنلاین نیست.
    local
    کاربر سايت
    2,070نوشته1,232مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1475
    پسندیده است
    1,828 پست
    بلاگ
    7 پست
    میزان امتیاز
    1241
    No Set
    خواستم یه اموزش دیگه هم که کدنویسی ها نیاز خیلی شدیدی بهش دارن بدم دیگه ترسیدم منو اخراج کننن مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی میشه بگین شما بر چه اساسی این اندازه های پایین رو دادین؟

    -67px;
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  7. #8
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    درود.
    نه مشکلی نیست ! درخواست بدید من تا عصر تهیه می کنم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    توضیح دادم که توی پست ! به هر حال ، اون چپ و راستی هست (بهترین اسم همینه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی) شما کافیه با پیکسل ها بازی بکنید تا تنظیم بشه
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست CodeSaz را پسندیده اند


    Coming Soon New Project ■

  8. #9
    shadowboy آنلاین نیست.
    shadowboy
    کاربر فعال و مفيد
    250نوشته606مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    365
    پسندیده است
    382 پست
    بلاگ
    9 پست
    میزان امتیاز
    616
    pcgraphics.ir
    خیلی ممنون محمد :X
    روش دیگه ای که من دیدم
    مثلا برای افکت دادن:
    توی http://tools.wikivb.ir/
    ادامه ی مطلب 2 تا عکس کنار همه بعد به جای اینه که مثلا بنویسن 67px
    نوشتن
    background: url("img/more.png") no-repeat scroll right center transparent

    2 نفر از اعضا پست shadowboy را پسندیده اند


    " shadowboy "

    IS DEAD
    Leaugeoflegends.com

  9. #10
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    درود.
    نه نه ! اشتباه نکنید ! اگر ما یک عکس بزرگ داشته باشیم پر از عکس هم باشه یه عکس مثلا 50 در 50 رو شما با این روش می تونید پیدا بکنید ؟ ! تصویر اسپرایت کوچیک بوده این و تنظیم کرده که از وسط شروع بشه از سمت راست و ...
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست CodeSaz را پسندیده اند


    Coming Soon New Project ■

صفحه 1 از 2 12 آخرینآخرین

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

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

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

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

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

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