صفحه نخست به شکل ios

[pepsi]

با سلام دوستان

به تازگی قالب HTML جدیدی به شکل IOS طراحی و عرضه شده که توسط همین سایت یعنی پرشین اسکریپت به معرض معرفی دوستان رسیده

معمترین سوال در این حین سوالیست که چگونه به این اسکریپت لینکی بدهیم تا هر عکس از این اسکریپت دارای لینکی میربوط به موضوع مورد نظر ما باشه!

توی توضیحات سایت مادر این اسکریپت نوشته ی زیر رو برای راهنمایی در مورد قرار دادن لینک به هر عکس قرار داده

You can turn the @markup in the Icon class into a link. Something like this:

@markup = "<a href='#{@url}' class='icon' style='background-image:

url(assets/img/icons/#{@id}.png)' title='#{@title}'></a>"

​

You will need to change the constructor of the class as well, so it takes a URL:

constructor: (@id, @title, @url) ->

​

After this simply pass the URL as the third parameter when creating the icons.

Just be sure to pass url as a value of the

اگر دقیق تر بخوام بگم این خطی که در مورد توضیحی داده شده خط 28 از برنامه هست که با رفتن به خط 28 میتونین متن قرمز رنگ بالا رو ببینید!! من خیلی سعی کردم متوجه کارکرد این توضیح بشم اما چیزی دستگیرم نشد!! با قرار دادن لینک به جای URL تمام عکس های اسکریپت ناپدید میشن که نشون میداد کارم درست نبوده!!

از دوستان تقاضامندم کمکی کنند تا بتونیم توی این اسکریپت لینک هایی قرار بدیم!!

 

[mahdiali35]

درود...

تا اونجایی که من متوجه شدم به تک تک آیکون ها نمیشه لینک داد بلکه فقط یه لینک میشه قرار داد تا همه ی آیکن ها به همون جا برن...

خط 54 و 55 :

@markup = "<div class='icon' style='background-image:url(assets/img/icons/#{@id}.png)'
title='#{@title}'></div>"​

اون متن قرمزه باید اینجا جایگزین بشه:

@markup = "<a href='#{@url}' class='icon' style='background-image:
url(assets/img/icons/#{@id}.png)' title='#{@title}'></a>"​

و به جای #{@url} باید آدرس دلخواه مورد نظر رو وارد کنید...

پیروز و شاد باشید....

 

[pepsi]

ممنون از نظرت آقا مهدی

اما مطمئنی که نمیشه به هر کس یه لینک داد ؟؟ آخه واسه چی ID.png آورده ؟؟؟

این ایدی که نمیتونه کلی باشه !!!!

من فکر کنم #{@url} به جاش همون آدرس لینک رو باید بدیم که شما گفتید

توی قسمت بعد که کلاس آیکون رو گذاشته آخر دستور /#{@id}.png این رو نوشته که میگه اسم آیکون که توی فایل Image رو بنویسید

و قسمت بعد هم میگه title که توضیح مختصری یا اسم همون لینک رو میشه داد

من این رو انجام دادم امــــا نــــشــــد !!!

شما یه بار کارایی که من کردم رو انجام بده ببین میشه یا نه!! اگرم جایی اشتباه میکنم بگو

.

البته یادم رفت بگم من اون دستور خط 50 تا 52 رو زیر خودش اضافه کردم تا بتونم به چند عکس توی صفحه لینک بدم

ممنون

 

[pepsi]

بعد از زدن پست قبلی نشستم و کمی با این قالب ور رفتن!!

توی خط 54 تا 57 من دستورات رو به شکل زیر کردم

@markup = "<a                     
href='https://www.google.com/' class='icon' style='background-image:
    url(assets/img/icons/Camera.png)'  title='google'></a>"

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

دوم اینکه هر چقدر خط دستوری اضافه کنیم باز خط آخر رو میبینه

مثلا اگر به جای گوگل بیای یاهو بزاری میبینی گوگل توی خط بالایی دیده نمیشه و فقط یاهو دیده میشه

و سوم اینکه اگر شما 10 خط دستور به عکس ها بدی و در آخر سر بیای خط دستور 54 تا 57 که توی قالب اصلی هست رو بزاری میبینی همه چیز مثل سابقه و انگار هیچ کاری نکردی!!

من تا اینجا تونستم برم !! کسی باز میتونه کمک کنه حتما پست بده

آقا مهدی منتظر جواب شما هم هستم

 

[pepsi]

بازم سلام

توی این 2 روز دوستی نتونسته روی این اسکریپت خوشکل کار کنه که جوابی در کار نیست !؟!؟

 

[EhsaanDev]

فعلا من تنها راهی که به ذهنم می رسه اینه که:

---

یه فایل php درست کن و اسمش رو go.php بزار. بعد داخل index.html بشو و خط 55 را با این جایگزین کن:

@markup = "<a href='go.php?id=#{@id}'><div class='icon' style='background-image:url(assets/img/icons/#{@id}.png)'

هر کدوم از اونها id خاصی میده و شما با php می تونی id رو پیدا و به آدرس موردنظرت هدایتش کنی.

موفق پیروز و سربلند باشید.

عید شما مبارک

 

[pepsi]

ممنون آقا احسان !!

.

.

دوست عزیز من نمیدونم توی فایل php چی بنویسم !!! (

بــــــلــــــد نیستم !!

 

[EhsaanDev]

سلام و عیدتون مبارک.

هیچ اشکالی نداره دوست عزیز و گرامی!

شما می تونید کد رو به این صورت هم بنویسید:

@markup = "<a href='#{@id}.html'><div class='icon' style='background-image:url(assets/img/icons/#{@id}.png)'

حالا کد راحتتر شد!

موفق باشید و دوباره عیدتون مبارک