arses

ماژول چرخشی لوگو

آغاز شده توسط: arses,

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

ارسال شده در (ویرایش شده)

سلام می خواستم بدونم آیا برای جوملا حالا تمام نسخه ها آیا ماژول چرخشی لوگو که به صورت Jquery با حالت تغییر نور یا رنگ داشته باشه هست؟؟

خواهش میکنم میدونم میگید راحت تو گوگل جستجو می کردی. من انجام دادم هم از Bing و هم از Google اما نتیجه درست از سایت های ایرانی عزیز نگرفتم. خواستم اینحا مطرح کنم شاید کسی ازش چیزی بدونه.

راستی حالت چرخشی لوگو یعنی با گرایش ماوس روی لوگو چرخش انجام گردد.

آیا باید به صورت ایستا کد مورد نظر را برای لوگو ایجاد کرد؟؟

با تشکر از همه دوستان عزیز.

ویرایش شده در توسط arses

Share this post

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

ارسال شده در

برای اینکار شما باید کد افکت مورد نظر رو در فایل css قالب خود(فایل استایل اصلی)و بخش لوگو اضافه کنین.

اینم کد css افکت چرخش:

.logo:hover{
-moz-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

اگر نتونستید این کار رو انجام بدین اگر قالبتون تجاری نیست توی تاپیک قرار بدین تا براتون درست کنیم

Share this post

Link to post
Share on other sites

ارسال شده در (ویرایش شده)

سلام آقا وحید، با تشکر از لطفت.

نه سایت من همون قالب اصلی joomlafarsi هستش قالب yougrids اما من می خواستم تو قسمت footer صفحه وسط لوگو کار کنم که به صورت چرخشی باشه.

قالب رو zip کردم نمی دونم چطور اضافه کنم فایل css رو

ببین میشه اینکارو کرد؟ که من برم فایل footer رو باز کنم لوگو رو انجا قرار بدم و یه css برای لوگو جدید تعریف کنم و به فایل head اضافه کنم؟

یا راه دیگه شما پیشنهاد می کنی.

ویرایش شده در توسط arses

Share this post

Link to post
Share on other sites

ارسال شده در (ویرایش شده)

میتونین یه کار دیگه هم کنین که یه ذره راحت تره.این ماژول رو دانلود و روی جوملاتون نصب کنید.بعد به مدیریت ماژول ها برین و ماژول رو فعال کنید و اختصاص بدین به موقعیت و صفحات و در سمت چپش جایی که برای گذاشتن کد هست این کد رو وارد کنید:

<html>
<head>
<style type="text/css">
.logo {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.logo:hover{
-moz-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
</style>
</head>

<body>
<img class="logo" src="لینک تصویر شما در اینترنت(همراه http://)" width="طول تصویر" height="عرض تصویر">
</body>
</html>

اون جاهایی که فارسی نوشتم هم مشخصات تصویرتون رو وارد کنید و ماژول رو ذخیره کنین.حالا به سایتتون برین و در موقعیت انتخاب شده ماژولتون رو ببینین.

نکته 1:لینک تصویر رو بین " " قرار بدین مثال:"http://joomlaforum.ir" که البته باید آدرس دقیق تصویر باشه

نکته 2:ابعاد تصویر رو به px بنویسید و بین دو " " مثال: "200px"

در پناه حق

ویرایش شده در توسط Vahid Taheri

Share this post

Link to post
Share on other sites

ارسال شده در

وحید داداش من اینو تو یه صفحه هام فقط و فقط لوگو بود گذاشتم css رو همین جور که گفتی اضافه کردم اما هچ تغییری نکرد

خودت اینکارو بکن ببین برای تو جواب میده؟

Share this post

Link to post
Share on other sites

ارسال شده در

سلام داداش آیا تو این css3 جدید که حالت چرخش رو داره انجام میده میشه زمان چرخش عکس رو تغییر بده یا رنگه عکس رو؟/

Share this post

Link to post
Share on other sites

ارسال شده در

سلام داداش آیا تو این css3 جدید که حالت چرخش رو داره انجام میده میشه زمان چرخش عکس رو تغییر بده یا رنگه عکس رو؟/

رنگ عکس رو که فکر نکنم بشه ولی می تونید زمان رو با تغییر مقادیر 0.3s به مقدار دلخواه بر حسب 1/10 ثانیه تغییر بدین ;)

Share this post

Link to post
Share on other sites

ارسال شده در

میدونم فقط اگه شد شما هم کار کن روش که بشه عکس عوض شه اگه بشه میشه تبدیل به یه js کرد و اون رو به یه ماژول خیلی چیز جالبیه به نظرم برای کار گرافیکی و سبک.

ممنون

Share this post

Link to post
Share on other sites

ارسال شده در

آقا کسی میدونه میشه آیا زمان چرخش رنگ عکس یا خود عکس میشه تغییر کنه یا نه ؟

Share this post

Link to post
Share on other sites

ارسال شده در

سلام دوستان این کد درسته اما رو Browser IE کار نمی کنه آیا کسی میدونه چجوری میشه درست کرد که رو IE هم کار کنه؟

Share this post

Link to post
Share on other sites

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

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

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

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


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

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

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


ورود به حساب کاربری
بازگشت به لیست عناوین تاپیک رفع مشکلات و سوالات عمومی جوملا 1.7 و 2.5