رفتن به مطلب

ایجاد بنر پویا


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

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

اسکرین عکس هاشو براتون می فرستم 
نمیدونم اصلا با وردپرس میشه همچین چیزی درست کرد یا نه
ممنون میشم راهنمایی کنین 
سپاس

طراحی گرافیک سایت 1.png

طراحی گرافیک سایت 2.png

لینک به ارسال

سلام

آدرس آنلاین مشابه این مورد چیزی سراغ ندارید ؟

در کل به نظر چندتا عنصر هست که در مکان مشخصی قرار داده شدن، به نظر نمیاد کار سختی باشه

برای مثال کد زیر

<div class="container">
  <div class="someclass class1"></div>
  <div class="someclass class2"></div>
  <div class="someclass class3"></div>
  <div class="someclass class4"></div>
</div>

حالا اینجا container یه عکس پس زمینه داره عناصر داخلی هم نقش نقطه ها رو دارن

someclass برای ظاهر مشابه همه عناصر و کلاس های شماره هم برای جایگیری هر عنصر

مهم اینه که قرار با کلیک در هر قسمت چه اتفاقی بیوفته

امیدوارم متوجه شده باشید

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

کلاس های شماره هم برای جایگیری هر عنصر

مهم اینه که قرار با کلیک در هر قسمت چه اتفاقی بیوفته

چطور میشه جایگاهشون رو مشخّص کرد؟

با left و right ؟

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

<div class="container">
  <div class="someclass class1"></div>
  <div class="someclass class2"></div>
  <div class="someclass class3"></div>
  <div class="someclass class4"></div>
</div>

حالا اینجا container یه عکس پس زمینه داره عناصر داخلی هم نقش نقطه ها رو دارن

someclass برای ظاهر مشابه همه عناصر و کلاس های شماره هم برای جایگیری هر عنصر

مهم اینه که قرار با کلیک در هر قسمت چه اتفاقی بیوفته

امیدوارم متوجه شده باشید

 

 

این کد بدرد این بنده خدا نمیخوره .

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

جایگاه باید داشته بایه .

دکمه باید تعریف شه با تگ باتن به این سادگیا با همین 4 تا خط نمیشه

افکت موس میخاد و . . .

نمونه دیدم قبلا میگردم لینک میفرسم

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

لینک همسن سایتی که عکسش و گزاشتم براتون میزام
یه چیزی شبیه به این می خوام
https://crystaliaglass.com/frameless-glass-partitions/

سلام

همچین چیزایی معمولا آماده نمیشن و افزونه ای ندیدم براشون

یا کدنویسی میکنن یا در قالب باید امکانش باشه، شبیه این رو در قالب تجاری اکسترا دیدم که اسم المانش هات اسپات هست که مشابهش رو انجام میده

در غیر اینصورت یه کار تخصصی هست و باید با دوستانی که کدنویسی میدونن در میان بزارید

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

سلام

همچین چیزایی معمولا آماده نمیشن و افزونه ای ندیدم براشون

یا کدنویسی میکنن یا در قالب باید امکانش باشه، شبیه این رو در قالب تجاری اکسترا دیدم که اسم المانش هات اسپات هست که مشابهش رو انجام میده

در غیر اینصورت یه کار تخصصی هست و باید با دوستانی که کدنویسی میدونن در میان بزارید

سپاسگزارم از توضیحاتتون

 

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

یه چیزی شبیه به این می خوام
https://crystaliaglass.com/frameless-glass-partitions/

خب الان شد یه چیزی، از اولش هم باید آدرس همین سایت رو قرار میدادید

دقیقا با همون توضیحاتی که خدمتتون دادم قابل انجامه فقط یک چند خط کد جاوا اسکریپت میخواد که با toggleClass میتونید کلاس active رو به هر عنصر اضافه کنید، کلاس active بخاطر اینه که هروقت کلیک شد محتوا رو نمایش بده

اگه سورس خود سایتی که دادید رو مشاهده کنید دقیقا متوجه میشید

 

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

خب الان شد یه چیزی، از اولش هم باید آدرس همین سایت رو قرار میدادید

دقیقا با همون توضیحاتی که خدمتتون دادم قابل انجامه فقط یک چند خط کد جاوا اسکریپت میخواد که با toggleClass میتونید کلاس active رو به هر عنصر اضافه کنید، کلاس active بخاطر اینه که هروقت کلیک شد محتوا رو نمایش بده

اگه سورس خود سایتی که دادید رو مشاهده کنید دقیقا متوجه میشید

 

ممنونم
امتحان می کنم 
نتیجه رو اعلام می کنم 

لینک به ارسال

این باتون گزاری و جایگاه رو میشه مشخص کر دقیق

 

نمونه کد خودش این جوریه حدودا

<span
class=system-configuration__num></span><h5 class="system-configuration__title">Height</h5><p
class=system-configuration__content>Partition height up to 12’</p></div></div><div
class="system-configuration-item has-right-line"><div
class=system-configuration-item-wrap>
<img
src=https://crystaliaglass.com/frameless-glass-partitions/attachment/icons8_merge_vertical-1/
alt
class=system-configuration__img>
<span

اما مهم افتکر افکتش هست

افتر افکتش من با گوشی و تبلت چک کردم هر کدوم ب حالت باز میشه ینی واکنش ثابت نداره .

امیدوارم به جواب برسی و نمونه کد رو بزاری ماهم بتونیم استفاده کنیم . :wub:

 

لینک به ارسال
در در ۱۳۹۹/۱۱/۱۴ در 22:10، mir.seyyed گفته است :

چطور میشه جایگاهشون رو مشخّص کرد؟

با left و right ؟

بله باید از position absolute استفاده بشه و مقدار right و top بر اساس نیاز تغییر کنه، برای واکنش گرایی بهتره که مقادیر با ٪ وارد بشن مثال right:50%

لینک به ارسال
در در ۱۳۹۹/۱۱/۱۴ در 15:10، baharsh گفته است :

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

اسکرین عکس هاشو براتون می فرستم 
نمیدونم اصلا با وردپرس میشه همچین چیزی درست کرد یا نه
ممنون میشم راهنمایی کنین 
سپاس

 

 

داخل المنتور میشه راحت بسازیش خیلی راحت !!!

من یه نمونه درست کردم. فایل پیوست شده رو ببین .

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

 

12548.PNG

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

داخل المنتور میشه راحت بسازیش خیلی راحت !!!

من یه نمونه درست کردم. فایل پیوست شده رو ببین .

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

 

12548.PNG

سپاااااس 

لینک به ارسال
در در ۱۳۹۹/۱۱/۱۸ در 11:01، baharsh گفته است :

نسخه پرو رو باید بخریم حتما؟

 

اره نسخه پرو . میتونید تهیه کنید .

الانم یکی دوتا سایت تخفیف لایسنس گزاشتن .

هزینه چندانی نداره ولی ارزش داره .

لینک به ارسال
  • 4 هفته بعد...
در در ۱۳۹۹/۱۱/۲۴ در 19:36، loknat گفته است :

اره نسخه پرو . میتونید تهیه کنید .

الانم یکی دوتا سایت تخفیف لایسنس گزاشتن .

هزینه چندانی نداره ولی ارزش داره .

فقط باید از سایت مرجع خریداری بشه

سایت های متفرقه اصلا توصیه نمیشه

لینک به ارسال

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

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

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

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

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

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

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

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

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