P30-ART


ارسال موضوع ارسال پاسخ
 
امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
کد گالری عکس css عمودی
نویسنده پیام
مدیر کل سایت
********

ارسال‌ها: 735
تاریخ عضویت: اسفند 1392
اعتبار: 55
وضعیت : آفلاین
جنسیت:
سپاس ها 1485
سپاس شده 1147 بار در 500 ارسال
ارسال: #1
کد گالری عکس css عمودی
کد گالری عکس css عمودی
گالری جالب و زیبا
کم حجم با سرعت لود بالا
ساخته شده از css
استفاده آسان در سایت و وبلاگ
کاربرد فراوان به عنوان گالری، تبلیغات، ..

پیشنـمایـش آنـلایـن


این کد در <head>:


کد:
<link rel="stylesheet" href="http://ir-temp.ir/code/css.image/css.image.css" type="text/css" /> <link rel="stylesheet" href="http://ifont.ir/apicode/38">

این کد در <body>:



کد:
<div class="image-acc img-3 vertical content type3"> <input id="acc-1" class="radio-1" type="radio" name="acc-check" checked> <input id="acc-2" class="radio-2" type="radio" name="acc-check"> <input id="acc-3" class="radio-3" type="radio" name="acc-check"> <div class="image file-1"> <label for="acc-1"> <img src="http://2.s3.envato.com/files/89688695/images/1.jpg"> <div class="image-inner"> <div class="txt-head">عنوان</div> <div class="txt-content">توضیحات مختصر در خصوص این عکس. این یک متن آزمایشی است.</div> </div> </label> </div> <div class="image file-2"> <label for="acc-2"> <img src="http://2.s3.envato.com/files/89688695/images/2.jpg"> <div class="image-inner"> <div class="txt-head">عنوان</div> <div class="txt-content">توضیحات مختصر در خصوص این عکس. این یک متن آزمایشی است.</div> </div> </label> </div> <div class="image file-3" style="height:1000px"> <label for="acc-3"> <img src="http://2.s3.envato.com/files/89688695/images/3.jpg"> <div class="image-inner"> <div class="txt-head">عنوان</div> <div class="txt-content">توضیحات مختصر در خصوص این عکس. این یک متن آزمایشی است.</div> </div> </label> </div> </div>


منبع: ایران تمپ
 

به ایران تمپ خوش آمدید!
02-30-1393 06:50 ق.ظ
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط sajjad ، Black Ghost ، Amir Rezaei ، Mr.Emad ، محمد.ص
کاربر تازه وارد
**

ارسال‌ها: 1
تاریخ عضویت: خرداد 1393
اعتبار: 0
وضعیت : آفلاین
جنسیت:
سپاس ها 4
سپاس شده 0 بار در 0 ارسال
ارسال: #2
RE: کد گالری عکس css عمودی
ای کاش یکمی کوچکتر بود[تصویر:  persian%20%28311%29.gif]
03-04-1393 02:58 ق.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
کاربر فعال
***

ارسال‌ها: 63
تاریخ عضویت: فروردین 1393
اعتبار: 3
وضعیت : آفلاین
جنسیت:
سپاس ها 20
سپاس شده 51 بار در 26 ارسال
ارسال: #3
RE: کد گالری عکس css عمودی
با کمی تغییرات در css  میتونی کوچکترش کنی

03-04-1393 03:02 ق.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ناظم انجمن
*****

ارسال‌ها: 230
تاریخ عضویت: اسفند 1392
اعتبار: 25
وضعیت : آفلاین
جنسیت:
سپاس ها 496
سپاس شده 226 بار در 118 ارسال
ارسال: #4
RE: کد گالری عکس css عمودی
سلام عالی بود اما اگه دو تا چیز دیگه رو هم اضافه کنید عالیه :
1- در حال حاضر حتما باید روی عکس کلیک بشه تا بره روی اون اگر بتونید کدنویسیش رو کاری کنید که همین موس رفت روش بره عکس بعدی
2- اگر زمانبندی داشته باشه و بعد از مثلا 10 ثانیه بره عکس بعدی خیلی عالی میشه . 
تشکر 

به زودی...
03-04-1393 03:26 ق.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Black Ghost
مدیر کل سایت
********

ارسال‌ها: 735
تاریخ عضویت: اسفند 1392
اعتبار: 55
وضعیت : آفلاین
جنسیت:
سپاس ها 1485
سپاس شده 1147 بار در 500 ارسال
ارسال: #5
RE: کد گالری عکس css عمودی
اولا اسلاید شو نیست فقط یک گالری عکس ساده هست.
دوما این گالری فقط از css ساخته شده و بسیار کم حجم هست. برای متحرک کردن باید از java استفاده بشه که هم حجیم تر و سنگین تر میشه هم از سادگی در میاد ..

به ایران تمپ خوش آمدید!
03-04-1393 03:41 ق.ظ
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
 سپاس شده توسط Mr.Emad
مدیر بخش آموزش
******

ارسال‌ها: 435
تاریخ عضویت: اردیبهشت 1393
اعتبار: 47
وضعیت : غایب
جنسیت:
سپاس ها 389
سپاس شده 397 بار در 181 ارسال
ارسال: #6
RE: کد گالری عکس css عمودی
مرتضی میخوای ویرایشش کنم؟؟؟؟

بخاطر اینکه نمیتونم دیگه توی این پست فعالیت کنم به مدت 8 ماه این پست رو به یکی از کاربران ایران تمپ اهدا خواهم کرد!
واجدین شرایط پ.خ دهند
03-04-1393 03:54 ق.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
مدیر کل سایت
********

ارسال‌ها: 735
تاریخ عضویت: اسفند 1392
اعتبار: 55
وضعیت : آفلاین
جنسیت:
سپاس ها 1485
سپاس شده 1147 بار در 500 ارسال
ارسال: #7
RE: کد گالری عکس css عمودی
چه ویرایشی؟!

به ایران تمپ خوش آمدید!
03-04-1393 04:35 ق.ظ
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
مدیر بخش آموزش
******

ارسال‌ها: 435
تاریخ عضویت: اردیبهشت 1393
اعتبار: 47
وضعیت : غایب
جنسیت:
سپاس ها 389
سپاس شده 397 بار در 181 ارسال
ارسال: #8
RE: کد گالری عکس css عمودی
همون شبیه اسلایدر کردن!

بخاطر اینکه نمیتونم دیگه توی این پست فعالیت کنم به مدت 8 ماه این پست رو به یکی از کاربران ایران تمپ اهدا خواهم کرد!
واجدین شرایط پ.خ دهند
03-04-1393 02:34 ب.ظ
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ارسال موضوع ارسال پاسخ


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان