رفتن به مطلب

معرفی افزونه برای معرفی یک کتاب


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

در 16 ساعت قبل، cyber گفته است :

باسلام

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

لینک سایت

ممنون می شم اگر نام افزونه رو بگید

با تشکر

Screen Shot 1399-09-08 at 16.42.56.png

سلام میخاهید اخر هر مطلب شما کتاب نمایش بده

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

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

بله، می خواییم که در انتهای هر مطلب یک کتاب رو معرفی کنیم برای فروش، 

به چه صورت می شه با المنتور مشابه نمونه فوق رو ایجاد کرد؟ 

لطفا بیشتر راهنمایی کنید

تشکر

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

یک بخش رو عکس کتاب بزارید یک بخش دیگه رو نوشته یا ...

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

اینجوری دقیقا مثل بالا میشه و اگر خواستید میتونید بخش های دیگه ای هم بهش اضافه کنید

موفق باشید

لینک به ارسال
  • Morteza عنوان را به معرفی افزونه برای معرفی یک کتاب تغییر داده است

در تصویر مشخص نیست، اما در سایت اگر مراجعه کنید، قسمت معرفی کتاب به صورت متحرک است

به صورتیکه با قرار گرفتن موس بر روی کتاب، صفحات کتاب باز شده و مشخصات کتاب نمایش داده می شه

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

نمونه متحرک در سایت

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

در تصویر مشخص نیست، اما در سایت اگر مراجعه کنید، قسمت معرفی کتاب به صورت متحرک است

به صورتیکه با قرار گرفتن موس بر روی کتاب، صفحات کتاب باز شده و مشخصات کتاب نمایش داده می شه

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

نمونه متحرک در سایت

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

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

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

آموزشی برای متحرک کردن ، مشابه با نمونه قرار داده شده،‌ سراغ دارید؟

 

<a href="#">
<div class="img"><img src="1.png" alt="img"></div>
<div class="info">
<div class="info-back">
<p class="name">متن تستی</p>
</div>
</div>
</a>
 
.img {
border-radius: 50%;
height: 220px;
overflow: hidden;
position: relative;
width: 220px;
}
 
.info {
backface-visibility: hidden;
border-radius: 50%;
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.info .info-back {
backface-visibility: hidden;
background: #333 none repeat scroll 0 0;
border-radius: 50%;
height: 100%;
opacity: 1;
visibility: hidden;
width: 100%;
position: relative;
}

 

a:hover .img {
opacity: 0;
}
 
a:hover .info .info-back {
opacity: 1;
visibility: visible;
}
 
.img {
transform-origin: 50% 0 0;
transition: all 0.35s linear 0s;
}
 
a:hover .img {
transform: translate3d(0px, 280px, 0px) rotate3d(1, 0, 0, -90deg);
}
 
.info {
transform-style: preserve-3d;
}
 
.info .info-back {
transform-origin: 50% 0 0;
transition: all 0.35s linear 0s;
}
 
a:hover .info .info-back {
transform: rotate3d(1, 0, 0, 0deg);
}
 
 
.info .info-back {
transform: translate3d(0px, 0px, -220px) rotate3d(1, 0, 0, 90deg);
}

ویرایش شده توسط amirali ghorbani
لینک به ارسال
در 6 دقیقه قبل، amirali ghorbani گفته است :
<a href="#">
<div class="img"><img src="1.png" alt="img"></div>
<div class="info">
<div class="info-back">
<p class="name">متن تستی</p>
</div>
</div>
</a>
 
.img {
border-radius: 50%;
height: 220px;
overflow: hidden;
position: relative;
width: 220px;
}
 
.info {
backface-visibility: hidden;
border-radius: 50%;
bottom: 0;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.info .info-back {
backface-visibility: hidden;
background: #333 none repeat scroll 0 0;
border-radius: 50%;
height: 100%;
opacity: 1;
visibility: hidden;
width: 100%;
position: relative;
}

 

a:hover .img {
opacity: 0;
}
 
a:hover .info .info-back {
opacity: 1;
visibility: visible;
}
 
.img {
transform-origin: 50% 0 0;
transition: all 0.35s linear 0s;
}
 
a:hover .img {
transform: translate3d(0px, 280px, 0px) rotate3d(1, 0, 0, -90deg);
}
 
.info {
transform-style: preserve-3d;
}
 
.info .info-back {
transform-origin: 50% 0 0;
transition: all 0.35s linear 0s;
}
 
a:hover .info .info-back {
transform: rotate3d(1, 0, 0, 0deg);
}
 
 
.info .info-back {
transform: translate3d(0px, 0px, -220px) rotate3d(1, 0, 0, 90deg);
}

 

این کد  ها رو استفاده کنید شاید کمکتون کنه

من کدی رو که شما بخاین دقیقا پیدا نکردم

بزارید دیگر دوستان کمکتون کنن

لینک به ارسال

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

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

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

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

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

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

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

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

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