chem

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

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

درود دوستان

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

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

9xqp_code.jpg

0

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


لینک به پست

ارسال شده در (ویرایش شده)

سلام @chem

کار سختی نیست

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

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

کلیک کنید

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

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

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


لینک به پست

ارسال شده در (ویرایش شده)

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

سلام @chem

کار سختی نیست

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

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

کلیک کنید

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

درود استاد

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

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

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

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

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


لینک به پست

خواهش میکنم

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

پیش نمایش

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

4

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


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

خواهش میکنم

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

پیش نمایش

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

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

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

 

1

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


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

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

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

 

سلام

مشاهده

2

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


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

سلام

مشاهده

@cherry @Rasoul

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

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

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

pk9_abzarak.jpg

0

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


لینک به پست

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

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

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

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

2

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


لینک به پست

ارسال شده در (ویرایش شده)

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

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

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

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

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

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

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

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

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


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

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

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

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

موفق باشید

1

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


لینک به پست

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

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

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

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


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

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

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


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