رفتن به مطلب

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


پست های پیشنهاد شده

سلام

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

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

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

ممنون

لینک به ارسال

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



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

لینک به ارسال

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

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

لینک به ارسال

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

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

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

لینک به ارسال

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

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

عکس نمونه:

wordpress_logo.png

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

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

لینک به ارسال
  • 3 ماه بعد...

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

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

عکس نمونه:

wordpress_logo.png

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

.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 رو کجا و جه جوری باید جا بدم ؟

لینک به ارسال
  • 3 هفته بعد...

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

لینک به ارسال

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

لینک به ارسال

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

مثلا:

http://jqueryui.com/animate/

لینک به ارسال

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

لینک به ارسال

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

لینک به ارسال

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

لینک به ارسال

اقا مرتضی الان من اومدم یه فایل با پسوند 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>

،

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...