-
February 22nd, 2014, 15:28
#1
عضو جدید
راهنمایی لطفا فوری . تصاویر در css3 .
سلام دوستان و اساتید گرامی
یه سوال داشتم فقط لطفا تا حد امکان به زبان ساده راهنمایی کنید:
امیدوارم در جای مناسبی بیان کرده باشم
* در بعضا از سایت های برای استفاده از تصاویری که لینک دارن از یک تصویر png استفاده مبشه - مثلا برای آیکون های سایت فقط از یک فایل تصویری png که مجموعه ای از تصاویر آیکونها است استفاده میکنن . ولی در سایت آیکونها مستقلا عمل می کنن و هر کدوم لینک جدا گونه ای دارن .
لطفا راهنمایی کنید - البته ظاهرا این مسئله مربوط به css میشه . ممنون میشم
-
تعداد تشکر ها از asareza به دلیل پست مفید
-
February 22nd, 2014 15:28
# ADS
-
February 22nd, 2014, 15:40
#2
عضو انجمن
پاسخ : راهنمایی لطفا فوری . تصاویر در css3 .
با سلام و عرض ادب
دوست عزیز برای انجام دادن همچین کاری باید موقعیت ایکونی را که در فایل عکس هست در سی اس اس وارد کنید ،به این صورت با تعیین سایز نمایش فقط آیکون تکی به نمایش در می آید.
---------------------------------------
http://www.webhostingtalk.ir/f218/105651/
-
-
February 22nd, 2014, 15:46
#3
عضو جدید
پاسخ : راهنمایی لطفا فوری . تصاویر در css3 .
ممنون میلاد عزیز از جوابت
منظورتو از موقعیت منوجه نمی شم یعنی نمی فهمم !مشه یه مثال بزنی لطفا . ...
-
-
February 22nd, 2014, 17:13
#4
عضو جدید
پاسخ : راهنمایی لطفا فوری . تصاویر در css3 .
کسی نبود راهنمایی کنه ................................helppppppppppppppp
-
-
February 22nd, 2014, 19:34
#5
عضو انجمن
پاسخ : راهنمایی لطفا فوری . تصاویر در css3 .

نوشته اصلی توسط
asareza
ممنون میلاد عزیز از جوابت
منظورتو از موقعیت منوجه نمی شم یعنی نمی فهمم !مشه یه مثال بزنی لطفا . ...
بله حتما
ببینید این روش به روش CSS Sprites معروف است و با یک سرچ میتونید در گوگل طریقه کارکرد اون رو پیدا کنید
ولی من انیجا توضیح مختصری در این باره میدم.
اصولا وقتی شما از گزینهbackground-position در فایل CSS به همراه طول و ارتفاع ثابت استفاده کنید به اون صورتی که مدنظر دارید در می آید.
تصور کنید که در یک ستون چند عکس دکمه دارید برای استفاده آن به این صورت عمل میکنی
کد:
#nav li a {background-image:url('../img/image_nav.gif')}
#nav li a.item1 {background-position:0px 0px}
#nav li a:hover.item1 {background-position:0px -72px}
#nav li a.item2 {background-position:0px -143px;}
#nav li a:hover.item2 {background-position:0px -215px;}
...
امیدوارم که متوجه شده باشید
---------------------------------------
÷÷اعلام همکاری (مرتبط با تمامی فیلد های اعلام شده در تاپیک) ÷÷
-
تعداد تشکر ها از milad-engineer به دلیل پست مفید
-
March 23rd, 2014, 22:06
#6
عضو دائم
پاسخ : راهنمایی لطفا فوری . تصاویر در css3 .

نوشته اصلی توسط
asareza
سلام دوستان و اساتید گرامی
یه سوال داشتم فقط لطفا تا حد امکان به زبان ساده راهنمایی کنید:
امیدوارم در جای مناسبی بیان کرده باشم
* در بعضا از سایت های برای استفاده از تصاویری که لینک دارن از یک تصویر png استفاده مبشه - مثلا برای آیکون های سایت فقط از یک فایل تصویری png که مجموعه ای از تصاویر آیکونها است استفاده میکنن . ولی در سایت آیکونها مستقلا عمل می کنن و هر کدوم لینک جدا گونه ای دارن .
لطفا راهنمایی کنید - البته ظاهرا این مسئله مربوط به css میشه . ممنون میشم
فک میکنم ، منظورتون css sprite باید باشه ...
مثلا در طراحی این سایت نخستين مرجع فارسی زبان سيستم عامل مکينتاش ، من آیکون ها رو ب صورت sprite در آوردم ک هم لود سریعتر میشه و هم کار حرفه ای تر ...
نمونه sprite در مکس : http://cdn.macs.ir/forum/images/macs/macs.png
سایت هایی هستند ک اینکارو برای شما انجام میدن ، مث : CSS Sprites generator
اما با فوتوشاپ هم میشه اینکارو کرد ، خود من همیشه از فوتوشاپ استفاده میکنم .
-