• اطلاعیه ها

    • Masih

      برخوردی شدید با تاپیک های تبلیغاتی   شنبه, 12 آبان 1397

      درود، از این لحظه به بعد، تمامی تاپیک های تبلیغاتی سبک رپرتاژ که با هدف جمع آوری بک لینک در انجمن های بیست اسکریپت ایجاد می شوند، حذف شده و دسترسی کاربر خاطی نیز مسدود خواهد شد.
Configer

خطای Combine images using CSS sprites

2 ارسال در این موضوع قرار دارد

سلام بچه ها وقتتون بخیر

توی سایت جی تی متریکس سایتم رو چک میکردم متوجه یه ارور شدم

ارور Combine images using CSS sprites

همونظور که میدونین معنیش اینه که سایت من ایکون هاش تو جایگاه های متفاوته وبرای هربار لودشون باید رکوئیست ارسال بشه به سرور

حالا من باید همه ایکون هامو تویه عکس جمع کنم

این کارو با استفاده از سایت

لطفا برای مشاهده link وارد سایت شوید و یا ثبت نام کنید.

انجام دادم. منتاحا یه سری کد های سی اسس وعکس داد بهم که نمیدونم باید توی کدوم قسمت جاگذاری کنیم

میشه کمک کنید که چجوری باید اینارو جایگذاری کنم؟

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

درود.

کار این سایت این هست که تمامی آیکن های کوچک آپلود شده رو در یک فایل و زیر هم قرار میده. بعد توسط CSS و دستور background-position میاد و برای هر بخش از سایت که به یک آیکن نیاز داره، اون آیکن رو از اون فایل ترکیبی پیدا میکنه و نمایش میده. مثال :

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

شما اول باید اون عکسی که آیکن ها داخلش ترکیب شدن رو دانلود و داخل پوشه قالبتون ذخیره کنید.

بعد داخل کد CSS اون عکس رو به درستی فراخوانی کنید.

در قسمت CSS بعد از اون، که از background-position استفاده شده، از اون کلس ها باید در DIV که اون آیکن در قالب تعریف شده استفاده کنید تا بطور خودکار اون آیکن نمایش داده بشه.

کمی زمان بر هست تا تمامی آیکن ها به این صورت تصحیح بشن.

با اینکار شما بجای اینکه در هر بخش از قالب ، اون آیکن رو فراخوانی کنید، میایید و توسط دستورات CSS مکان اون آیکن در تصویر ترکیب شده رو به عنصر قالب میدید.

یعنی بجای استفاده از تگ img برای نمایش آیکن، کافیه تا بجای اون تصویر، از DIV استفاده کنید تا اون آیکن نمایش داده بشه. مثال :

لطفا برای مشاهده code وارد سایت شوید و یا ثبت نام کنید.

 

 

در ضمن می تونید از فونت های آیکن استفاده کنید. مثل fontAwesome که آیکن های متنوعی هم داره و روی سرعت سایت هم تاثیر خوبی میگذاره.

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • چه کسانی در حال بازدید هستند؟   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.