electro-bargh 50 ارسال شده در آبان 91 گزارش بازنشر ارسال شده در آبان 91 با سلامخوب هستین .. الحمدوالله .... ولی من خوب نیستم ... به خاطر این :ادرس وبسایتم : http://www.electro-bargh.ir/دوستان برای سئوی وبسایتم خیلی زحمت کشیدم تا اینجا رسیدم .. خوب بریم سر اصل مطلب برین به لینک زیر رجوع کنیدhttp://gtmetrix.com/reports/www.electro-bargh.ir/6pNoCs9mخوب قسمت Combine images using CSS sprites خیلی از وبسایت ها رو گشتم ولی مطالب یا ناقص بود یا اصل من هنگ کردم خوب این ارور ها رو داده The following images served from electro-bargh.ir should be combined into as few images as possible using CSS sprites.http://www.electro-bargh.ir/wp-content/themes/soliman911/images/arrow.gifhttp://www.electro-bargh.ir/wp-content/themes/soliman911/images/author.pnghttp://www.electro-bargh.ir/wp-content/themes/soliman911/images/b-1.gifhttp://www.electro-bargh.ir/wp-content/themes/soliman911/images/category.pnghttp://www.electro-bargh.ir/wp-content/themes/soliman911/images/comment.pnghttp://www.electro-bargh.ir/wp-content/themes/soliman911/images/point.gifhttp://www.electro-bargh.ir/wp-content/themes/soliman911/images/view.pnghttp://www.electro-bargh.ir/wp-content/uploads/2012/09/close.pnghttp://www.electro-bargh.ir/wp-content/uploads/2012/10/gptop.gifhttp://www.electro-bargh.ir/wp-content/uploads/2012/10/sq.pngحالا هر کاری می کنم نمیتونم چجوری این ارور ها رو درست کنم ..... این مطلب انگلیسی بالا میگه باید تمام عکس ها بشن یکی .... چجوری ... خوهشا توضیح کامل باشه .دوستان راهنمایی کنید............راستی اگه این یه مورد رو اوکی کنم که میترکونه .... البته با کمک شما میترکونیـــــــــــــــــــــم با تشکر ..منتظر نظراتتون هستم. نقل قول لینک به ارسال
Parsa 23463 ارسال شده در آبان 91 گزارش بازنشر ارسال شده در آبان 91 شما باید تصاویری که در بکگراند لینکها ، لیستها، کلیدها و ... استفاده کردید را در یک فایل قرار دهید و با پوزیشن و طول و عرض مکان مورد نظر را در تصویر نشان دهیدhttp://www.w3schools.com/css/css_image_sprites.asphttp://www.spritecow.com/http://css-sprit.es/ 8 نقل قول لینک به ارسال
electro-bargh 50 ارسال شده در آبان 91 مالک گزارش بازنشر ارسال شده در آبان 91 ممنونم فکر کنم ... دارم درستش می کنم نقل قول لینک به ارسال
hamidrta 7 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 شما باید تصاویری که در بکگراند لینکها ، لیستها، کلیدها و ... استفاده کردید را در یک فایل قرار دهید و با پوزیشن و طول و عرض مکان مورد نظر را در تصویر نشان دهیدhttp://www.w3schools...age_sprites.asphttp://www.spritecow.com/http://css-sprit.es/ممنونمن متوجه نشدم یعنی اون کدی رو که بهمون می ده یک فایل css درست کنیم براش همون جا قرار بدیم؟ یا تمام عکسها رو که کد کریدم تو یک فایل cssجمع کنیم؟بعد خود عکس رو چیکار کنیم پاک کنیم؟ نقل قول لینک به ارسال
Morteza 34190 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 کلا عکسها رو باید یکی کنید و استفاده کنیدتوضیح این ترفند در بخش html-css هست 1 نقل قول لینک به ارسال
hamidrta 7 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 ممنون من یک سرچی زدماومدم همه عکسام رو تو یک فایل جمع اوری کردم و همه عکسها رو پاک کردمالان خوب شده ولی باید عکس ها پاک می کردم؟ نقل قول لینک به ارسال
Mohammad 1620 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 بله دیگه، استفادهای ندارند! 2 نقل قول لینک به ارسال
Sepehr2015 263 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 رفتم تمام کارایی که گفته شده رو انجام دادم ، حالا دارم عکس ها رو پاک میکنم و عکس جدید رو آپلود میکنماز یه طرف Combine images using CSS sprites داره رتبش خوب میشه ، از یه طرف Avoid bad requests داره رتبش بد میشههمون عکس ها رو داره درخواست میدهتوی یه فایل عکس ها رو قرار دادم ، اینجوری که من برداشت کردم باید تکه کد فراخونیش رو اینجوری بنویسم :.parent-element {background:url(result.png);background-position: 0px 0px;background-position: 0px -16px;background-position: 0px -34px;background-position: 0px -75px;background-position: 0px -121px;background-position: 0px -151px;background-position: 0px -181px;background-position: 0px -200px;background-position: 0px -220px;background-position: 0px -250px;}و بذارم توی style قالبم ، درسته ؟عکسه رو هم توی قسمت images آپلودش کردما ، اما بازم نمیدونم مشکل چیه ! 1 نقل قول لینک به ارسال
اشکان 1989 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 نه شما اشتباه کردین این position ها رو شما میبایست توی هر کدوم از استایل هایی که تصویر لود میکردن استفاده کنید.مثلا شما عکس چشم رو برای تعداد بازدید با تمامی عکس ها یکی کردین.حالا میخواین توی کد ها ازش استفاده کنید.اول از همه شما میاین توی استایل بازدید ها وbackground:url(images/view.png);و کد که داره تصویر view.png رو فراخوانی میکنه رو باید به result.png تغییر بدین و به جز اون باید ببینید که عکس چشم توی عکسی که ساختین چه اندازه ای داره.مثلا:در اندازه:background-position: 0px -16px;قرار داره.حالا اینطوری تصویر به راحتی لود میشه و نیازی به تصویر های قبلی نیست.در اصل کد استایل view این شکلی میشه:background:url(images/view.png);background-position: 0px -16px;البته برای تمامی تصویر ها همین کار باید انجام بشه.در ضمن اون تصویری که ساخته میشه رو باید در پوشه images قالب بزارین. 2 نقل قول لینک به ارسال
Sepehr2015 263 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 استایل بازدید ها ؟ از کجا بدونم کجا دارن فراخونی میشن ؟! 1 نقل قول لینک به ارسال
اشکان 1989 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 بازدید ها مثال بود.دقیق بخونید.شما برید ببینید که تصاویرتون توی استایل کجا فراخوانی میشن.بعد کار های بالا رو براش لنجلم بدین. 1 نقل قول لینک به ارسال
Sepehr2015 263 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 شما برید ببینید که تصاویرتون توی استایل کجا فراخوانی میشن.بعد کار های بالا رو براش انجام بدین.از کجا میتونم بفهمم که تصاویر از کجا فراخوانی میشن ؟ 1 نقل قول لینک به ارسال
Blood 23 ارسال شده در مهر 93 گزارش بازنشر ارسال شده در مهر 93 (ویرایش شده) ابتدا فایل .css این کد رو اضافه کنید.Sp-ImageAll-2{background:url(images/ImageAll-2.png) no-repeat;}.Sp-ImageAll-2.home{background-position:-83px -2px; width:23px; height:23px;}کد بالا برای مثال هستشنام ImageAll-2.png باید به عکسی که درست کردید تغییر کنهآدرس فولدر عکساتون باید نام فولدر عکسهای خودتون باشه imagesنام Sp-ImageAll-2.home رو در کلاس تگ div یا a قرار بدید تا عکس برای شما نمایش داده بشهباید عرض کنم که background-position:-83px -2px;پوزیشن آیکونی که میخواین نمایش بدید برای اینکه بفهمید پوزیشن عکستون چیه از طریق فتوشاپ این کار رو انجام بدیددر فتوشاپ منوی windows تیک info را بزنید تا ابزاری که پوزیشن عکس ها رو نمایش میده ظاهر میشهبعد خودتون دستی تک تک برای هر عکس یک.Sp-ImageAll-2.home{background-position:-83px -2px; width:23px; height:23px;}تعریف کنید با این تفاوت که باید home رو تغییر نام بدیدالبته اساتید باز کمکتون خواهند کرداز کجا میتونم بفهمم که تصاویر از کجا فراخوانی میشن ؟خودتون باید تعریف کنید به این صورت.Sp-ImageAll-2{background:url(images/ImageAll-2.png) no-repeat;} ویرایش شده مهر 93 توسط M.At نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .