تبلیغات

ابزار وبمستر

مرجع کدهای جاوا اسكریپت

ابزار وبلاگ ابزار سایت

 


ابزار وبلاگ ابزار سایت
 
نویسندگان
ابر برچسب ها
کد متحرک شدن موضوع وبلاگ در وبلاگ پوسته گالری عکس کدهای موس حرکت در آمدن عنوان وبلاگ قالب گالری عکس کد برای بلاگفا کد برای میهن بلاگ کدهای زیبا برای وب مرکز دانلود قالب وردپرس دانلود پوسته قالب سایت وردپرس دانلود کدهای عکس و تصویر دانلود قالب کد برای پرشین بلاگ پوسته سایت قالب میهن بلاگ کد به حرکت در آمد عنوان وبلاگ کدهای لودینگ برای سایت و وبلاگ کد متحرک کردن متن ابزار ساخت کد اسلایدر متنی(2) دانلود پوسته وردپرس قالب رزبلاگ کد برای رز بلاگ قالب وردپرس کدهای ویدئو ابزار عشق سنج وردپرس کدهای نمایشگر موس کدهای نشانگر موس قالب وبلاگ دانلود ۲ برای بلاگفا محترک شدن عنوان وبلاگ کد متن متحرک قالب وبلاگ دانلود ۲ تبلیغات کدهای کاربردی کدهای متن متحرک تنطیمات وردپرس کد جاوا ی متحرک کردن عنوان وبلاگ قالب اسلاید شو ابزار ساخت کد اسلایدر متنی کدهای زیبای جاوا برای وبلاگ مرکز دانلود قالب قالب گالری عکس کد متحرک شد موضوع کدهای لودینگ و بارگذاری کد برای متحرک کردن اسم وبلاگ کدهای نشانه گر موس پوسته
حتما در سایت ها دیده اید که با کلیک بر روی هر عکسی یک صفحه سیاه رنگ روشن باز میشود تا عکس کوچک را در اندازه ی واقعی مشاهده کنید ، حال برای اولین بار ما این کد را برای شما بازدید کننده گان ثابت جاوا اسکریپت کیت فارسی سازی کرده و قرار میدهیم تا شما هم قادر باشید تمام عکس های وبلاگ خود را به صورت عکس بند انگشتی قرار بدهید که بازدید کننده بتواند با کلیک بر روی تصویر بند انگشتی اندازه ی واقعی عکس را مشاهده کند که اینکار در سبک بودن و سرعت لود وبلاگ یا سایت شما بسیار موثر خواهد بود .

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


برای شروع اول کد زیر را بعد از تگ <head> قرار دهید :

<link rel="stylesheet" href="http://l0rdl.persiangig.com/javascrpitkit/Lightbox/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://l0rdl.persiangig.com/javascrpitkit/Lightbox/lightbox.js"></script>

حالا عکس ها را به روش زیر قرار دهید :

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


<a href="1.jpg" rel="lightbox" title="Your Text Here"><img src="2.jpg" border="0" /></a>


به جای متن قرمز رنگ آدرس عکس در اندازه اصلی را قرار دهید .

به جای متن سبز رنگ توضیح عکس را اگرمایل بودید قرار دهید در غیر این صورت متن را پاک کنید .

به جای متن آبی رنگ آدرس عکس در اندازه کوچک را قرار دهید .

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



طبقه بندی: کد نمایش عکس در پرده روشن ( Light Box )، کدهای عکس و تصویر،
برچسب ها: کد نمایش عکس در پرده روشن ( Light Box )، کدهای عکس و تصویر،
[ پنجشنبه 14 اردیبهشت 1391 ] [ ساعت 02 و 11 دقیقه و 57 ثانیه ] [ Mehraan ]
.: Weblog Themes By Posteh :.

!!Wellcome

abzar ابزار وبلاگ Java ابزار سایت HTML code مرجع کدهای جاوا Script کدهای اچ تی ام ال

آخرین مطالب
لیست آخرین مطالب
موضوعات
آمار سایت
بازدیدهای امروز : نفر
بازدیدهای دیروز : نفر
كل بازدیدها : نفر
بازدید این ماه : نفر
بازدید ماه قبل : نفر
تعداد نویسندگان : عدد
كل مطالب : عدد
آخرین بروز رسانی :
*******************
استخاره آنلاین با قرآن کریم


 



سایت پرورش اندام

MySpace Slide Show Generator from Code-Generator.net//html.am//htmlcodes.me HTML Codes - Free from Quackit.com//htmlcodetutorial.com///learningHTML:w3schools.com

Select a text on the page and get translation from Google Translate!

Google Translate Client
مرجع ابزارهای وبلاگ نویسان
مرجع ابزارهای وبلاگ نویسانابزارهای متنوع وبلاگدریافت کد لودینگ برای وبلاگ