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

avaee
کاربر خیلی فعال
پست: 5046
تاریخ عضویت: یک‌شنبه 11 مهر 1389, 8:30 pm
تشکر کرده: 186 دفعه
تشکر شده: 1196 دفعه

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

پست توسط avaee »

برای قراردان بلوک تگ متحرک دروبسایت خود ابتدا کدهای زیرداخل یک نت پد کپی نمایید

کد: انتخاب همه

<title></title>
<!--[if lt IE 9]><script type="text/javascript" src="http://phpbb3.ir/excanvas.js"></script><![endif]--><script src="http://phpbb3.ir/jquery-1.6.2.min.js" type="text/javascript"></script><script src="http://phpbb3.ir/jquery.tagcanvas.js" type="text/javascript"></script><script type="text/javascript">
	 $(document).ready(function() {
	   if(!$('#myCanvas').tagcanvas({
		textColour: '#ff0000',
		outlineColour: '#ff00ff',
		reverse: true,
		depth: 0.8,
		maxSpeed: 0.05
	   },'tags')) {
		// something went wrong, hide the canvas container
		$('#myCanvasContainer').hide();
	   }
	 });
    </script><h1>
    &nbsp;</h1>
<div id="myCanvasContainer">
    <canvas height="250" id="myCanvas" width="250">
    <p>
	   &nbsp;</p>
    </canvas></div>
<div id="tags">
    <ul>
	   <li>
		  <a href="http://www.google.com" target="_blank">گوگل</a></li>
	   <li>
		  <a href="http://www.phpbb3.ir">موزیک</a></li>
	   <li>
		  <a href="http://www.phpbb3.ir">آهنگ</a></li>
	   <li>
		  <a href="http://www.phpbb3.ir">نیوک</a></li>
	   <li>

    </ul>
</div>
در قسمت اول کدها ادرس سایت خود را بجای آدرس سایت ما قراردهید فقط کدهای زیر

کد: انتخاب همه

http://phpbb3.ir/excanvas.js

کد: انتخاب همه

http://phpbb3.ir/jquery-1.6.2.min.js

کد: انتخاب همه

http://phpbb3.ir/jquery.tagcanvas.js
وقتی که ادرس سایت خود را بجای سه لینک بالا قرار دادید در کدهای زیر

کد

کد: انتخاب همه

 textColour: '#ff0000',
رنگ متن برچسپ ها رو می توانید مشخص نمایید
کد

کد: انتخاب همه

outlineColour: '#ff00ff',
رنگ کادر برچسبها موقعی که موس روی برچسپ می برید

کدهای زیر

کد: انتخاب همه

<canvas height="250" id="myCanvas" width="250">
برای تعیین طول و عرض بلوک برچسب می باشد

اما کدهای که مهمترین قسمت است من 4 تگ ساختم البته برای تست فقط یک کد رو آموزش می دهم
کد زیر

کد: انتخاب همه

<a href="http://www.phpbb3.ir">موزیک</a></li>
در قسمتی که نوشتم موزیک شما اسم برچسب خود را قرار دهید
در قسمتی که ادرس سایت خودم رو قراردادم شما باید لینک برچسب موضوع خود را قراردهید
دقت داشته باشید لینکی قراردهید که در خبرهای ارسالی شما وجود داشته باشد مثلا خبر شماره 10 شما ارسال کردید به عنوان کامپیوتر شما باید لینک ادامه مطلب
آن خبر رو به برچسب خود بدهید

برای زیاد کردن تعداد برچسبها کافی است شما از یک کد کپی بگیرید و در زیر آنها اضافه نمایید
مثال
من 4 برچسب ایجاد کردم شما از 4 برچسب کپی بگیرید و زیر آنها اضافه نمایید

کدهای نمونه

کد: انتخاب همه

	   <li>
		  <a href="http://www.google.com" target="_blank">گوگل</a></li>
	   <li>
		  <a href="http://www.phpbb3.ir">موزیک</a></li>
	   <li>
		  <a href="http://www.phpbb3.ir">آهنگ</a></li>
	   <li>
		  <a href="http://www.phpbb3.ir">نیوک</a></li>
	   <li>
