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

avaee
کاربر خیلی فعال
پست: 5046
تاریخ عضویت: دوشنبه ۱۲ مهر ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 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
تاریخ عضویت: شنبه ۲۹ مرداد ۱۳۹۰, ۲:۳۴ ب.ظ
تشکر کرده: 974 دفعه
تشکر شده: 302 دفعه
تماس:

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

پست توسط saeid9 »

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

فایل هارو پس از دانلود تو روت هاست آپلود کنید!
پیوست ها
js.zip
(52.53 کیلو بایت) 190 مرتبه دانلود شده
هر کی از من طلبی داره ایمیل بزنه یا اینجا پیغام بده
nba_9@yahoo.com
[FONT=Tahoma][B] ما دوباره برگشتیم [/B][/FONT]
نمایه کاربر
sahandmusic
کاربر فعال
کاربر فعال
پست: 172
تاریخ عضویت: یک‌شنبه ۱۵ خرداد ۱۳۹۰, ۳:۳۷ ب.ظ
محل اقامت: nemidoonam
تشکر کرده: 31 دفعه
تشکر شده: 20 دفعه

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

پست توسط sahandmusic »

میشه یه عکس از بلوک بذارین ؟!
avaee
کاربر خیلی فعال
پست: 5046
تاریخ عضویت: دوشنبه ۱۲ مهر ۱۳۸۹, ۱۲:۰۰ ق.ظ
تشکر کرده: 186 دفعه
تشکر شده: 1196 دفعه
تماس:

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

پست توسط avaee »

این سه تا فایل باید داخل روت هاست قرار دهید
پیوست ها
tagcanvas.zip
(8.8 کیلو بایت) 159 مرتبه دانلود شده
jquery.tagcanvas.zip
(8.89 کیلو بایت) 157 مرتبه دانلود شده
excanvas.zip
(12.14 کیلو بایت) 157 مرتبه دانلود شده
[COLOR=#c00000]http://pntnuke.ir[/COLOR]

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

[COLOR=#0070C0]حل مشکلات انجمن نیوک بصورت آنلاین[/COLOR] : [COLOR=#C00000]singledesign@yahoo.com [/COLOR]
نمایه کاربر
fardinh
کاربر جدید
کاربر جدید
پست: 41
تاریخ عضویت: جمعه ۲۱ بهمن ۱۳۹۰, ۸:۱۶ ب.ظ
محل اقامت: عشقانشاه
تشکر کرده: 7 دفعه
تشکر شده: 3 دفعه

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

پست توسط fardinh »

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


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

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