Aftabgardan Cultural Center   Aftabgardan Forums ...Welcome پیام‌های خصوصی كنترل پنل             جستجو               پرسشهای متداول            .:: آخرین پست‌های انجمن ::.            لیست اعضا            مدیران سایت             درجات        ورود فهرست انجمن‌ها -> طراحي سايت‌هاي اينترنتي [يك سوال در مورد header سايت آفتابگردان] تاریخ: شنبه 30 مرداد 1389 - 01:23     meh_ham مدير انجمن فتوشاپ پست: 214 عضو شده در: 31 اردیبهشت 1387 محل سکونت: تهران امتياز: 2040 عنوان: [يك سوال در مورد header سايت آفتابگردان] سلام خيلي وقت ها بود كه اين سوال در ذهنم بود ولي چون بهش نياز نداشتم، اهميت نمي دادم. ولي الان اينجا مطرح مي كنم. با مرورگر فايرفاكس در اكثر سايت ها(مانند سايت آفتابگردان) مي توان عكس بالاي سايت(header) را با موس كشيد و بصورت زير در آورد. حتي اگر مرورگرتان فايرفاكس است، اين كار را روي همين عكس زير امتحان كنيد. ولي شما اين كار را با لوگوي گوگل در سايت آن به هيچ وجه نمي توانيد انجام دهيد. سوال من اين است كه چطور است بعضي عكس ها اين طور و بعضي آن طور هستند و چگونه مي توان عكسي را مانند گوگل در سايت نمايش داد؟ [ وضعيت كاربر: ]     تشکرها از این پست: Gytyonline (شنبه 30 مرداد 1389 - 13:08) تاریخ: شنبه 30 مرداد 1389 - 10:43     Hamid مدیريت كل سایت پست: 5496 عضو شده در: 31 اردیبهشت 1384 محل سکونت: -::ساوه::- امتياز: 47792 عنوان: پاسخ به «[يك سوال در مورد header سايت آفتابگردان]» meh_ham, جان، خیلی ساده‌ست. در طراحی سایت، شما می‌تونید یک عکس رو به دو صورت نمایش بدید. - یکی استفاده از تگ img هست. - و یکی هم تعریف عکس به عنوان بک‌گراند برای یک div یا سلول (یا هر عنصر دیگه‌ای) شما اگر عکس رو به روش اول اضافه کنی، چیزی که شما گفتید در موردش صدق می‌کنه. یعنی می‌شه درگ کرد و اون عکس رو ذخیره کرد. اما اگر به روش دوم تعریف کنید، این حالت پیش نمیاد. اگر روی عکس کلیک راست کنید، (به ویژه در فایرفاکس) نمی‌تونید عکس رو به صورت عادی ذخیره کنید. (روی لوگوی گوگل کلیک راست کنید و سعی کنید ذخیره‌ش کنید) باید اول view image رو بزنید و بعد ذخیره‌ش کنید. اگر بخواهید به یک عکس، لینک بدید (مثل اینکه ما الان به لوگوی آفتابگردان لینک دادیم که کاربر رو به صفحه اول منتقل کنه) نمی‌تونید از روش دوم استفاده کنید (البته تقریباً نمی‌تونید ) اینکه چرا از روش دوم استفاده می‌شه هم دلایل مختلفی داره. یکی از مهم‌ترین دلایلش تکنیک CSS Sprite هست که می‌تونید در لینک زیر چیزهایی در موردش مطالعه کنید: http://www.alistapart.com/articles/sprites در این تکنیک ما همه عکس‌های مورد نیاز رو در قالب یک عکس روی سایت قرار می‌دیم که تعداد درخواست‌ها به سرور کم بشه و بعد با CSS می‌تونید کنترل کنید که وقتی عکس بزرگ لود شد، حالا کدوم قسمتش در بک‌گراند فلان عنصر نشون داده بشه. این روزها طراحان حرفه‌ای‌تر، در اکثر جاها از این تکنیک استفاده می‌کنن. مثلاً این صفحه رو ببین: http://www.alistapart.com/d/sprites/ala-buttons1.html شما فکر می‌کنی اونجا ما هشت تا عکس داریم (چهار تا حالت عادی و چهار تا وقتی موس روی دکمه قرار می‌گیره)، در حالی که اینطور نیست، ما یک عکس داریم: http://www.alistapart.com/d/sprites/icons.gif به هر حال، بسته به نوع کاربرد، طراحان از هر کدوم استفاده می کنن. مثلاً شما در همین لوگوی آفتابگردان، اگر تونستی، قسمت بالا و پایین عکس آفتابگردان (قسمت زرد و آبی) رو درگ کن چون اون‌ها هم عکس هستن، اما به صورت بک‌گراند استفاده شدن [ وضعيت كاربر: ]     تشکرها از این پست: Gytyonline (شنبه 30 مرداد 1389 - 13:08) meh_ham (یکشنبه 31 مرداد 1389 - 00:28) تاریخ: شنبه 30 مرداد 1389 - 22:15     Gytyonline مديريت كل انجمن‌ها پست: 899 عضو شده در: 14 شهریور 1384 محل سکونت: tehran امتياز: 8184 عنوان: پاسخ به «[يك سوال در مورد header سايت آفتابگردان]» سلام Hamid, جان این مطلب آموزشی css که معرفی کردی خیلی به نظرم جالب و مهم هستش که کمتر سایت ایرانی اجراش کرده یکی از سایت هایی که اجرا کرده کلوب هستش به نظرم تو قالب یه آموزش به آموزش های سایت اضافه کنیمش . [ وضعيت كاربر: ]     تشکرها از این پست: تاریخ: یکشنبه 31 مرداد 1389 - 01:37     meh_ham مدير انجمن فتوشاپ پست: 214 عضو شده در: 31 اردیبهشت 1387 محل سکونت: تهران امتياز: 2040 عنوان: خيلي ممنون Hamid جان! اين به ذهن خودم هم رسيده بود كه قرار دادن عكسي كه هم لينك داشته باشه و هم بك گراند باشه يك مقدار غير ممكنه! گفتم حتما نميشه اگه مي شد كه سايت هاي بزرگ اين كار رو انجام مي دادند. ولي شما كه گفتي يه مقدار جستجو كردم و سايت www.macromediax.com را پيدا كردم كه لوگوي آن لينك داره و درگ هم نميشه! اين هم به نظر ميرسه كه در اين سايت در كل قابليت درگ عكس ها را برداشته اند. [ وضعيت كاربر: ]     تشکرها از این پست: تاریخ: یکشنبه 31 مرداد 1389 - 04:00     Hamid مدیريت كل سایت پست: 5496 عضو شده در: 31 اردیبهشت 1384 محل سکونت: -::ساوه::- امتياز: 47792 عنوان: پاسخ به «[يك سوال در مورد header سايت آفتابگردان]» من گفتم «تقریباً» نمی‌تونیم لینک بدیم... بله، به عکس دیگه نمی‌تونیم لینک بدیم، اما لینک دادن که فقط به عکس نیست. شما می‌تونید عکس رو بذارید در بک‌گراند یک div و div رو بذارید وسط یک تگ a (یعنی همون تگ ایجاد لینک) حالا اون div شما لینک می‌شه این سایت از اون روش استفاده کرده. یا حتی همون لینکی که دادم: http://www.alistapart.com/d/sprites/ala-buttons1.html [ وضعيت كاربر: ]     تشکرها از این پست: نمایش پستها: تمام پستها1 روز7 روز2 هفته1 ماه3 ماه6 ماه1 سال قدیمی ترین در ابتداجدیدترین در ابتدا               مشاهده موضوع قبلی :: مشاهده موضوع بعدی     صفحه 1 از 1 تمام زمانها بر حسب GMT + 3.5 Hours می‌باشند  Related Topics   information    پرش به: انتخاب بخش اطلاعات مربوط به سایت----------------اطلاعیه‌های مربوط به سایت-- بحث‌های عمومی مربوط به سایت-- آفتابگردان در رسانه​ها محصولات و خدمات آفتابگردان----------------انجمن پشتیبانی حجراانجمن پشتیبانی تستا ۳ (قابل مشاهده برای اعضای VIP)-- انجمن عمومی تستا ۳ (همه کاربران می‌توانند سؤال مطرح کنند)انجمن پشتيباني پروژه سيستم برگزاري آزمون آنلاين «تستا»-- ماژول‌های تستاانجمن پشتیبانی نمرا ۳ (قابل مشاهده برای اعضای VIP)انجمن پشتیبانی پروژه نُمرا (سیستم اعلام آنلاین نمرات)انجمن پشتیبانی بوکفا (سیستم مدیریت آنلاین کتابخانه)انجمن پشتیبانی لینکا ۳ (قابل مشاهده برای مشتریان این سیستم)دیگر محصولات و خدمات آفتابگردانفروشگاه مجازی سایتانجمن پشتیبانی پروژه پارس‌خوان (ParsKhan)انجمن مربوط به سایت youRL.irانجمن کلاس‌های آنلاین سایت-- دوره WebOnline1انجمن نرم‌افزار کتاب‌خوان تدریجی دُرانجمن پشتیبانی مِلکا (سیستم مدیریت مشاور املاک) به دور از رايانه----------------مباحث متفرقه-- انجمن ورزشي-- جوك و لطيفه و سرگرمي-- ماشین علمي-آموزشي، اجتماعي، فرهنگي-- انجمن مذهبي-- انجمن ادبي-- انجمن جوانان-- پزشكي - روانشناسي-- علم ریاضی-- انجمن پروژه ها و ابتکاراتفيلم و سینما، كليپ و آهنگآموزشگاه زبان سایت-- Let's learn english (آموزش و تقویت زبان انگلیسی)-- لنتعلم العربیة (زبان عربی)-- زبان ترکی انجمن دانشجويان و دانش آموزان----------------دانشگاه-- رشته کامپيوتر (تمام گرايش​ها)دبيرستانهنرستان و کار و دانش مقالات و آموزش‌هاي شما----------------مقالات و آموزش‌هاي شما كامپيوتر ----------------عمومي كامپيوتر-- سخت افزار-- بازي‌هاي رايانه‌اي و ساخت آن‌ها-- شبکه‌های کامپیوتری-- مجموعه آفيسسيستم عامل -- سيستم عامل Windows-- سيستم عامل Linuxبرنامه‌نويسي تحت وب-- زبان برنامه‌نويسي PHP-- زبان برنامه‌‌نويسي NET.-- تکنولوژي Ajaxعمومي برنامه‌نويسي-- زبان برنامه‌نويسي C و مشابه-- زبان برنامه‌نويسي Delphi-- ويژوال بيسيك VB-- انجمن سورس‌-- گرافيك در برنامه‌نويسي-- زبان Java , Java Script اينترنت-- مسائل مربوط به هكينگ و امنيت-- ياهو و مسائل مربوط به آنشرکت اپل (Apple)-- آیفون (iPhone)-- سیستم عامل‌های Mac OS و iOSبخریم یا نخریم؟مباحث مرتبط با انواع پایگاه داده‌ها  گرافيك كامپيوتري (دو بعدي)----------------مسائل عمومي مربوط به گرافيك دوبعدينرم‌افزارهاي مربوط به طراحي تصویر (گرافیک پیکسلی)-- گالري و نظرخواهينرم‌افزارهاي مربوط به طراحي وكتور (گرافيك برداري)مسائل عمومي مالتي مديا-- برنامه MultiMedia Builder-- برنامه Flash و نرم​افزارهاي وابسته هنر عكاسي و مباحث مربوط به آن----------------هنر عكاسي و مباحث مربوط به آن-- نمونه كارهاي شما گرافيك كامپيوتري (سه بعدي)----------------مسائل عمومي مربوط به گرافيك سه بعدي-- برنامه قدرتمند 3D Studio Max-- برنامه قدرتمند Maya طراحی سایت و وبلاگ----------------طراحي سايت‌هاي اينترنتي-- اصول طراحي صفحات وب-- طراحي وبلاگ و مسائل مربوط به آنسيستم‌هاي مديريت محتوي-- PHP Nuke-- Mambo/Joomla-- WordPress ميكس و مونتاژ----------------ميكس صوتي-- برنامه Adobe Audiotionمسائل عمومي مربوط به ميكس و مونتاژ-- برنامه قدرتمند Edius-- برنامه Adobe Premier-- برنامه Ulead Media Studio-- برنامه قدرتمند After Effects موبایل و مسائل مربوط به آن----------------موبایل و مسائل مربوط به آن-- Pocket PC & PDA فروم‌بلاگ | ForumBlog----------------فروم‌بلاگ‌هاي اعضا-- فروم‌بلاگ Hamid-- فروم‌بلاگ animeditor-- فروم​بلاگ Bahar-- فروم​بلاگ Ghodrat-- فروم‌بلاگ gtm396-- فروم‌بلاگ Sunny-- فروم‌بلاگ MGS-- فروم بلاگ kahroba-- فروم‌بلاگ glasy_heart-- فروم‌بلاگ ehadi-- فروم‌بلاگ yousefgharibi-- فروم‌بلاگ moloud-- فروم‌بلاگ mahnazSALASفروم‌بلاگ agro  شما نمی توانید در این بخش موضوع جدید پست کنید شما نمی توانید در این بخش به موضوعها پاسخ دهید شما نمی توانید موضوع های خودتان را در این بخش ویرایش کنید شما نمی توانید موضوع های خودتان را در این بخش حذف کنید شما نمی توانید در این بخش رای دهید