بعد از ساختن و ویرایشات لازم کدها را کپی نمایید به قسمت بلوکها بروید و داخل ادیتور بلوکها ابتدا دکمه منبع رو بزنید و بعد کدها رو داخل ادیتور ریخته و موقعیت و نام بلوک را وارد وسیو نمایید

فایلهای زمیمه رو دانلود و در روت هاست خود کپی نمایید

لینک اصلی آموزش
منبع :phpbb3.ir


[COLOR=#c00000]http://pntnuke.ir[/COLOR]

[COLOR=#00B050]بزرگترین مرجع طراحی استایل برای انجمن نیوک 8.3[/COLOR]

[COLOR=#0070C0]حل مشکلات انجمن نیوک بصورت آنلاین[/COLOR] : [COLOR=#C00000]singledesign@yahoo.com [/COLOR]
نمایه کاربر
saeid9
کاربر فعال
کاربر فعال
پست: 984
تاریخ عضویت: شنبه 29 مرداد 1390, 10:04 am
تشکر کرده: 974 دفعه
تشکر شده: 302 دفعه

Re: آموزش قراردادن بلوک تگ متحرک ورد پرس برای نیوک

پست توسط saeid9 »

ممنون ازآموزش خوبتون فقط یادتون ربط فایل های js رو بزارید که من قرارش میدم!

فایل هارو پس از دانلود تو روت هاست آپلود کنید!
شما دسترسی جهت مشاهده فایل پیوست این پست را ندارید.
هر کی از من طلبی داره ایمیل بزنه یا اینجا پیغام بده
nba_9@yahoo.com
[FONT=Tahoma][B] ما دوباره برگشتیم [/B][/FONT]
نمایه کاربر
sahandmusic
کاربر فعال
کاربر فعال
پست: 172
تاریخ عضویت: یک‌شنبه 15 خرداد 1390, 11:07 am
محل اقامت: nemidoonam
تشکر کرده: 31 دفعه
تشکر شده: 20 دفعه

Re: آموزش قراردادن بلوک تگ متحرک ورد پرس برای نیوک

پست توسط sahandmusic »

میشه یه عکس از بلوک بذارین ؟!
avaee
کاربر خیلی فعال
پست: 5046
تاریخ عضویت: یک‌شنبه 11 مهر 1389, 8:30 pm
تشکر کرده: 186 دفعه
تشکر شده: 1196 دفعه

Re: آموزش قراردادن بلوک تگ متحرک ورد پرس برای نیوک

پست توسط avaee »

این سه تا فایل باید داخل روت هاست قرار دهید
شما دسترسی جهت مشاهده فایل پیوست این پست را ندارید.
[COLOR=#c00000]http://pntnuke.ir[/COLOR]

[COLOR=#00B050]بزرگترین مرجع طراحی استایل برای انجمن نیوک 8.3[/COLOR]

[COLOR=#0070C0]حل مشکلات انجمن نیوک بصورت آنلاین[/COLOR] : [COLOR=#C00000]singledesign@yahoo.com [/COLOR]
نمایه کاربر
fardinh
کاربر جدید
کاربر جدید
پست: 41
تاریخ عضویت: جمعه 21 بهمن 1390, 4:46 pm
محل اقامت: عشقانشاه
تشکر کرده: 7 دفعه
تشکر شده: 3 دفعه

Re: آموزش قراردادن بلوک تگ متحرک ورد پرس برای نیوک

پست توسط fardinh »

sahandmusic نوشته شده:میشه یه عکس از بلوک بذارین ؟!


من تو سایتم گذاشتم خیلی خوبه و قشنگ....میتونی ببینی
www.kord3da.com
[CENTER]کرد صدا اولین و بزرگترین سایت موزیک کردی
www.kord3da.com[/CENTER]

بازگشت به “PHP-Nuke 8.3 MT Edition”