نمایش نسخه قابل چاپ
سلام
من یه کد دارم واسه افکت گذاشتن روی عکس با حرکت موس...
که عکس به صورت پیش فرض سیاه و سفید ست با حرکت موس رنگی میشه
حالا مشکل اینجاست که وقتی تو کل برنامه میذارمش سایت از حالت ریسپانسیو خارج میشه
کسی میتون کنکم کنه... ؟؟
بگم که تو html5 دارم مینویسم کد رو
سلام احتمالا به اين دليله كه شما از ٢ class مشابه ولي با استايل هاي متفاوت استفاده كرديد يا ...
این کد اصلی هست... البته فقط برای افکت گذاشتن روی عکس ها
<style>
img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; -ms-transition: 1.5s; -khtml-transition: 1.5s; } img:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);
filter: none;
transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; -ms-transition: 1.5s; -khtml-transition: 1.5s; } </style>
میخ.ام ریسپانسیو بشه... :(
تو حالت کلی بدون این کد ریسپانسیو هست وقتی اینو اضافه میکنم مشکل به وجود میاد
دوست عزیز مطمئنید که فقط با اضافه کردن و کم کردن این بخش ریسپانسیو سایت غیر فعال میشه ؟ منظورم اینه که کار دیگه ای همزمان انجام نمیدین ؟
چون تا اونجا که سواد بنده قد میده، این کدهایی که نوشتید فقط برای استایل هستن و هیچ تداخلی با کدهای مربوط به ریسپانسیو سایت نمیتونن ایجاد کنن.
مشکل باید از جای دیگه ای باشه...
سلام؛ بنده هم با ایشون موافقم، در بین کدهای شما کدی نیست که مشکلی برای مسئله ریسپانسیو بودن ایجاد کنه.
مشکل بالا حل شد حالا یه مشکل دیگه به وجود اومده...
اینکه من پایین صفحه یه دکمه دارم.. عکسها ریسپانسیو میشه اما متاسفانه اون دکمه تو سایز اصلی میمونه...
- - - Updated - - -
چرا کسی نیست جواب بده ه ه ه ه ... ؟؟؟؟ :(
کد دکمه رو قرار بدید تا کمکتون کنم.
سلام
ممنونم :)
خودم گشتم یه چیزایی پیدا کردم اما بازم کامل نیست. درست تغییر سایز نمیده...
<input type="submit" class="btn btn-primary" value="click me" style="width:100%" />
ضمن اینکه کد افکتی که بالا گذاشتم توی مرورگر IE کار نمیکنه... یعنی عکس ها تغییر رنگ نمیدن با حرکت موس
اون افکت تغییر رنگ رو روی چه نسخه ای از IE چک کردید؟ احتمالا بخاطر قدیمی بودنش روی اون نسخه جواب نمیده. و البته اطلاع دقیقی ندارم که از چه نسخه ای میتونه این افکت رو نمایش بده.
برای اون دکمه هم بجای اینکه بوسیله ی استایل width 100% بزارید، یه کلاس btn-block اضافه کنید به کلاس های فعلی و نتیجه رو اطلاع بدید.
گفتم کار من برنامه نویسی نیست... اینارو هم دونه دونه پیدا کردم... :d
میشه کدش رو برام بنویسین لطفا
این رو جای اون کدی که برای دکمه گذوشتید، جایگزین کنید:
<input type="submit" class="btn btn-primary btn-block" value="click me" />
چک کنید ببینید جواب میده یا خیر...
نه...فایل پیوست 25111فایل پیوست 25112
ببینین من عکس اول مد نظرم هست... یه دکمه میخوام با سایز بزرگ که در عین حال ریسپانسیو بشه
این کدی که شما دادید عکس دوم میشه :(
خب قطعا مشکل شما توی استفاده از gridـهاست. میتونید یه row جدید بسازید و دکمه رو توی اون قرار بدید.
سایت رو آنلاین دارید که لینک بدید تا بهتر بشه بتون کمک کرد یا لوکال هست؟
فعلا لوکال هست متاسفانه...
ممنونم واسه راهنماییتون لطف کردین :)
خواهش میکنم دوست عزیز...
از اونجا که btn-primary برای دکمه ای با رنگ آبی کبود هست، رنگ نقره ای دکمه ای که عکسش رو گذوشتید، باعث شد پیش خودم فکر کنم که حتما اینا باید با تگ button بکار گرفته بشن، چون توی سایت بوت استرپ هم همش با تگ button استفاده شده اکثرا.
اما الآن خودم هم با تگ input چک کردم و همه چی بدون مشکل کار میکرد.
دیگه چیزی به فکرم نمیرسه که پیشنهاد بدم. امیدوارم با کمک سایر دوستان به نتیجه درست برسید...
دوباره سلام :)
میشه یه کمکی کنید....
الان صفحه آنلاین هست و میتونید ببینیدش
dglog.ir
اما اگه دقت کنین وسط چین نیست...
چطوری عکسها و دکمه پایین رو وسط چین کنم؟؟؟
تگ center میذارم اما جواب نداد
سلام مجدد.
دوست عزیز، الآن سورس کدتون رو دیدم. جسارتا پر از اشکال های ریز و درشت هست... تگ های HTML که توی استایل و قبل از body قرار گرفته، تگ متای ناقص و...
ضمنا وقتی من اون کلاس هایی که به دکمه داده بودید رو دیدم، خیال کردم که از بوت استرپ استفاده میکنید اما اصلا از بوت استرپ خبری نیست...
اگر قصدتون از انجام اینکار یادگیریِ طراحی وب هست که موضوعش جداس و میشه بصورت بخش به بخش پیش رفت تا به نتیجه نهایی رسید.
اما اگر غیر از این هست پیشنهاد میکنم کار رو به یکی از دوستان طراح بسپرید که بصورت اصولی براتون انجام بدن. مطمئن باشید ارزش یه مقدار هزینه کردن رو داره...
بله میدونم تمامش مشکل داره...
گفتم کار من کد نویسی نیست اصلا... همین چند تا کد رو هم شانسی وارد کردم...
حرف هزینه هم نیست... متاسفانه مسئولیتی هست که روی دوشم گذاشتن و مجبورم خودم انجامش بدم... :(
تا آخر امروز هم باید تحویلش یدم...
- - - Updated - - -
سلام
میشهیکی به من کمک کنه بگه چرا عکسها مرتب نمیشه؟؟
dglog.ir
شرمنده دیر جواب دادم
آی دی یاهوتو بده تا مشکلت رو اگر تونستم رفع کنم
دیدین عکس هارو؟؟ وقتی یه عکس رو میذارم مرتب هست اما وقتی عکسها مختلف میشن اینجوری بهم میریزه...
خوب یاهوتو بده اددت کنم تا مشکل رو بگو دیگه
باید سورس رو ببینم