کدهای افکت روی تصاویر

سلام دوستان بلاگ بیانی

۶ کد خوشگل براتون آوردم که حرف نداره

حالا این کدها چیکار میکنه؟

اگر ماوس رو ببرید روی تصاویر ، به طرز خوشگلی روش افکت داده میشه!

توجه : برای استفاده از این کد نیازی به خریداری جاوااسکریپت نیست!

پیشنمایش و دریافت کد شماره 1

پیشنمایش و دریافت کد شماره 2

پیشنمایش و دریافت کد شماره 3

پیشنمایش و دریافت کد شماره 4

پیشنمایش و دریافت کد شماره 5

پیشنمایش و دریافت کد شماره 6

کد رو در قسمت css قالبتون بزارید ، همین!

برای اینکه بتوانید در یک پست بر روی چندین عکس افکت های مختلف بزارید ، ابتدا باید یک کلاس برای هر تصویر ایجاد کنید. برای دسترسی به کدهای html هر پست بر روی "<>" و یا "منبع" کلیک کنید.
سپس بر روی پاراگرافی که تصویر داخل آن وجود دارد یک کلاس ایجاد کنید. مثلا:
 

<p class=”abc”><other codes></p>


منظور از دیگر کدها ، کد نوشته ها و تصویر میباشد. سپس در اولین خط کد ها یک تگ استایل به صورت زیر باز کنید.
 

<style></style>


و کد های افکت تصویر را پس از یک نقطه و نام کلاس مورد نظر و فاصله داخل تگ استایل کپی کنید. مثلا:
 

<style>.abc img:hover{....................................}</style>


توجه کنید که باید .abc را در اول تمامی img ها بنویسید.
به این صورت تنها بر روی تصویر مورد نظر که براش کلاس ایجاد کردید افکت اعمال میشود. میتوانید اینکار را برای تمامی تصاویر موجود در پست اعمال کنید.
موفق باشید (:
+در صورتی که هیچی متوجه نشدید باید از مقداری دانش html و css بهره مند باشید!

زدی تو فاز کدنویسی وبلاگ...

پاسخ فاطـღــمه ♬♪ :
خخخخخ نه از قبل داشتم ، فقط یکم تغییرات ایجاد کردم (:

سعید حیاتی میگه :

عالی

تشکر

ادامه بدید!

پاسخ فاطـღــمه ♬♪ :
سلام ، ممنون

سلااام فاطمهههه جووونممممممم

دستت درد نکنهههههههه

💋💛💚💜💙💖🧡💗🥰😍❤😘

نخبه ی کی بودی شما نفسس؟؟

پاسخ فاطـღــمه ♬♪ :

سلام عزیزم
خواهش میکنم
خودم کد رو ننوشتم از یه جایی برداشتمش

Melika ** میگه :

سلام

مرسی

کدنویسی بلدی ؟

پاسخ فاطـღــمه ♬♪ :

سلام
نه فقط یه سری تغییرات تو کد انجام دادم

Melika ** میگه :

خوب هست

منم یکم بلدم

ولی برای بلاگ بیان رو بلد نیستم

برای بلاگ بیان فقط یک کد موس رو بلدم

پاسخ فاطـღــمه ♬♪ :
این کد برای هر سرویسی کار میکنه!

Ali Eslami میگه :

مثل همیشه عالی ...

پاسخ فاطـღــمه ♬♪ :
ممنون

رهام Geramiha میگه :

:)

چنتا قالب هم بساز :/

پاسخ فاطـღــمه ♬♪ :
طراحی صفر تا صد برام سخته

هر قالب دوست داری بگو واست زیر و رو کنم (ویرایش در واقع)

رهام Geramiha میگه :

عه از کجا بلدی

ممنون

پاسخ فاطـღــمه ♬♪ :
خودم یاد گرفتم 

تمرین ، جستجو ، با کمی چاشنی علاقه

رهام Geramiha میگه :

وااووو او یس

پاسخ فاطـღــمه ♬♪ :
:)

