/ استفاده از مجموعه آیکون ها توسط کد نویسی
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 5 از 5

موضوع: استفاده از مجموعه آیکون ها توسط کد نویسی

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

    تاریخ عضویت
    Aug 2015
    شماره عضویت
    9508
    پسندیده است
    28 پست
    بلاگ
    پست
    میزان امتیاز
    12
    No Set

    استفاده از مجموعه آیکون ها توسط کد نویسی

    سلام.. ببخشید اگر عنوان رو بد اعلام کردم

    این عکس رو ببینید....

    http://upload.wikivb.ir/images/ighp03gfuinvwgau84sr.png

    توسط کد نویسی چجوری میشه جوری استفاده کرد و جداشون کرد به این شکل :

    http://upload.wikivb.ir/images/7g0m183qrw21c8g0gckl.png

    سوال بعدی هم اینکه چجوری میشه توسط کد نویسی رنگ داد به آیکون.. مثلا سیاه سفیدش کرد با اینکه رنگی هست

    =-=-=-=
    ( در مورد سوال دومم ) ~ اونجوری که دستگیرم شد به font-awesome معروف هست .. اما یکم قاتی کردم اگر این هست یا نیست لطفا توضیح بدید با مثال
    ویرایش توسط Qorbat : 09-05-2015 در ساعت 02:13 AM

  2. نوين وردپرس تبلیغات شما

  3. #2
    MahMoUoD آنلاین نیست.
    MahMoUoD
    کاربر سايت
    352نوشته322مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1744
    پسندیده است
    820 پست
    بلاگ
    پست
    میزان امتیاز
    333
    www.farshost.net
    برای سوال اول میتونید از CSS Sprite استفاده کنید. سرچ کنید آموزش های زیادی براش موجوده

    برای سوال دوم هم همینطور که خودتون گفتین یه پلاگینی به اسم ​font-awesome
    وجود داره
    http://fortawesome.github.io/Font-Awesome/

    طرز استفادش خیلی آسونه. بعد از دانلود یه فایل css داره که باید تو صفحه لود بشه
    بعد از اون میتونید از کلاس های این مجموعه فونت استفاده کنید
    برای مثال برای آیکون خانه از این تیکه کد میتونید استفاده کنید:
    <i class="fa fa-home"></i>
    حالا میتونید یه کلاس دیگه براش تعریف کنید و توسط css یه رنگی بهش بدین
    کلاس های مربوط به آیکون ها داخل صفحه icons وجود داره

    کاربر زیر پست MahMoUoD را پسندیده است:



  4. #3
    Qorbat آنلاین نیست.
    Qorbat
    کاربر سايت
    28نوشته2مورد پسند

    تاریخ عضویت
    Aug 2015
    شماره عضویت
    9508
    پسندیده است
    28 پست
    بلاگ
    پست
    میزان امتیاز
    12
    No Set
    آقا واقعا تشکر مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی جواب چند تا سوال دیگه هم گرفتم از css sprite

    =-=-=

    دوستان یه سوال داشتم

    وقتی ما به این صورت کد میزنم عکس و متن پشت سر هم قرار می گیرند :

    کد:
    <img src="images/wikivb.png" width="50" height="50">
    ویکی وی بی
    الان بنده چکار کنم که بازم پشت سر هم باشند ؟!

    کد:
    <div class="WikiVb"></div>
    ویکی وی بی
    چون اینو که میزنم با توجه به بسته شدن div متن میره یه خط پائین تر

    کاربر زیر پست Qorbat را پسندیده است:



  5. #4
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt
    شما باید از margin یا از padding استفاده کنید
    گر عکس شما به صورت اسپرایت هست
    به کلس مورد نظر padding-right یا padding-left بدید
    و اگر برای تصویر از تگ img استفاده کردید
    باید از margin استفاده کنید به این شکل
    کد PHP:
    .class img margin-left:10px;} 

    کاربر زیر پست Mehrab JT را پسندیده است:


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

  6. #5
    MahMoUoD آنلاین نیست.
    MahMoUoD
    کاربر سايت
    352نوشته322مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1744
    پسندیده است
    820 پست
    بلاگ
    پست
    میزان امتیاز
    333
    www.farshost.net
    نقل قول نوشته اصلی توسط Qorbat نمایش پست ها
    آقا واقعا تشکر مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی جواب چند تا سوال دیگه هم گرفتم از css sprite

    =-=-=

    دوستان یه سوال داشتم

    وقتی ما به این صورت کد میزنم عکس و متن پشت سر هم قرار می گیرند :

    کد:
    <img src="http://www.wikivb.ir/images/wikivb.png" width="50" height="50">
    ویکی وی بی
    الان بنده چکار کنم که بازم پشت سر هم باشند ؟!

    کد:
    <div class="WikiVb"></div>
    ویکی وی بی
    چون اینو که میزنم با توجه به بسته شدن div متن میره یه خط پائین تر

    متوجه منظورتون نشدم! یعنی چی "بازم پشت سر هم باشند" ؟!

    تگ دایو کل عرض صفحه رو میگیره. و به قول شما متن میره یه خط پایین تر
    ولی میتونید با ویژگی float و display:inline-block نزارید این اتفاق بیفته و چند تا تگ دایو رو کنار هم داشته باشید

    کاربر زیر پست MahMoUoD را پسندیده است:


    ویرایش توسط MahMoUoD : 09-05-2015 در ساعت 06:08 PM

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

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

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

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

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

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