loading...

ابزارها قالب

کدک ها,کد کوچک,کد های کاربردی,کد های وبلاگ نویسی,کد ساخت قالب,کد تغییر قالب,کد تغییر بکگراند,تغییر پس زمینه,change background,css,آموزش مبتدی وبلاگ نویسی,

تبلیغات
تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده
آخرین ارسال های انجمن
حمیدرضا بازدید : 1368 دوشنبه 27 ارديبهشت 1395 نظرات (0)

امروز می خواهم این کدک را برایتان بگذارم که با استفاده از آن می توانید کاربر را به لینک های داخلی (یعنی لینک هایی که # دارند) با ترنزیشن اسکرول ( scroll transition ) ، یعنی به شکلی شناور ، منتقل کنید.

مقدمه

برای فهمیدن این کدک شما باید با کد های جی کوئری (JQuery) و اچ تی ام ال (HTML) آشنا باشید. از آنجایی که قرار است در کدَک از جی کوئری استفاده کنیم اول از همه ، کتابخانه ی جی کوئری را در صفحه لود می کنیم:

<<<code>>>

<script type="text/javascript" src="http://www.toolstheme.ir/js/jquery.js"></script>

<<</code>>>

می توانید قسمت قرمز رنگ (کتابخانه ی جی کوئری) را از گوگل دریافت کنید. (این لینک از گوگل است) البته کتابخانه ی جی کوئری ای که در سایت ما هم هست به روز است و می توانید از همان استفاده کنید.

 

برای دیدن مطلب به طور کامل به ادامه ی مطلب بروید.

حمیدرضا بازدید : 1164 جمعه 09 بهمن 1394 نظرات (3)

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

کاربرد این کدَک

از آنجایی که در وب بسیاری از فرم ها با استفاده از جاوا اسکریپت بررسی می شوند و صحت مقدار های آن ها توسط جاوا اسکریپت تایید می شود ، ممکن است شما بخواهید یک textarea که پر از متن است را بررسی کنید. این textarea می تواند متونی چند خطی داشته باشد و شما باید بتوانید هر خط را بررسی کنید. مثلا شاید بخوانید در متن خود ، خطی که دارای کلمه ی "ایمیل" است را پیدا کنید تا بتوانید ایمیل کاربر را شناسایی کنید یا ...


برای مشاهده ی آموزش به ادامه ی مطلب بروید.

حمیدرضا بازدید : 1979 دوشنبه 16 آذر 1394 نظرات (1)

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

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

برای این که متوجه بشوید که جعبه ی اطلاعات مطلب دقیقا چیست ، لینک زیر را ببینید:

نمونه ی کد

برای دریافت کد و آموختن طرز استفاده از آن به ادامه ی مطلب بروید.

حمیدرضا بازدید : 1330 پنجشنبه 02 مهر 1394 نظرات (1)

این کد می تواند خیلی مفید باشد به خاطر این که خیلی از برنامه نویسان php دوست دارند وقتی اطلاعاتی را در فرم php دریافت می کنند ، تا حد ممکن آن اطلاعات دقیق و بدون دروغ و غلط باشد. شما مقدار وارد شده را می توانید با استفاده از عبارات باقاعده بررسی کنید و اگر شکل صحیحی داشت ، اجازه ی ادامه ی کار را به کاربر بدهید. ولی امروز می خواهم در این مطلب به شما کدی را نشان دهم که خیلی ساده می تواند ، یک آدرس اینترنتی را بررسی کند و ببیند که آیا آن صفحه از اینترنت وجود دارد یا یک آدرس دروغین است.

<<<code>>>

function urlexists($url)

   {

      $file_headers = @get_headers($url);

      if($file_headers[0] == 'HTTP/1.1 404 Not Found')

         $exists = false;

      else

         $exists = true;

      return $exists;

   }

<<</code>>>

تابع بالا ، یک آدرس کامل (http:// ...) را می گیرد و اگر آن صفحه موجود باشد (یعنی ارور 404 نداشته باشد) مقدار true را باز می گرداند و در غیر این صورت مقدار false را بر می گرداند.

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

حمیدرضا بازدید : 5761 پنجشنبه 26 شهريور 1394 نظرات (2)

در مطلب قبلی در مورد ایجاد انیمیشن هایی که وقتی اسکرول به آن ها می رسد ، اجرا می شوند ، توضیحاتی دادم. با خواندن مطلب اجرای انیمیشن css با حرکت اسکرول شما می توانید بدون استفاده از هیچ گونه افزونه ی جاوا اسکریپتی ، این کار را انجام دهید. یعنی کاری کنید که انیمیشن های صفحه هنگامی آشکار شوند که اسکرول صفحه به شی مورد نظر می رسد. اما شاید شما برایتان سخت باشد تا آموزش قبلی را درک کنید. برای همین من می خواهم در این مطلب ، همان کار را با استفاده از افزونه ی wow انجام دهم. این کار خیلی ساده تر نیست اما امتیازاتی دارد که به آن ها اشاره خواهم کرد.

اول برای درک بهتر این آموزش صفحه ی زیر که صفحه ی اصلی افزونه ی wow است را ببینید:

صفحه ی اصلی افزونه ی wow

با پایین آوردن صفحه ، تصاویر و متن هایی را مشاهده می کنید که به شکل های مختلف نمایان می شوند. این همان کاری است که ما می خواهیم انجام دهیم.

با ورود به صفحه ی زیر می توانید آموزشات انگلیسی مربوط به این افزونه را مشاهده کنید. مسلما آموزشات انگلیسی موجود در سایت افزونه ی wow کامل تر از توضیحات من است. اما من سعی کرده ام تا حد ممکن از توضیح مسائل غیر لازم خودداری کنم و فقط به مسائل کاربردی بپردازم.

صفحه ی آموزش انگلیسی

 

ادامه ی آموزش در ادامه ی مطلب

حمیدرضا بازدید : 1843 پنجشنبه 07 خرداد 1394 نظرات (0)

در مطلب قبلی درباره ی کدَک ها توضیح داده شد. امیدوارم از این مطلب استفاده ی کافی را ببرید

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

شما می توانید در پیغام های ورودی سایت خود به کاربران خوش آمد بگویید. حتی می توانید با نمایش نام آن ها ، به آن ها سلام کنید.

نکته: این کد ها را می توانید در بخش کد های کاربردی ، کد های اختصاصی ، اسکریپت های اضافی و ... در پنل کاربری وبلاگ خود وارد کنید. همچنین می توانید این کد ها را در بین <head>  و </head> قالب خود قرار دهید. هر راهی بری شما ساده تر است را استفاده کنید.

 

برای مشاهده ی کدَک به ادامه ی مطلب بروید.

حمیدرضا بازدید : 4469 چهارشنبه 06 خرداد 1394 نظرات (1)

کدَک (کد کوچک) یکی از انواع مطالبی است که در این سایت شما قادر به استفاده از آن هستید. این اولی کدَک سایت است. شما به راحتی می توانید با چند تغییر کوچک در قالب خود ، ویژگی های منحصر به فرد کدک ها را ایجاد کنید.

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

توجه کنید که در صورت قرار دادن این کد ها در هر کجای قالب ، تغییرات مورد نظر اعمال خواهد شد. اما برای راحتی کار شما بهتر است آن را در قسمت اسکریپت های اختصاصی ، کد های کاربردی یا کد های اضافی قرار دهید. (در سیستم های وبلاگ نویسی مختلف متفاوت است.)

اما اگر از این روش ها نتوانستید استفاده کنید ، می توانید در کد های قالب خود ، این کد ها را بین <head> و </head> کپی کنید.

برای دیدن کدک ها به ادامه ی مطلب بروید.

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

    آمار سایت
  • کل مطالب : 215
  • کل نظرات : 269
  • افراد آنلاین : 4
  • تعداد اعضا : 3191
  • آی پی امروز : 43
  • آی پی دیروز : 65
  • بازدید امروز : 410
  • باردید دیروز : 330
  • گوگل امروز : 5
  • گوگل دیروز : 14
  • بازدید هفته : 938
  • بازدید ماه : 7,003
  • بازدید سال : 82,478
  • بازدید کلی : 1,768,913
  • کدهای اختصاصی
    یادبود 175 شهید غواص
    یادبود 175 شهید غواص