کد تغییر خودکار عکس

[Akbar 441]

سلام

دوستان میخواستم ببینم که چطور میشه چیزی مانند آرم وردپرس سایت wordpress98.com درست کرد؟

یعنی رنگش عوض بشه(یک نگاه بندازید)

"درمورد عنوان تاپیک هم ندونستم که چی بزنم و مدیران اگه عنوان خوبی برای این موضوع داشتم تغییر بدن"

ممنون

[حسین 323]

منظورتون چرخش آرم هست؟

.arm:hover {
-moz-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg);
}

[Akbar 441]

ممنون ولی نه! چرخش رو میدونم!

منظور من اون آرم وردپرس هست که قرمز میشه و سفید میشه.

[حسین 323]

فکر کنم مربوط به این کد جاوا اسکریپت باشه:

http://www.wordpress98.com/wp-content/themes/wp98/js/fs.js

ولی در کل یه gif بذارید به نظرم بهتر باشه!

[Morteza 34190]

ببینید یک عکس بکگراند هست که دو تیکه هست.

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

عکس نمونه:

کد استایل در سایت فوق:

.wp_logo_normal {
	width:35px !important;
	height:35px !important;
	float:right;
	background:url(images/wordpress_logo.png) no-repeat -35px 0;
	position:absolute;
	left:0;
	top:2px;
	z-index:10
}
.wp_logo_hover {
	width:35px;
	height:35px;
	float:right;
	background:url(images/wordpress_logo.png) no-repeat 0 0;
	position:absolute;
	left:0;
	top:2px;
}

کد js در سایت فوق:

$(function() {window.setInterval("$('.wp_logo_normal').toggle('slow');",1000);});

[mahdi.a 432]

ببینید یک عکس بکگراند هست که دو تیکه هست.

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

عکس نمونه:

کد استایل در سایت فوق:

.wp_logo_normal {
	width:35px !important;
	height:35px !important;
	float:right;
	background:url(images/wordpress_logo.png) no-repeat -35px 0;
	position:absolute;
	left:0;
	top:2px;
	z-index:10
}
.wp_logo_hover {
	width:35px;
	height:35px;
	float:right;
	background:url(images/wordpress_logo.png) no-repeat 0 0;
	position:absolute;
	left:0;
	top:2px;
}

کد js در سایت فوق:

$(function() {window.setInterval("$('.wp_logo_normal').toggle('slow');",1000);});

سلام خسته نباشید ، فایل js رو کجا و جه جوری باید جا بدم ؟

[Morteza 34190]

مطالعه کنید.

[mahdi.a 432]

اقا مرتضی من که نفهمیدم چی گفته ، شما یه زحمت برا من بکشید بگید که چه جوریه دمت گرم ، راستی اگه بخوام این کار رو روی یک کادر کوچک که به صورت کد هستش رو چه جوری میتونم این کار رو انجام بدم :

[Morteza 34190]

سلام

کجا رو مشکل دارید؟ نحوه چیدن کدها؟

[mahdi.a 432]

js : نمیدونم این فقط یک کد هستش یا نه فایل هستش باید دانلود کنم ، نمیدونم کجا باید جاش بدم .

اگه بخوام این کار رو روی کادر زیر انجام بدم چه جوریه باید جلو برم :

.address ul li a {
background: #6a932a;
display:inline-block;
padding:2px 4px 4px 5px;
margin:3px 1px;
-moz-border-radius: 4px;
border: 1px #6a932a solid;
color: #fff;
}

[Morteza 34190]

برای تغییر رنگ بصورت افکتی روی یک کادر از jquery colors استفاده کنید.

مثلا:

http://jqueryui.com/animate/

[mahdi.a 432]

نه اقا مرتضی ، منظور من اون لوگو وردپرس قرمز رنگ بود که رنگ عوض میکرد و چشمک میزد رو من میخوام روی کادر بزنم !

[Morteza 34190]

نمونه

http://jsfiddle.net/v4tWJ/1/

[mahdi.a 432]

اقا مرتضی خیلی کمک کرد فقط الان نمیدونم اون کد جاوا اسکریپت رو کجا بزارم و چه جوری بزارم ؟!

[Morteza 34190]

تو پوسته. هم میشه توی یک فایل .js بزارید و فراخوانی کنید هم میشه مستقیم توی تگ script توی پوسته تون بزارید.

[mahdi.a 432]

اقا مرتضی الان من اومدم یه فایل با پسوند js ساختم و این کد رو

$(function() {window.setInterval("$('.wp_logo_normal').toggle('slow');",1000);});

ریختم داخل فایل ، بعد اومدم تو فایل هدر هم این کد رو اضافه کردم

<script type="text/javascript" src="http://www.takwarez1.tk/wp-content/themes/tak/tiktak.js"></script>

،

حالا درسته یا نه ؟

[Morteza 34190]

بله فراخوانی به همین صورت هست.