پرش به


شبکه تبلیغات بازار وردپرس

  • لطفا وارد حساب کاربری خود شوید تا بتوانید پاسخ دهید
31 پاسخ برای این موضوع

#1 Ghasem Paran

Ghasem Paran

    کاربر فعال

  • عضو سایت
  • 445 ارسال
  • 326 تشکر
  • موقعیت شیراز
  • آشنایی با وردپرس مبتدی
  • سطح برنامه نویسی متوسط
  • آشنایی با طراحی متوسط
ارسال کننده

ارسالی ۱۳ مرداد ۱۳۹۲, ۰۹:۲۴

سلام
من یک سایت خبری دارم.
میخوام اخبار را به صورت زنده و لحظه ای نشون بدم.
تو اینترنت جستجو کردم و بالاخره تونستم این کار را بکنم.
اما مشکلی که داره خبرها به صورت ساده اضافه میشوند.
من میخوام وقتی خبر جدیدی اضافه میشه اول background خبر مثلا قرمز باشه و بعد از چند ثانیه به سفید تغییر کنه.
این بخش اخبار زنده سایت منه : http://khabargir.ir/live_news.html
اینها هم نمونه هایی است که در سایت های دیگه دیدم :
http://www.khabarpu.com/pu/zendeh-pu
http://tnews.ir
اگر کسی بتونه کمکی کنه یا بگه حداقل در اینترنت چی باید جستجو کنم ممنون میشم.
التماس دعا

#2 Morteza

Morteza

    گروه وردپرس پارسی

  • وردپرس پارسی
  • 17059 ارسال
  • 29358 تشکر
  • موقعیت ایران
  • آشنایی با وردپرس تسلط کامل
  • سطح برنامه نویسی تسلط کامل
  • آشنایی با طراحی تسلط کامل
ارسال کننده

ارسالی ۱۵ مرداد ۱۳۹۲, ۲۰:۲۹

مشکلتون فقط اختصاص یک پس زمینه خاص و بعد تغییر اون هست؟

وبگاه شخصی - Personal Website

سوالات و درخواست های خود را در انجمن مطرح کنید. سوالات و درخواست هایی که در پیام خصوصی مطرح شوند پاسخ داده نخواهند شد

تصویر تصویر تصویر تصویر تصویر


#3 Ghasem Paran

Ghasem Paran

    کاربر فعال

  • عضو سایت
  • 445 ارسال
  • 326 تشکر
  • موقعیت شیراز
  • آشنایی با وردپرس مبتدی
  • سطح برنامه نویسی متوسط
  • آشنایی با طراحی متوسط
ارسال کننده

ارسالی ۱۶ مرداد ۱۳۹۲, ۰۹:۴۱

نمایش پستMorteza, در ۱۵ مرداد ۱۳۹۲, ۲۰:۲۹, نوشته:

مشکلتون فقط اختصاص یک پس زمینه خاص و بعد تغییر اون هست؟
فعلا بله ....

#4 Morteza

Morteza

    گروه وردپرس پارسی

  • وردپرس پارسی
  • 17059 ارسال
  • 29358 تشکر
  • موقعیت ایران
  • آشنایی با وردپرس تسلط کامل
  • سطح برنامه نویسی تسلط کامل
  • آشنایی با طراحی تسلط کامل
ارسال کننده

ارسالی ۱۷ مرداد ۱۳۹۲, ۰۰:۱۹

ببینید شما نیاز دارید که با ایجاکس (یا موارد مشابه) کار کنید
که وقتی آدرس جدید اضافه شده در استایل بهش یک رنگ بدید
بعدمثلا با تابع setinterval بعد چند ثانیه بهش رنگ معمولی بدید

وبگاه شخصی - Personal Website

سوالات و درخواست های خود را در انجمن مطرح کنید. سوالات و درخواست هایی که در پیام خصوصی مطرح شوند پاسخ داده نخواهند شد

تصویر تصویر تصویر تصویر تصویر


#5 Ghasem Paran

Ghasem Paran

    کاربر فعال

  • عضو سایت
  • 445 ارسال
  • 326 تشکر
  • موقعیت شیراز
  • آشنایی با وردپرس مبتدی
  • سطح برنامه نویسی متوسط
  • آشنایی با طراحی متوسط
ارسال کننده

ارسالی ۱۷ مرداد ۱۳۹۲, ۰۸:۵۸

یعنی باید وقتی لینک ساخته میشه بهش یک id یا کلاس با رنگی که میخوام بدم.
و بعد با تابع

setinterval رنگ اون id یا class را تغیییر بدم.


اینو امتحان کردم. رنگ زمینه سریع عوض میشه.


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


