رفتن به مطلب
chem

راهنمایی کد نمایش عکس با پس زمینه

پست های پیشنهاد شده

درود دوستان

می خواهم عکس نماد و ساماندهی با پس زمینه ی سفید و گوشه های گرد مانند تصویر زیر بزارم که با کیک بر روی هر عکس یک لینک صفحه باز شود. و عکس ها هم مثل تصویر در کنار هم باشند نه زیر هم

لطف می کنید کد مربوط به این نوع گذاشتن عکس رو بفرمایید.

9xqp_code.jpg

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


لینک به ارسال

سلام @chem

کار سختی نیست

شما باید در ابتدا چنین طرحی ایجاد و سپس از طریق onclick رویداد رو اعمال کنید

من برای enamad رویداد رو اعمال کردم و میتونید از طریق لینک ببینید

کلیک کنید

(پس از برداشتن کد اطلاع بدین حذفش کنم)

ویرایش شده توسط cherry

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


لینک به ارسال
در 9 ساعت قبل، cherry گفته است :

سلام @chem

کار سختی نیست

شما باید در ابتدا چنین طرحی ایجاد و سپس از طریق onclick رویداد رو اعمال کنید

من برای enamad رویداد رو اعمال کردم و میتونید از طریق لینک ببینید

کلیک کنید

(پس از برداشتن کد اطلاع بدین حذفش کنم)

درود استاد

بینهایت از لطفتون ممنونم

راستش می خوام طوری باشه که در ابزارک بزارم و همین طور وقتی موس روی عکس قرار می گیرد حالت هایپرلینک به یک صفحه داشته باشه نه لینک به کد نماد. یعنی کلا کد نماد در یک صفحه هست که با کلیک بر روی عکس به اون صفحه هدایت میشود چون وقتی مستقیم لینک نماد داده بشه یه مقدار در سرعت لود سایت تاثیر میزاره

من کدها رو برداشتم اگه می خواهید حذف بفرمایید. 

ویرایش شده توسط chem

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


لینک به ارسال

خواهش میکنم

مجدد پیش نمایش رو بررسی کنید

پیش نمایش

شما میتونید از طریق یک تگ a اقدام کنید برای چنین موردی

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


لینک به ارسال
در 49 دقیقه قبل، cherry گفته است :

خواهش میکنم

مجدد پیش نمایش رو بررسی کنید

پیش نمایش

شما میتونید از طریق یک تگ a اقدام کنید برای چنین موردی

صمیمانه سپاسگزارم استاد

فقط الان عکس ها لینک دار نیست استاد و با کلیک روی عکس پیوند صفحه مربوطه باز نمیشه. می خوام همون علامت hand موس روی عکس ظاهر بشه و اصلا function نیاز نیست چون با کلیک روی عکس در صفحه مربوطه کدهای نماد گذاشته ام

 

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


لینک به ارسال
در 8 دقیقه قبل، chem گفته است :

صمیمانه سپاسگزارم استاد

فقط الان عکس ها لینک دار نیست استاد و با کلیک روی عکس پیوند صفحه مربوطه باز نمیشه. می خوام همون علامت hand موس روی عکس ظاهر بشه و اصلا function نیاز نیست چون با کلیک روی عکس در صفحه مربوطه کدهای نماد گذاشته ام

 

سلام

مشاهده

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


لینک به ارسال
در 1 ساعت قبل، Rasoul گفته است :

سلام

مشاهده

@cherry @Rasoul

با تشکر فراوان از محبت شما اساتید خودم

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

حالا اگه اندازه هر دو border کوچک تر بشه هم مشکلی نیست

pk9_abzarak.jpg

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


لینک به ارسال

خواهش میکنم @chem

شما مقدار margin موجود در کلاس .tl رو برای تغییر فاصله ویرایش کنید، مثلا به جای صفر بزارید 10px 

اگر بخواید در کنار هم باشند تصاویرتون خیلی کوچیک میشه 

برای این مورد هم مقدار width / height موجود در کلاس .tl img رو تغییر بدین به دلخواه تا جایی که دو المنت در کنار هم قرار بگیرند

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


لینک به ارسال
در 40 دقیقه قبل، cherry گفته است :

خواهش میکنم @chem

شما مقدار margin موجود در کلاس .tl رو برای تغییر فاصله ویرایش کنید، مثلا به جای صفر بزارید 10px 

اگر بخواید در کنار هم باشند تصاویرتون خیلی کوچیک میشه 

برای این مورد هم مقدار width / height موجود در کلاس .tl img رو تغییر بدین به دلخواه تا جایی که دو المنت در کنار هم قرار بگیرند

استاد عزیزم با این راهنمایی ارزنده شما مشکل به طور کامل حل شد.

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

ویرایش شده توسط chem

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


لینک به ارسال
در 1 ساعت قبل، chem گفته است :

استاد عزیزم با این راهنمایی ارزنده شما مشکل به طور کامل حل شد.

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

خواهش میکنم و ممنون

موفق باشید

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


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • اضافه کردن...