درخواست ماژول دایره ای

[ebook4mobile 10]

سلام

دنبال ماژول دایره ای مثل سایت زیر هستم

گشتم پیدا نکردم!

http://www.joomla.ir

[ebook4mobile 10]

کسی نیست جواب بده؟

[ابوالفضل طالبی 280]

این ماژول نیست بلکه از css3 استفاده شده که شما به راحتی میتونید استفاده کنید.من کدهاش رو استخراج کردم تا راحت تر بتونید استفاده کنید.فایل رو دانلود و اجراش کنید:

http://jupload.ir/do.php?filename=joomlaforum.ir_13473798661.zip

[designer 12]

معذرت میخوام این قسمتش از چی استفاده شده که وقتی موس میره روش متحرک میشه و به قسمت پایین حرکت میکنه ؟

لطفاً جواب بدین ازتون واقعاً ممنونم

[designer 12]

و این اسلاید شو که واقعاً خوب چیزیه / ماژول ای هم هستش ؟

[Vahid Taheri 74]

معذرت میخوام این قسمتش از چی استفاده شده که وقتی موس میره روش متحرک میشه و به قسمت پایین حرکت میکنه ؟

لطفاً جواب بدین ازتون واقعاً ممنونم

این افکت با استفاده از css هست واین هم کدش هست:

.logo:hover{
-moz-transform: scale(1) translateY(15px);
-webkit-transform: scale(1) translateY(15px);
-o-transform: scale(1) translateY(15px);
-ms-transform: scale(1) translateY(15px);
transform: scale(1) translateY(15px);
}

این کد رو رو باید بزارین توی فایل template.css قالبتون بعد ازکدهای استایل logo

موفق باشین

[Vahid Taheri 74]

و این اسلاید شو که واقعاً خوب چیزیه / ماژول ای هم هستش ؟

این اسلایدشو فکر کنم همراه با قالب باشه و ماژول نباشه ویا اینکه یه ماژولی اختصاصی هست و برای دانلود منتشر نشده باشه

[designer 12]

این افکت با استفاده از css هست واین هم کدش هست:

.logo:hover{
-moz-transform: scale(1) translateY(15px);
-webkit-transform: scale(1) translateY(15px);
-o-transform: scale(1) translateY(15px);
-ms-transform: scale(1) translateY(15px);
transform: scale(1) translateY(15px);
}

این کد رو رو باید بزارین توی فایل template.css قالبتون بعد ازکدهای استایل logo

موفق باشین

ممنونم از شما

میبخشید این کد رو باید الان تو قسمتی که میخوام متحرک بشه کپی کنم ؟!

[Vahid Taheri 74]

ممنونم از شما

میبخشید این کد رو باید الان تو قسمتی که میخوام متحرک بشه کپی کنم ؟!

بله البته میتونین میزان حرکتش یا جهتش هم تغییر بدین که برای تغییر میزان حرکت اعداد 15 رو کم یا زیاد میکنین و برای حرکت افقی به جای translateY میزنین translateX و یا هر دو شون رو با مقدارشون کنار هم مینویسین و فاصله (space) بینشون میزارین

[designer 12]

میبخشید الان اگه بخوایم رو این قسمت این کد رو پیاده کنم باید چه کارهای رو انجام بدم؟

ممنونم از شما

[Vahid Taheri 74]

میبخشید الان اگه بخوایم رو این قسمت این کد رو پیاده کنم باید چه کارهای رو انجام بدم؟

ممنونم از شما

در فایل http://azar-p.ir/templates/shaper_pocha/css/template_rtl.css و بعد از عبارت:

a#logo {
   background-position: 100% 50%;
}

یعنی خط 10 این کد رو وارد کنید:

a#logo:hover{
-moz-transform: scale(1) translateY(15px);
-webkit-transform: scale(1) translateY(15px);
-o-transform: scale(1) translateY(15px);
-ms-transform: scale(1) translateY(15px);
transform: scale(1) translateY(15px);
}

موفق باشین

[designer 12]

در فایل http://azar-p.ir/templates/shaper_pocha/css/template_rtl.css و بعد از عبارت:

a#logo {
   background-position: 100% 50%;
}

یعنی خط 10 این کد رو وارد کنید:

a#logo:hover{
-moz-transform: scale(1) translateY(15px);
-webkit-transform: scale(1) translateY(15px);
-o-transform: scale(1) translateY(15px);
-ms-transform: scale(1) translateY(15px);
transform: scale(1) translateY(15px);
}

موفق باشین

خیلی خیلی ممنونم از شما کاملاً توضیحاتتون عالیه / یک مطلب دیگه هم جسارتً دارم که اگه توجه داشته باشین به http://www.joomla.ir/ خیلی نرم میاد پایین و نرم هم بر میگرده / جالبه / چی باید به این کدی که شما دادین اضافه کنیم تا نرم جابجا بشه؟/ممنونم میشم ازنتون تا کمکم کنید/البته به نظر بنده فکر نکنم با کم کردن سرعت درست بشه / شاید هم اشتباه میکنم / الان با اجازتون کد رو پیاده کردم خیلی جالب شده دستتون درد نکنه / کمی کار گرافیکش رو درست کنم عالیتر میشه /شاید کامل نتونسته باشم خوب توضیح بدم مشکل خودمو، خودتون اگه لطف کنید نگاه کنید http://azar-p.ir/ شاید راحتتر عاریض بنده تفهیم بشه که منظورم از نرم بودن چیه

ازشما بی نهایت ممنونم

[Vahid Taheri 74]

مقدار translateY رو عددی کمتر از 15 قرار بدین درست میشه

[sdns 14]

اگه می خواین که نرم تر حرکت کنه می تونین به انتهای کدی که دوستمون گفتن این کد رو هم اضافه کنین:

-webkit-transition: 700ms;
   -moz-transition: 700ms;
   -o-transition: 700ms;
   -ms-transition: 700ms;
   transition: 700ms;

برای کم و زیاد کردن نرمی اش هم زمان رو کم و زیاد کنین ( 700 میلی ثانیه رو)

یعنی این گونه خواهد شد:

a#logo:hover{
-moz-transform: scale(1) translateY(15px);
-webkit-transform: scale(1) translateY(15px);
-o-transform: scale(1) translateY(15px);
-ms-transform: scale(1) translateY(15px);
transform: scale(1) translateY(15px);
-webkit-transition: 700ms;
   -moz-transition: 700ms;
   -o-transition: 700ms;
   -ms-transition: 700ms;
   transition: 700ms;
}

[meysam6541 10]

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

[sajad89m 10]

این ماژول نیست بلکه از css3 استفاده شده که شما به راحتی میتونید استفاده کنید.من کدهاش رو استخراج کردم تا راحت تر بتونید استفاده کنید.فایل رو دانلود و اجراش کنید:

http://jupload.ir/do.php?filename=joomlaforum.ir_13473798661.zip

سلام ببخشید منم میخام توی سایتم داشته باشم.

کجا وارد کنم؟ باید دقیقا چکار کنم؟

[Morteza Fard Saffari 35]

سلام ببخشید منم میخام توی سایتم داشته باشم.

کجا وارد کنم؟ باید دقیقا چکار کنم؟

با سلام

عزیز دل شما برای استفاده از این کد ها باید کد های CSS مابین دو تگ <style type="text/css"> و </style> در فایل CSS قالبتون کپی کنید سپس کد ها موجود در تگ <body> رو هم در موقعیت مورد نظرتون همونجایی که دوست دارید نمایش داده بشه در فایل index.php قرارش بدید

موفق و پیروز باشید.

زنده باد ایران و ایرانی