درخواست خیلی کوچیک طراحی وب

[ÖMID]

سلام دوستان عزیز
به عکس های زیرنگاه کنید :

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

حتما فهمدید که میخوام چیو تو طراحی وب شبیه سازی کنم ؟
اگه میشه یک چنین چیزی رو برای من طراحی کنید
فقط عکس سوم دارای چند قسمته یک اول عکسه (که کنار اون دایره ای هست) اخر عکسه و وسط عکسه
یعنی به این حالت:

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

یعنی 7 تا عکس بشه به سبک قرون وسطی ...
تو طراحی وب اینارو به هم میچسبونیم

[ÖMID]

دوستان برای طراحی چنین چیزی حتما فوتوشاپ لازمه ؟
اگه نرمافزاری هستش که کار باحاش راحته معرفی کنید لطفا ؟

[DaRiOuShJh]

سلام برادر
آقا متاسفانه من فقط یه دونه عکس بیشتر نمیبینم که اونم یه آیکون کوچیک برای drop down menu هست

[ÖMID]

سلام برادر بفرما :
به عکس های زیرنگاه کنید :

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]



[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

حتما فهمدید که میخوام چیو تو طراحی وب شبیه سازی کنم ؟
اگه میشه یک چنین چیزی رو برای من طراحی کنید
فقط عکس سوم دارای چند قسمته یک اول عکسه (که کنار اون دایره ای هست) اخر عکسه و وسط عکسه
یعنی به این حالت:

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

یعنی 7 تا عکس بشه به سبک قرون وسطی ...
تو طراحی وب اینارو به هم میچسبونیم

اگه هم چنین چیزی وقت گیره بگید با کدوم نرمافزار کار کنم ؟ ( یا به اصطلاح کدوم نرمافزاری برای طراحی وب خوبه ؟)

[DaRiOuShJh]

همممممممممم
امید جان من منظورتون رو هنوز دقیق نگرفتم متاسفانه

شما الان همین عکس هاتون رو از کجا آوردید؟ توی صفحه ای چیزی بوده

تا اونجا که من میدونم کدی ندیدم که اسکرول بار رو عوض کنه و توی همه ی مرورگرها پشتیبانی بشه

این موضوعه قرون وسطی چی هست؟

[ÖMID]

OK داریوش جان
مذرت میخوام بد توضیح دادم احتمالا.
بله این عکس هارو من از اسکرول بار خود مرورگر گرفتم . و فقط مثال میزنم که تیکه های که قراره طراحی بشه به همین انداره باشه بعدا css در صفحه میچسبه به هم .
یعنی چی ؟ کدی که اسکرول بار رو عوض کنه ؟ من با این عکس ها یک چنین چیزی رو مرورگر شبیه سازی میکنم. اصلا با اسکرول بار کاری ندارم.
منظورم از قرون وسطی اینه که سبک طراحی اینطور باشه مثلا. تو طراحی گرافیک ها حالتهای از قرون وسطی و زرد نارنجی و یا از اهن الات استفاده شده باشه lol.
(مثلا پس زمینه):
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
یه چیزی مثل شبیه زنجیر باشه height اون اینقدر باشه که وقتی repeat-y میکنم قشنگ دیده بشه یا فرقی نداره که کاغذی باشه فقط حال احوال قرون وسطی بهش بخوره ...
بقیشم خودتون هر چی صلاح میدونید بکشید
در صورتی هم که درخواستم سنگینه یه نرمافزاری معرفی کنید که من شروع کنم به یاد گیری و خودم بکشم
از زحمتی هم که کشیدی ممنونم .

[DaRiOuShJh]

خوب پس اینطور که پیداست ما به اسکرول بار خود صفحه کاری نداریم
اگر اسکرول بار کلی صفحه یا فریم های داخلش بود راحت میشد با استایل تغییر داد مثله همین صفحه ی دیزاین سایته خودم

در مورد نحوه ی کار که اگر شما میخوای یه شکلی هم به اسکرول بارتون بدید باید یه طرح یا عکس زیر یا روش بزارید تو فوتوشاپ و با overlay و opacity و .... بهش افکت های لازم رو بدید تا به اون شکلی که میخواید در بیاد

بعد قطعات رو طبق ترتیبی که گفتید ببرید و با فرمت gif یا jpg و اگر Png fix دارید و میخواید حالته transparent ]م داشته باشه با فرمت Png ذخیره کنید و بعد برید سراغه css و کد نویسیش که با 3 تا div راحت میشه در آوردتش


یه چیزی مثل شبیه زنجیر باشه height اون اینقدر باشه که وقتی repeat-y میکنم قشنگ دیده بشه یا فرقی نداره که کاغذی باشه فقط حال احوال قرون وسطی بهش بخوره ...

در این مورد خوب باید طرحکلی و گرافیکی که قراره در layout و template اصلی استفاده بشه مشخص شده باشه تا نسبت به اون یه چیزی طراحی بشه که بهش بخوره یا حداقل رنگ بندیش باهاش متناسب باشه

یعنی شما اول با فوتوشاپ طرح اصلیت رو کاراش رو بکنی بعد بیای سراغ این جور ریزه کاری ها و گرافیک های متناسب که به کارتون بخوره رو بگیری و تغییرات لازم رو بدی

حالا برای انیمیشنش چی کار میکنی؟ فیکس کردن اسکرول بار با مطالب یه مقدار دردسر داره ها

البته همه ی اینا در صورتی به کارت میاد که درست متوجه شده باشم:31:

[ÖMID]