محمدرضا ... میگه :

این از اون دست ویژگی‌هاست که خیلی‌ها خوششون میاد ...

+ فکر خوبی بود برای به اشتراک گذاری ... :)

پاسخ فاطـღــمه ♬♪ :
متشکرم (:

علی ... میگه :

سلام بر فاطمه خانم، کدی که گذاشتی باحاله

و دوست داشتنی است، می‌شه زمان زوم عکس

و چند درجه گردشدن گوشه‌هاشو تغییر داد.

بابت گذاشتن این کد باحال ازتون خیلی مچکرم.

پاسخ فاطـღــمه ♬♪ :
سلام ، بله درسته میشه شخصی سازیش کرد

متشکرم نظر لطفتونه

زری ... میگه :

سلام علیکم...

قالب نو مبارک...

 

رنگی شده دلمون وا شد :)

پاسخ فاطـღــمه ♬♪ :
سلام

ممنون ، نظر لطفته

چ شبیه بلاگفا شده اینجا... یه لحظه شک کردم آدرس رو دوباره چک کردم!

پاسخ فاطـღــمه ♬♪ :
خخخخخ آره ، قالب بلاگفاست

میخواستم شبیه بلاگفا بشه چون وقتی بلاگفا بودم از این قالب استفاده میکردم (:

Bahar 1999 میگه :

وای وای وای ببین اجی جونم چه کرررده مررررسی بهتررررین😍😍😍

پاسخ فاطـღــمه ♬♪ :
فدات شم ، خواهش میکنم :)

Dark Angel میگه :

always مربوط به پاتر هدیاس و always and forever برای طرفدارای اورجینالز چه باحال😍 من ک عاشق جفتشونممم

پاسخ فاطـღــمه ♬♪ :
منم عاشق always هستم 

🌌🌙 Callisto میگه :

اینجا چفد تغییر کرده

چه قالب قشنگییی😍

پاسخ فاطـღــمه ♬♪ :
مرسیییی لطف داری

بنده خدا میگه :

این داستان : کرامات خفیه ... کد نویسی!

 

خدا قوت

پاسخ فاطـღــمه ♬♪ :
تشکر :)

00:00 :. میگه :

دستت درد نکنه

پاسخ فاطـღــمه ♬♪ :
خواهش

حجت فتاحی میگه :

بسیار هم عالی! بزن تو کار کد نویسی

پاسخ فاطـღــمه ♬♪ :
حتما ، مرسی

عالی بود .

پاسخ فاطـღــمه ♬♪ :
ممنون

هیچکس ... میگه :

:/ کد خیلی خوبی هستش اما حیف تو وبلاگ من نشد

پاسخ فاطـღــمه ♬♪ :
فکر کنم برای قالب دوربین نمیشه گذاشت

کامیار ... میگه :

دستت درد نکنه

کد 3 خیلی مد نظرم بود :)

پاسخ فاطـღــمه ♬♪ :

آره خیلی قشنگه
خیلی وقته رو قالبم هست :)
ممنون

AliReza ‌‌ میگه :

برگام مرسی

پاسخ فاطـღــمه ♬♪ :
خواهش

pary -m میگه :

چه جالب یعنی رو همه عکسا اعمال میشه؟

پاسخ فاطـღــمه ♬♪ :

بله تمامی تصاویر
اعم از تصویر وب ، تصویر کاربرانی که نظر دادن و تصاویری که توی پست درج شدن

Melika ** میگه :

سلام

چقدر افکتاش قشنگن ☺

می شه بازم از این کدها بذاری ؟ 😶 😊 ☺ 🙂

پاسخ فاطـღــمه ♬♪ :

سلام عزیزم
قشنگاشو انتخاب کردم بقیشون چندان جالب نبود
سعی میکنم گلم :)

دمتون گرم!

پاسخ فاطـღــمه ♬♪ :
ممنونم

Melika ** میگه :

مرسی ممنونم

