کد متن تایپ شونده با علامت دش و آندرلاین

این تاپیک 6 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  moj ala ،‏ 2 سال و 3 ماه پیش .

این تاپیک تاکنون 3255 بازدید داشته است .

نویسنده پست
دوشنبه ، 11 آگوست 2014     4:36 ب.ظ #


moj ala

Subscriber
69 پست54 تاپیک

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

0  تشکر
دوشنبه ، 11 آگوست 2014     7:18 ب.ظ #


محمد مهدی اکرمی

Subscriber
605 پست28 تاپیک

سلام دوست دوست عزیز

روش استفاده در خود سایت سارنده اومده. در هر حال می توانید از این کد ها استفاده کنید. دمو رو هم ببینید :
اول از همه کد جاوااسکریپت زیر رو اضافه کن :
<script src="http://s.7learn.com/uploads/2014/08/Ticker.js" type="text/javascript"></script>
بعد این کد رو :
<script type="text/javascript">
var theSummaries = new Array( "7learn","google","alexa","apple","capitalwp","outlook");//متن هاي مورد نظر
var theSiteLinks = new Array( "http://www.7learn.com","http://www.google.com","http://www.alexa.com","http://www.apple.com","http://www.capitalwp.ir","http://www.outlook.com" );// لينک متن هاي مورد نظر به ترتيب
</script>

در این کد میتونی متن و لینک های رو مشخص کنی که باید به ترتیب باشند. یعنی در 2 که نوشتی 7learn و خواستی بهش لینک بدی باید با توجه به این 7learn چندمین متن است باید در خط 3 لینکشو بنویسی. مثلا اگه 2 متن است باید در قسمت لینک هم 2 باشه. اگه  سورس دمو (ctr + u) رو ببینی متوجه میشی.
کد های css :
برای زیبایی هم این کد ها رو به استایل قالبت اضافه کن :

#theTicker a {
font-size:11px; color:#ffcc00;text-decoration:none;
}
#theTicker a:hover {
text-decoration: underline;
}
.Ticker {text-align:right; background:#333; padding:7px}

به همین خوشمزگی :)

موفق باشید

پیوست ها:
You must be logged in to view attached files.
1  تشکر
سه شنبه ، 12 آگوست 2014     1:47 ب.ظ #


moj ala

Subscriber
69 پست54 تاپیک

بازهم نتونستم درستش کنم-فایلهاش رو ضمیمه کردم لطفا نگاه کنید ببینید کجاش مشکل داره. ممنون

پیوست ها:
You must be logged in to view attached files.
0  تشکر
سه شنبه ، 12 آگوست 2014     6:09 ب.ظ #


حامد مودی

Subscriber
VIP
147 پست40 تاپیک

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

2  تشکر
سه شنبه ، 12 آگوست 2014     7:08 ب.ظ #


محمد مهدی اکرمی

Subscriber
605 پست28 تاپیک

مشکل شما اینه که div هایی رو که برای نمایش متن هستند رو نگزاشتید . یه نگاهی به فایلی که پیوست کردید بیاندازید اصلا کد های زیر که برای نمایش کد ها هستند در اون وجود نداره . تمام مراحل رو درست رفتید فقط کد زیر رو هر جا یی که می خواهید به نمایش در بیاید استفاده کنید :

<div class="Ticker">
<div class="MyTicker">
<span id="theTicker">&nbsp;</span>
</div>
<script src="http://s.7learn.com/uploads/2014/08/Ticker.js" type="text/javascript"></script>
</div>

موفق باشید ...

2  تشکر
پنجشنبه ، 14 آگوست 2014     9:36 ق.ظ #


moj ala

Subscriber
69 پست54 تاپیک

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

0  تشکر
پنجشنبه ، 14 آگوست 2014     10:07 ق.ظ #


moj ala

Subscriber
69 پست54 تاپیک

فایل رو ضمیمه کردم لطف کنید روی همین فایل تغییرات را انجام دهید.

پیوست ها:
You must be logged in to view attached files.
1  تشکر
پست 1 تا 7 (از مجموع 7 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .