PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : چرخشه لوگو



Arshia Gon
07-10-2014, 02:44 AM
سلام به آقا هومن
یه سوال درباره لوگو داشتم
می خواستم بدونم سایت هایی ماننده تم دیزاینر سرچ بزنی میاد
لوگوشون وقطی موس میره روشون می چرخه و وقتی موس از روشون میره برمی گرده
می خواستم بدونم چه جوری اینکارو می کنن
اگه می تونی برام آموزششو بزار!!

admin
07-10-2014, 04:31 PM
اول نیاز به چیزی داریم که برامون نمایش بده و کاری کنیم که بپرخه. همونطور که گفتین ما از کد عکس استفاده میکنیم که به صورت زیر هست.

<img src="linkaks" width="100" />
حالا باید بهش یه کلاس بدیم و در داخل تگ استایل دوحالت معمولی و حرکت موس تعریف کنیم. ما از نام کلاس im استفاده میکنیم ولی شما هرچی خواستید(البته نام های مجاز) میتونید استفاده کنید.


<style>
.im{

}
.im:hover{

}
</style>
<img src="linkaks" width="100" class="im" />

حالا بهش استایلی میدیم که وقتی موس رفت روش بچرخه (حالت عادی 0درجه و زمانی که موس روش میره 360 درجه بچرخه.)


<style>
.im{
transform: rotate(0deg);
}
.im:hover{
transform: rotate(360deg);
}
</style>
<img src="linkaks" width="100" class="im" />

حالا این کد رو اگه تست کنید میبینید که به درستی کار میکنه (البته به خاظر این که 360 درجه میچرخه و به صورت آنی هست باید یکی از اعداد رو کمتر یا زیاد تر کنید.)
حالا یه سری کد دیگه بهش اضافه میکنید که به صورت آنی نچرخه(چرخش به چشم بیاد)(برای کمتر کردن سرعت اعداد 3 رو کم کنید و برای بیشتر کردن سرعت اعداد 3 رو بیشتر کنید/ اعداد ممیزی هم قبول میکنه)

<style>
.im{
transform: rotate(0deg);-moz-transition:all 3s ease;-o-transition:all 3s ease;-khtml-transition:all 3s ease;-webkit-transition:all 3s ease;transition:all 3s ease;
}
.im:hover{
transform: rotate(360deg);
}
</style>
<img src="linkaks" width="100" class="im" />

arshaGraphic
07-10-2014, 04:33 PM
ولی تم دیزاینر از کد استفاده نمی کنه تو قالباش اصلا فقط عکسو می زاره

admin
07-10-2014, 04:37 PM
متوجه منظورتون نشدم. این که کل عکس ها بچرخن؟ برای این که کل عکس ها بچرخن باید از نام تگ استفاده کنید.
به جای .im بنویسید img
این کار کل عکس های سایتتون رو در بر میگیره و این خاضیت رو بهش میده.

arshaGraphic
07-10-2014, 04:43 PM
نه منظورم اینه که تو کد قالب فقط یه عکس می زاره قسمت فوترش و وقتی موس میره می چرخه
اصلا این کدا تو قالب های تم دیزاینر وجود ندارن

admin
07-10-2014, 04:51 PM
im یک کلاسی هست که داخل کد تعریف شده.
برای این که فقط یک چیز خواص بعد موس موو بچرخه از کلاس زیر استفاده میکنیم.

.name class{}
برای اینکه کل عکس های موجود در داخل سایت بچرخند از نام کلاس زیر استفاده میکنیم.

img{}
اگر میخواهید کل عکس های یک قسمت خاصی بچرخند ابتدا برای اون قسمت یک نام کلاسی تعریف میکنید. به صورت زیر

<div class="footer">
Code haye shoma
</div>
حالا داخل استایل به صورت زیر براش کد ها رو مینویسید

.footer img{}
به غیر از این سه حالت ، حالت دیگه ای نمی مونه که کسی بخواد استفاده کنه. :p
بازم اگه سوالی بود ، در خدمتم.

arshaGraphic
07-10-2014, 04:52 PM
اره این کدا هستند