0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آرشیو مطالب طراحی سایت و سئو وب یار
طراحی سایت اصفهان

ساخت گالری تصاویر در CSS در این نوشته سعی داریم شما را با نحوه ی ساخت گالری تصاویر در CSS آشنا کنیم. Css زبان مکمل html است و زبانی است که در کنار html قرار می گیرد تا شما با استفاده از آن بتوانید به عناصر خود رنگ، پس زمینه، فونت، سایز و.. بدهید کاری که با html قادر به انجام آن نیستید. در این نوشته با یکی دیگر از کار کرد های استفاده از css  آشنا می شوید. در مثال های زیر با استفاده از css گالری ساخته شده است. شما می توانید خودتان کد ها را استفاده کنید و چگونگی ایجاد یک گالری را مشاهده کنید. با تیم طراحی سایت اصفهان وب یار همراه باشید. مثال1: <html> <head> <meta charset=”utf-8″> <title>گالری عکس سایت</title> <style> div.img { margin: 5px; padding: 5px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 5px; border: 1px solid #ffffff; } div.img a:hover img { border:1px solid #0000ff; } div.desc { text-align: center; font-weight: normal; width: 120px; margin: 5px; } </style> < /head> <body> <div class=”img”> <a href=”klematis_big.htm” target=”_blank”> <img src=”img/action-sms.jpg” alt=”Klematis” width=”110″ height=”90″> </a> <div class=”desc”>Add a description of the image here</div> < /div> <div class=”img”> <a target=”_blank” href=”klematis2_big.htm”> <img src=”img/az-bulksms.jpg”  alt=”Klematis” width=”110″ height=”90″> < / a> <div class=”desc”>Add a description of the […]

gallery-wordpress-plugin

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