ebook4mobile

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

17 پست در این موضوع

آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

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

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

Share this post


Link to post
Share on other sites

490820e2e28265ebaf3ab1670fca4522be3529f79d95d3239839555e04ee62ec6g.jpg

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

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

Share this post


Link to post
Share on other sites
490820e2e28265ebaf3ab1670fca4522be3529f79d95d3239839555e04ee62ec6g.jpg

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

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

این افکت با استفاده از 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

موفق باشین

Share this post


Link to post
Share on other sites
و این اسلاید شو که واقعاً خوب چیزیه / ماژول ای هم هستش ؟

6f688e03c0e471b460ef3e160036e2b7cadbc913b67117c1f0be9702eef7ed204g.jpg

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

Share this post


Link to post
Share on other sites
این افکت با استفاده از 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

موفق باشین

ممنونم از شما

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

Share this post


Link to post
Share on other sites
ممنونم از شما

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

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

Share this post


Link to post
Share on other sites

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

9aa23e9d9ec034a338205c2963a97145673c54da573164360e3bce5eb789b07a4g.jpg

ممنونم از شما

Share this post


Link to post
Share on other sites
میبخشید الان اگه بخوایم رو این قسمت این کد رو پیاده کنم باید چه کارهای رو انجام بدم؟

9aa23e9d9ec034a338205c2963a97145673c54da573164360e3bce5eb789b07a4g.jpg

ممنونم از شما

در فایل 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);
}

موفق باشین

Share this post


Link to post
Share on other sites
در فایل 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/ شاید راحتتر عاریض بنده تفهیم بشه که منظورم از نرم بودن چیه

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

Share this post


Link to post
Share on other sites

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

-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;
}

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
این ماژول نیست بلکه از css3 استفاده شده که شما به راحتی میتونید استفاده کنید.من کدهاش رو استخراج کردم تا راحت تر بتونید استفاده کنید.فایل رو دانلود و اجراش کنید:

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

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

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

Share this post


Link to post
Share on other sites
سلام ببخشید منم میخام توی سایتم داشته باشم.

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

با سلام

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

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

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

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری