تبلیغات

ابزار وبمستر

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

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

 


ابزار وبلاگ ابزار سایت
 
نویسندگان
ابر برچسب ها
کد به حرکت در آمد عنوان وبلاگ کدهای عکس و تصویر تنطیمات وردپرس ابزار ساخت کد اسلایدر متنی(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 ] [ ساعت 03 و 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
مرجع ابزارهای وبلاگ نویسان
مرجع ابزارهای وبلاگ نویسانابزارهای متنوع وبلاگدریافت کد لودینگ برای وبلاگ