<style type="text/css">
.new{
			height:30px;
			margin:4px;
			background:#FFF;
			background:
}
.old{
			height:30px;
			margin:4px;
			background:#CCC;	   
}
</style>
<script type="text/javascript">
function ChangeColor(id, frame){
			var color = '#CCC';
			switch(frame){
						case 1:
						color = "#FFECEC";
						break;
						case 2:
						color = "#FDD";
						break;
						case 3:
						color = "#FFC6C6";
						break;
						case 4:
						color = "#FFB3B3";
						break;
						case 5:
						color = "#FF9F9F";
						break;
						case 6:
						color = "#FF9393";
						break;
						case 7:
						color = "#FF8282";
						break;
						case 8:
						color = "#FF6F6F";
						break;
						case 9:
						color = "#F55";
						break;
						case 10:
						color = "#FF2F2F";
						break;																																																			 
			}
			if(frame <= 10){
						frame++;
						document.getElementById(id).style.backgroundColor = color;
						setTimeout("ChangeColor('" + id + "', " + frame + ");", 100);
			}
			if(frame == 11){
						setTimeout("ChangeColor('" + id + "', " + 12 + ");", 1000);					  
			}
			if(frame == 12){
						document.getElementById(id).style.backgroundColor = color;				   
			}		 
}
</script>
<div class="old" id="new">خبر جدید</div>
<div class="old">خبر قدیمی</div>
<div class="old">خبر قدیمی</div>
<div class="old">خبر قدیمی</div>
<script type="text/javascript">
ChangeColor('new', 0);
</script>[/right][/color]
[color=#282828][right]


اگر اینو به jquery تبدیل کنید ممنون میشم.



#6 imanfakhar

imanfakhar

    استاد

  • استاد
  • 9610 ارسال
  • 23565 تشکر
  • موقعیت تهران
  • آشنایی با وردپرس متوسط
  • سطح برنامه نویسی متوسط
  • آشنایی با طراحی متوسط
ارسال کننده

ارسالی ۱۷ مرداد ۱۳۹۲, ۱۲:۱۲

شما مگه نمی خواهی هر مطلبی منتشر شد بعد ازچند ثانیه تغییر استایل بده اینهمه کد نمی خواد که
این را داخل حلقه بگذار
function myFunction()
{
setTimeout(function(){document.getElementById('post<?php the_id();?>').className='class2'},5000);
}
myFunction()
و به لایه مطلب هم آی دی
post<?php the_id(); ?>
بده
دمو
http://jsfiddle.net/bUFCR/
کمترین حق هر عضو انجمن اینه که به هر تایپیکی دلش خواست جواب بده
ارسال پیام خصوصی برای رفع مشکلات شخصی این کمترین حق را هم از بین می بره
لطفا دقت کنید و رعایت فرمایید
پاسخ فقط به تایپیکهای عمومی انجمن که اسپم ارسال نکرده باشند و پیام خصوصی نداده باشند داده می شه

#7 Ghasem Paran

Ghasem Paran

    کاربر فعال

  • عضو سایت
  • 445 ارسال
  • 326 تشکر
  • موقعیت شیراز
  • آشنایی با وردپرس مبتدی
  • سطح برنامه نویسی متوسط
  • آشنایی با طراحی متوسط
ارسال کننده

ارسالی ۱۷ مرداد ۱۳۹۲, ۱۲:۳۵

سلام
این درسته و کار میکنه.
مشکل اینجاست که یک دفعه تغییر رنگ میدهد.
من میخوام از مثلا قرمز پررنگ به سفید به اهستگی تغییر رنگ بدهد.

#8 imanfakhar

imanfakhar

    استاد

  • استاد
  • 9610 ارسال
  • 23565 تشکر
  • موقعیت تهران
  • آشنایی با وردپرس متوسط
  • سطح برنامه نویسی متوسط
  • آشنایی با طراحی متوسط
ارسال کننده

ارسالی ۱۷ مرداد ۱۳۹۲, ۱۳:۰۹

.class1,.class2 {
-moz-transition: all 1.5s linear .2ms;
-o-transition:all 15s linear .2ms;
-webkit-transition: all 1.5s linear .2ms;
transition: all 1.5s linear .2ms;
}
با تغییر 1.5s زمان تغییر رنگ و با تغییر .2ms زمان توقف قبل از اجرای دستور کم و زیاد می شند (کد css)

اگر منظورتون اینه که 5 ثانیه قرمز باشه 5 ثانیه آبی باشه 5 ثانیه سبز همون کد js  را برای سه زمان مورد نظر و سه کلاس متفاوت قرار بدید
کمترین حق هر عضو انجمن اینه که به هر تایپیکی دلش خواست جواب بده
ارسال پیام خصوصی برای رفع مشکلات شخصی این کمترین حق را هم از بین می بره
لطفا دقت کنید و رعایت فرمایید
پاسخ فقط به تایپیکهای عمومی انجمن که اسپم ارسال نکرده باشند و پیام خصوصی نداده باشند داده می شه

#9 Ghasem Paran

Ghasem Paran

    کاربر فعال

  • عضو سایت
  • 445 ارسال
  • 326 تشکر
  • موقعیت شیراز
  • آشنایی با وردپرس مبتدی
  • سطح برنامه نویسی متوسط
  • آشنایی با طراحی متوسط
ارسال کننده

ارسالی ۱۷ مرداد ۱۳۹۲, ۱۳:۱۰

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

#10 imanfakhar

imanfakhar

    استاد

  • استاد
  • 9610 ارسال
  • 23565 تشکر
  • موقعیت تهران
  • آشنایی با وردپرس متوسط
  • سطح برنامه نویسی متوسط
  • آشنایی با طراحی متوسط
ارسال کننده

ارسالی ۱۷ مرداد ۱۳۹۲, ۱۳:۱۶

http://jsfiddle.net/bUFCR/1/
کمترین حق هر عضو انجمن اینه که به هر تایپیکی دلش خواست جواب بده
ارسال پیام خصوصی برای رفع مشکلات شخصی این کمترین حق را هم از بین می بره
لطفا دقت کنید و رعایت فرمایید
پاسخ فقط به تایپیکهای عمومی انجمن که اسپم ارسال نکرده باشند و پیام خصوصی نداده باشند داده می شه



همچنین به خیلی مهم, نمایش خبر, live news, اخبار زنده, نمایش خبر به صورت زنده, نمایش اخبار به صورت زنده, نمایش لحظه ای خبر, نمایش خبر با افکت, نمایش خبرجدید با افکت, نمایش خبرجدید با تغییر رنگ نیز برچسب خورده است

0 کاربر در حال خواندن این تاپیک است

0 کاربر, 0 مهمان, 0 عضو مخفی