YOU

روکش دار کردن عکس با hover

8 پست در این موضوع قرار دارد

سلام

میخوام با نوشتن css و بوسیله hover مثل عکس پیوست درست کنم

یعنی اول عکس سمت چپ هستش وقتی موس را روش قرار بدم یه لایه نازک مشکی روش بیاد بهمراه چند خط نوشته که میشه شکل سمت راست

post-529-0-69951400-1360495000_thumb.jpg

0

به اشتراک گذاری این پست


لینک به پست

برای هر تصویر یه متن مجزا؟ و این تصاویر از کجا فراخوانی میشن؟

1

به اشتراک گذاری این پست


لینک به پست

برای هر تصویر یه متن مجزا؟ و این تصاویر از کجا فراخوانی میشن؟

یه تصویر سمت چپ سایت قرار داره باید براش تعریف کنیم که وقتی موس روش قرار میگیره بشکل سمت راست دربیاد

لطفا فقط با نوشتن Css

0

به اشتراک گذاری این پست


لینک به پست

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

اما اگر فقط یک تصویر با یک متن ثابت باشه و فقط css بخواین :


img:hover { opacity: 0.8; background: url(../image/pic.png); }

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

pic.png تصویر متن نوشته است

برای تصویر اول هم باید png باشه تا ....

4

به اشتراک گذاری این پست


لینک به پست

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

اما اگر فقط یک تصویر با یک متن ثابت باشه و فقط css بخواین :


img:hover { opacity: 0.8; background: url(../image/pic.png); }

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

pic.png تصویر متن نوشته است

برای تصویر اول هم باید png باشه تا ....

نه این اون چیزی نیست که من میخوام

یه عکس مثل زیر


<div class="q"><img src="http://yoursit.com/wp-content/uploads/pic.gif">

که در سایدبار سمت چپ قرار داده میشه

حالا یه css بنویسید که با موس روش کلیک کنی یه لایه مشکی کمرنگ بیاد روش همراه با یه نوشته ثابت یا توضیحات این بیاد(<?php the_author_meta('description'); ?> ) که شکلش مثل عکس سمت راست پیوست میشه

0

به اشتراک گذاری این پست


لینک به پست

آموزش ایجاد لایه

http://www.html.net/tutorials/css/lesson15.php

برای تعیین شفافیت:


opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */

1

به اشتراک گذاری این پست


لینک به پست

آموزش ایجاد لایه

http://www.html.net/...ss/lesson15.php

برای تعیین شفافیت:


opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */

این مثالی که زدید مربوط به شفافیت و z-index بود من سوالم در مورد ساختن کاور روی عکس همراه با نوشته هستش با برنامه نویسی css و hover

0

به اشتراک گذاری این پست


لینک به پست

فایل اتچ شده رو تست کنید :

image_hover3.zip

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط fashionir
      درود، دوستان من یک وب سایت دارم می خوام توسط یک افزونه تمام مزون های تهران رو با اطلاعاتشون معرفی کنم، لطفا افزونه ای برای این کار معرفی کنید، بسیار متشکرم.
    • توسط sprants
      سلام
      دوستان عزیز من تمامی مراحل انتقال از لوکال رو انجام داده و سایت کامل بود و تغییرات مد نظرم رو هم انجام داده بودم اما بعد از چند روز ناگهان در صفحه اول پیام نصب اولیه ورد پرس اومد و انگار که از اول میخواین ورد پرس رو اینستال کنیم ! الان در ftp همه آپلود های قبلیم هست وحتی در phpmyadmin دیتابیس و همه اطلاعات وجود داره اما در ادمین ورد پرس انگار یه ورد پرس جدید نصب شده
      لطفا کمک کنید
      ممنونم
    • توسط mrasoul
      با عرض سلام و خسته نباشید ... لطفا این صفحه را ببینید :
      صفحه مورد نظر
      در این صفحه و بعد از ویدئو یک فهرست وجود دارد با آیتمهایی مثلا
      1.Introduction
      2.Brackets Extensions
      و ... که در اصل سرفصل های این آموزش است که شامل یکسری زیر مجموعه هستند ... وقتی روی زیرمجموعه ها کلیک می کنید اون مجموعه را نشان می دهید . به عنوان مثال روی
      1.2The Extension Manager
      کلیک کنید ...
      من اگر بخوام یک پست آموزشی کامل بسازم و تو این پست این سرفصل ها رو تعریف کنم آیا وردپرس امکانی رو داره بدون اینکه برای هر فصل یک پست ساخت همه ی پستها را داخل یک پست نوشت ؟ یعنی یک پست چند صفحه ایی مثلا مقدمه در خود پست و در مقدمه سرفصل ها رو تعریف کنیم حالا همون پست چند صفحه را زیرمجموعه داشته باشد که این صفحه ها همون سرفصل ها باشند .
      چون اگر قرار باشد برای هر فصل یک پست بفرستم طبیعتا کار بسیار مشکل و زمان بری است چرا که در هرکدام از این پستها باید با زمینه دلخواه سرفصل ها را تعریف کنم و هربار که پست جدید بفرستم در داخل بقیه سرفصل های قبل باید بروم و در زمینه دلخوه لینک این سرفصل جدید را تعریف کنم
       
    • توسط lloyd
      سلام دوستان خوبم اگر کسی میتواند پوسته The Voux را در هاست من نصب کند لطفا به من اینجا اطلاع بدهد. خطای نصب: شیوه نامه گم شده است !
       
    • توسط shayan201680
      با سلام
      بنده یک سایت اصلی وردپرسی دارم و قرار شده که در ساب دامینشم از وردپرس استفاده کنم.
      الان میخوام کاری کنم که کاربران اگر در سایت اصلی ثبت نام کردند بتونند با همون مشخصات در ساب دامین نیز لاگین کنند و برعکس!
      ولی نمیدونم باید چکار کنم! 
      ممنون میشم اگر کسی بلده راهنمایی کنه، با تشکر...