پاسخ فاطـღــمه ♬♪ :
:)

باز نمی کنه پیشنمایش هارو چرا؟؟

در هر حال منونم🌸

پاسخ فاطـღــمه ♬♪ :
باز میشه ، امتحان کردم :)

استفاده کردم گلم...مرسی🌻🌹💐🌸

پاسخ فاطـღــمه ♬♪ :
خواهش میکنم

سلام 

 

سپاس از شما.

پاسخ فاطـღــمه ♬♪ :
سلام

ممنون از نگاهتون :)

سلام،خسته نباشین👌🏻:)

پاسخ فاطـღــمه ♬♪ :
سلام

سپاس:)

خودتون کدومُ پیشنهاد میکنین؟

پاسخ فاطـღــمه ♬♪ :
سلام

من خودم ۲ و ۳ رو دوست دارم
از کد ۳ هم استفاده کردم تو قالبم میتونید ببینید

نـــای دل میگه :

سپاس..

پاسخ فاطـღــمه ♬♪ :
ممنون

 Ali Safari میگه :

کدهای css دوست داشتنی‌هستند، سلیقه

انتخاب کننده آن‌ها برای نمایش آن‌هاردر 

وبلاگش دوست داشتنی است.

پاسخ فاطـღــمه ♬♪ :
بله همینطوره :)

ممنونم

سلام فاطمه جان

ممنون از زحماتت :)

پاسخ فاطـღــمه ♬♪ :
سلام

خواهش میکنم عزیز 🌸🌹
لطف دارین

عرفان ... میگه :

به به:)

...

چه افکت های خوبی😊

پاسخ فاطـღــمه ♬♪ :
مچکرم :)

خیلی خیلی پست خوبیه

فقط اگه میشد عکس کامل بچرخه و برگرده سر جاش بهتر هم میشد

در هر حال خیلی پست خوبیه

 👌👌👌

پاسخ فاطـღــمه ♬♪ :
سلام

کد مورد نظر با شماره ۶ در پست درج شد
میتونید ازش استفاده کنید :)

یه سوال داشتم
.
.
چطور میتونم از دو افکت در یک پست استفاده کنم 
(یعنی به یکی از عکسا افکت شماره 1 را بدم و به عکس بعدی افکت شماره 2)

=======================================================

پاسخ فاطـღــمه ♬♪ :
سلام

به سوالتون در ادامه ی مطلب پاسخ داده شد :)

میشه خودتون یکیشو کامل بنویسید
من متوجه نمیشم
کد تصویر را دقیقا کجا قرار بدم؟
باید قبل و بعدش چی بنویسم؟؟؟

پاسخ فاطـღــمه ♬♪ :
خصوصی فرستادم :)

اگر باز متوجه نشدید کاری از من ساخته نیست باید html ، css یاد بگیرید

ممنون

پاسخ فاطـღــمه ♬♪ :
خواهش میکنم

کو؟؟؟

پاسخ فاطـღــمه ♬♪ :
رو وبلاگ فلش بوک کامنت گذاشتم

آهان

پاسخ فاطـღــمه ♬♪ :
:)

این کدااااااااااااا

زیادی خفنن :")

پاسخ فاطـღــمه ♬♪ :
تنکیوووو

لطفا از ارسال نظرات غیر مرتبط با پست خودداری فرمایید. در غیر اینصورت نظر شما تایید نخواهد شد! برای ارسال نظر خصوصی کلیک کنید
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
درباره وب
وقتی یه وبلاگ رو دنبال میکنین ، یعنی میخونیدش ، لطفا اینجا رو مثل اینستا نکنید :/
+این وبلاگ در هیچ چالشی شرکت نخواهد کرد!
روزشماری برای تلنگر
  • ۳۰۴مین
    روز از سال هم داره تموم می شه!!!
    حواست به هوای دلت باشه رفیق :) چون فقط همین حالاست که اهمیت داره
  • تبلیغات
    پرو وب پلاس