طراحی و بهینه سازیمشاهده

آخرین ارسال های تالار مشاهده انجمن

عنوانپاسخبازدیدتوسط
iconforumکدام اسکریپت؟!115M.J Saberyan
iconforumفروش وب سایت کافه دانلود Caffedownload.ir584smz9999
iconforumساخت سیستم عضویت کاربر در وردپرس215M E Y S A M
iconforumخرید قالب دوستونه وردپرس889Configer
iconforumکمک کنید!!!654Configer
iconforumمشکل با اسکریپت ActiveCampaign کمک فوری325Configer
iconforumنیاز به اسکریپت240Configer
iconforumدرخواست معرفی سایت برای خرید پاپ اپ012Configer
iconforumمشگل در SSL وردپرس020H A S A N
iconforumمقبره لطفعلی خان زند کجاست121AynaZ
iconforumسوار بر ابرها در آنتالیا115AynaZ

آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش سوئیفت SWIFT آموزش سوئیفت Swift برنامه نویسی اپل

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

درگاه پرداخت

افکت نقطه‌نقطه روی تصاویر با CSS

CSS , آموزش ها , اسکریپت ها , مقالات,آموزش,ترفند
افکت نقطه‌نقطه روی تصاویر با CSSReviewed by جواد on Oct 29Rating: 4.5افکت نقطه‌نقطه روی تصاویر با CSSبرای گذاشتن افکت روی تصاویر خود کار های متفاوتی میتوان کرد و یکی از زیبا ترین افکت ها نفطه نقطه گذاشتن روی تصویر است.

برای گذاشتن افکت روی تصاویر خود کار های متفاوتی میتوان کرد و یکی از زیبا ترین افکت ها نفطه نقطه گذاشتن روی تصویر است.

ابتدا در پرونده‌ی اچ‌تی‌ام‌ال‌مان یک همچین‌چیزی می‌نویسیم:

 

سپس فتوشاپ‌مان را آتیش می‌کنیم و یک سند جدید با طول و عرض مثلا ۳ پیکسل ایجاد می‌کنیم و دقیقا در وسط ِ آن یک نقطه‌ی ریز با طول و عرض ۱ پیکسل و رنگ ِ مشکی قرار می‌دهیم. به‌تر هست که شفافیت نقطه را تا حدودی کم کنیم. مثلا روی ۶۰ درصد بگذاریم! البته این نقطه را من قبلا درست کرده‌ام و در فایلی که دریافت می‌کنید، موجود است، و می‌توانید از همان استفاده کنید.

خب، حالا این نقطه‌ای که طراحی کرده‌ایم را با پسوند ِ پی‌ان‌جی (png) ذخیره می‌کنیم. یادتان هم باشد که این نقطه نباید زمینه داشته باشد، یعنی Transparent باشد.

حالا نوبت به دستورات ِ سی‌اس‌اس می‌رسد:

قطه‌ای که درست کرده بودیم را در زمینه‌ی dot-effect قرار می‌دهیم. پوزیشنش را هم ابسُلوت می‌کنیم تا مستقل از عناصر ِ دیگر ِ صفحه شود و بی‌آید روی تصویر. طول و عرضش را هم برابر با طول و عرض ِ تصویرمان می‌کنیم.

در ادامه بخوانید  اسکریپت حرفه ای پرسش و پاسخ TanyaCMS

تمام شد. به همین راحتی یک جلوه‌ی زیبا برای تصاویرمان درست کردیم. از این افکت به‌نظرم به‌تر هست که در نمایش‌های اسلایدی یا چیزهایی شبیه آن استفاده شود.

نمونه فایل پیوست شد.

 


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود

خرید هاست پربازدید با منابع کاملا اختصاصی


مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1392/08/7 1 CSS , آموزش ها , اسکریپت ها , مقالات,آموزش,ترفند

لینک کوتاه مطلب : http://www.20script.ir/?p=1010

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,498نحوه افزودن فهرست به پوسته وردپرس تاریخ : 1394/05/23
1,970صفحه اختصاصی برای خطای پایگاه داده تاریخ : 1392/08/5
3,278فایل لایه باز کارت ویزیت شماره 4 تاریخ : 1393/04/22
1,383دانلود کیت عناصر مهم طراحی PSD تاریخ : 1392/08/27
1,768رفع بارگذاری API گوگل پلاس تاریخ : 1392/08/7
330چگونه آدرس ایمیل را در وردپرس لینک کنیم تاریخ : 1395/10/13
3,467حذف کردن فیلد آدرس سایت از فرم نظرات وردپرس تاریخ : 1393/02/15
4,521دانلود مجموعه عظیم ۸۳ اکشن فوق حرفه ای تغییر رنگ تاریخ : 1393/10/11
4,474۳ طرح لایه باز کیف پول چرم تاریخ : 1392/08/1
2,598فایل لایه باز کارت ویزیت شماره 1 تاریخ : 1392/11/13
4,053آموزش ساخت تب بوسیله جی کوئری تاریخ : 1392/09/6
1,571نمایش اطلاعات تنها برای کاربران عضو تاریخ : 1392/08/9
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب