راهنمایی لطفا فوری . تصاویر در css3 .

[asareza]

سلام دوستان و اساتید گرامی

یه سوال داشتم فقط لطفا تا حد امکان به زبان ساده راهنمایی کنید:

امیدوارم در جای مناسبی بیان کرده باشم

* در بعضا از سایت های برای استفاده از تصاویری که لینک دارن از یک تصویر png استفاده مبشه - مثلا برای آیکون های سایت فقط از یک فایل تصویری png که مجموعه ای از تصاویر آیکونها است استفاده میکنن . ولی در سایت آیکونها مستقلا عمل می کنن و هر کدوم لینک جدا گونه ای دارن .

لطفا راهنمایی کنید - البته ظاهرا این مسئله مربوط به css میشه . ممنون میشم

[milad-engineer]

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





---------------------------------------
http://www.webhostingtalk.ir/f218/105651/

[asareza]

ممنون میلاد عزیز از جوابت
منظورتو از موقعیت منوجه نمی شم یعنی نمی فهمم !مشه یه مثال بزنی لطفا . ...

[asareza]

کسی نبود راهنمایی کنه ................................helppppppppppppppp

[milad-engineer]

ممنون میلاد عزیز از جوابت
منظورتو از موقعیت منوجه نمی شم یعنی نمی فهمم !مشه یه مثال بزنی لطفا . ...

بله حتما
ببینید این روش به روش 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;}
...


امیدوارم که متوجه شده باشید






---------------------------------------
÷÷اعلام همکاری (مرتبط با تمامی فیلد های اعلام شده در تاپیک) ÷÷ (http://www.webhostingtalk.ir/f218/105651/)

[OmidX]

سلام دوستان و اساتید گرامی

یه سوال داشتم فقط لطفا تا حد امکان به زبان ساده راهنمایی کنید:

امیدوارم در جای مناسبی بیان کرده باشم

* در بعضا از سایت های برای استفاده از تصاویری که لینک دارن از یک تصویر png استفاده مبشه - مثلا برای آیکون های سایت فقط از یک فایل تصویری png که مجموعه ای از تصاویر آیکونها است استفاده میکنن . ولی در سایت آیکونها مستقلا عمل می کنن و هر کدوم لینک جدا گونه ای دارن .

لطفا راهنمایی کنید - البته ظاهرا این مسئله مربوط به css میشه . ممنون میشم

فک میکنم ، منظورتون css sprite باید باشه ...

مثلا در طراحی این سایت نخستين مرجع فارسی زبان سيستم عامل مکينتاش (http://forum.macs.ir) ، من آیکون ها رو ب صورت sprite در آوردم ک هم لود سریعتر میشه و هم کار حرفه ای تر ...

نمونه sprite در مکس : http://cdn.macs.ir/forum/images/macs/macs.png

سایت هایی هستند ک اینکارو برای شما انجام میدن ، مث : CSS Sprites generator (http://csssprites.com)

اما با فوتوشاپ هم میشه اینکارو کرد ، خود من همیشه از فوتوشاپ استفاده میکنم .