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

[chem 61]

درود دوستان

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

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

[cherry 390]

سلام @chem

کار سختی نیست

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

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

کلیک کنید

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

ویرایش شده بهمن 97 توسط cherry

[chem 61]

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

سلام @chem

کار سختی نیست

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

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

کلیک کنید

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

درود استاد

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

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

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

ویرایش شده بهمن 97 توسط chem

[cherry 390]

خواهش میکنم

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

پیش نمایش

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

[chem 61]

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

خواهش میکنم

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

پیش نمایش

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

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

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

 

[Rasoul 376]

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

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

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

 

سلام

مشاهده

[chem 61]

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

سلام

مشاهده

@cherry @Rasoul

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

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

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

[cherry 390]

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

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

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

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

[chem 61]

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

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

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

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

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

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

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

ویرایش شده بهمن 97 توسط chem

[cherry 390]

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

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

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

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

موفق باشید