ثبت نام

نمادها

logo-samandehi

با آموزش تصویری ساخت گالری تصاویر با htmlوcss در خدمت شما هستیم.

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

شما تنها با کد های html و css به سادگی یک گالری تصاویر رسپانسیو می سازید.

که با اضافه کردن تصاویر به این گالری هیچ مشکلی برای رسپانسیوی آن به وجود نمی آید.

برای این کار کافیست  کد زیر را در قسمت body وارد کنید:

در کد های بالا جای آدرس تصویر ۱ لینک عکس اول خود را قرار دهید و در توضیحات تصویر ۱ توضیحی برای تصویر بنویسید

و به ترتیب این کار را برای تصاویر ۲،۳،۴ نیز انجام دهید و تصاویر خود را وارد کنید.

برای درستی نمایش و استایل بندی کد زیر را به css قالب اضافه کنید:

کار طراحی گالری تصاویر در اینجا تمام است.

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

این مجموعه فایل rar است که برای باز کردن آن نیاز به نرم افزار Winrar می باشد

آموزش تصویری ساخت گالری تصاویر با htmlوcss و سورس کد ها : نوع فایل:rar/video/code حجم فایل:20.9 مگابایت

بعد از اکسترکت (extract) کردن فایل ها آن را با یک پلیر تصویری ببینید

5 دیدگاه برای “آموزش تصویری ساخت گالری تصاویر با htmlوcss”

  1. Do you have a spam problem on this blog; I also am a blogger, and I was wanting
    to know your situation; we have developed some nice methods and we are
    looking to exchange strategies with other folks, why not shoot me an e-mail if interested.

  2. I drop a leave a response each time I especially enjoy a article on a blog or if I have
    something to add to the conversation. It is a result of
    the sincerness communicated in the post I read. And after this post آموزش تصویری ساخت گالری تصاویر با htmlوcss | سلام برنامه | HiProgram.
    I was actually moved enough to post a thought 😉 I actually do have some questions for you if it’s
    okay. Could it be simply me or does it appear like a few of the responses come across like they are coming from brain dead folks?
    😛 And, if you are posting at additional online sites, I would like to follow you.
    Would you make a list every one of your community pages like your twitter feed,
    Facebook page or linkedin profile?

    1. amir گفت:

      Our social network links are available at the end of the site
      thank you

پاسخ دهید

%u0637%u0631%u0627%u062D%u06CC %u0633%u0627%u06CC%u062A
طراحی سایتسئوسرویس و تعمیر کولر گازیاجاره ویلافروش ویلا