خوب پس اینطور که پیداست ما به اسکرول بار خود صفحه کاری نداریم
اگر اسکرول بار کلی صفحه یا فریم های داخلش بود راحت میشد با استایل تغییر داد مثله همین صفحه ی دیزاین سایته خودمخوب این یعنی چی یعنی با اسکرول بار خودش می تونیم اینکارو بکنیم ؟


در مورد نحوه ی کار که اگر شما میخوای یه شکلی هم به اسکرول بارتون بدید باید یه طرح یا عکس زیر یا روش بزارید تو فوتوشاپ و با overlay و opacity و .... بهش افکت های لازم رو بدید تا به اون شکلی که میخواید در بیادمتاسفانه من زیاد css یا فوتوشاپ بلد نیستم . (این اصطلاحات چیه ؟)
در مورد اینکه text ها بعد اینکه بالا رفتن و از محدوده اسکرول بار خارج شدن نظری دارید که با css بشه کاری کرد ؟
فکر کنم با css میشه برد زیر عکس .
فقط این اسکرول بار خود ویندوز خیلی ضایست بهتره نباشه. :31:


بعد قطعات رو طبق ترتیبی که گفتید ببرید و با فرمت gif یا jpg و اگر Png fix دارید و میخواید حالته transparent ]م داشته باشه با فرمت Png ذخیره کنید و بعد برید سراغه css و کد نویسیش که با 3 تا div راحت میشه در آوردتش
درسته یه div کلی گذاشتم و با یک div دیگه top رو 100% کردم تا اسکرول بار برو اخر وایسته
بعدا برای هر عکس یه div گذاشتم .
فعلا من با همین عکسها یه چیز ابتدایی ساختم با جاوا اسکریپت که drop down menu و drop up menu کار میکنه
الان نمیدونم من اینایی که میکنم درسته ؟ یا خیر راهکاریی بهتر وجود داره یا خیر
یک مشکلی دیگه که تو عکس ها هست فقط روش کلیک کنیم و بکشیم (drag and drop) شکل با ایکون موس میاد اینور اونور راه حلی هستش برای اینکار ؟
یه سئوال دیگه چرا برای سایت خودتون چنین کاری نمیکنید ؟



در این مورد خوب باید طرحکلی و گرافیکی که قراره در layout و template اصلی استفاده بشه مشخص شده باشه تا نسبت به اون یه چیزی طراحی بشه که بهش بخوره یا حداقل رنگ بندیش باهاش متناسب باشهحرف شما درسته . طرح دست دوستم هست قرار شده من یه چنین کاری رو انجام بدم
و اگه بشه یه چیزی با جاوا اسکریپت بنویسم که هر جایی به سادگی بشه استفاده کرد ..(یعنی برای استفاده فقط لازم باشه که مقادیره height , width عکس ها + سرعت حرکت text ها و ... ) رو بدیم و دیگ نیازی نباشه ...

حالا برای انیمیشنش چی کار میکنی؟ فیکس کردن اسکرول بار با مطالب یه مقدار دردسر داره ها

میشه از jquery استفاده کرد درسته ؟ یا با جاوا اسکریپت هم میشه ...

البته همه ی اینا در صورتی به کارت میاد که درست متوجه شده باشم[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]نه بابا این چه حرفیه ! شما استادید ! :31:

[DaRiOuShJh]

خوب این یعنی چی یعنی با اسکرول بار خودش می تونیم اینکارو بکنیم ؟

این آدرس رو با مرورگر اینترنت اسکپلور ببینید متوجه میشید: D JH.ir
همچین کدی یعنی:


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

در مورد اینکه text ها بعد اینکه بالا رفتن و از محدوده اسکرول بار خارج شدن نظری دارید که با css بشه کاری کرد ؟
فکر کنم با css میشه برد زیر عکس .

خوب میتونید ازتفاع مشخصی براش تعریف کنید و با overflow یه اسکرول بار نشون داده بشه برای محتوای اضافی

ولی در کل هر مرورگری از اسکرول بار خودش استفاده میکنه مگر اینکه از فریم ورک های جاوا اسکریپت مصله jquery استفاده کنید که یه نمه بیشتر پیچیده میشه


درسته یه div کلی گذاشتم و با یک div دیگه top رو 100% کردم تا اسکرول بار برو اخر وایسته
بعدا برای هر عکس یه div گذاشتم .
فعلا من با همین عکسها یه چیز ابتدایی ساختم با جاوا اسکریپت که drop down menu و drop up menu کار میکنه
الان نمیدونم من اینایی که میکنم درسته ؟ یا خیر راهکاریی بهتر وجود داره یا خیر
یک مشکلی دیگه که تو عکس ها هست فقط روش کلیک کنیم و بکشیم (drag and drop) شکل با ایکون موس میاد اینور اونور راه حلی هستش برای اینکار ؟
یه سئوال دیگه چرا برای سایت خودتون چنین کاری نمیکنید ؟

والا باید کدها رو و عملکردشون رو ببینم تا بشه نظری داد
اون مشکمل drag and drop هم یه مقدار پیچیده میشه چون باید با jquery کارکنید و قلق های خودش رو داره
منم تست نکردم ولی چون باید از چندین کد مختلف استفاده کنید باید با jquery هم آشنایی کامل داشته باشید


حرف شما درسته . طرح دست دوستم هست قرار شده من یه چنین کاری رو انجام بدم
و اگه بشه یه چیزی با جاوا اسکریپت بنویسم که هر جایی به سادگی بشه استفاده کرد ..(یعنی برای استفاده فقط لازم باشه که مقادیره height , width عکس ها + سرعت حرکت text ها و ... ) رو بدیم و دیگ نیازی نباشه ...

یه نگاه بنداز ببین این یا کدهای مشابهش به کارتون میاد؟

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید