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

[cyber 0]

باسلام

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

لینک سایت

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

با تشکر

[amirali ghorbani 326]

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

باسلام

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

لینک سایت

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

با تشکر

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

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

[cyber 0]

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

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

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

تشکر

[amirali ghorbani 326]

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

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

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

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

تشکر

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

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

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

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

موفق باشید

[cyber 0]

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

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

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

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

[amirali ghorbani 326]

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

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

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

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

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

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

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

[cyber 0]

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

 

[amirali ghorbani 326]

در 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);

}

ویرایش شده آذر 99 توسط amirali ghorbani

[amirali ghorbani 326]

در 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);

}

 

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

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

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