افزونه نمایش نمونه کار شبیه این سایت؟

wefam · فروردین 96

سلام توی سایت gowebsite.ir، وقتی به بخش نمونه کارها میری (و موقع انتخاب یکی از نمونه ها)، در کنار توضیحات یک مانیتور نشون داده میشه که وقتی موس میره روی مانیتور، کل صفحه اول نمونه کار داخل مانیتور از بالا به پایین اسکرول میشه؛ میخواستم ببینم در جوملا چنین افزونه ای برای نمایش این شکلی نمونه کار هست؟ اگر خیر، در وردپرس چطور؟

ممنون از دوستان

amirparvaneh · فروردین 96

درود

کار خاصی انجام نداده

برای هر منو یه تصویر بندانگشتی در نظرگرفته و متصلش کرده به یه مطلب خاص و یه خاصیت overflow و height بهش داده

wefam · فروردین 96

در 2 ساعت قبل، amirparvaneh گفته است :

برای هر منو یه تصویر بندانگشتی در نظرگرفته

ببخشید بنده منظورم تصاویر منوی اصلی سایت نبود، وقتی از منوی نمونه کار ها، یکیو انتخاب میکنی، موقع نمایش توضیحات (مطلب مربوط به) اون نمونه کار یک مانیتور با عرض تقریبی 50% در مطلب نشون داده میشه و وقتی موس روی اون مانیتور قرار میگیره، سایتی که طراحی شده، داخل اون مانیتور مرور میشه. مثل اینکه رفتی داخل سایت نمونه کار و داری صفحه سایت طراحی شده رو اسکرول میکنی . . .

میخواستم ببینم اینکارش چطوری انجام شده؟

کدنویسی خاصی داره یا با افزونه های جوملا هم میشه این کار رو کرد؟

اگر با افزونه میشه، چه افزونه ای (و لینک یا صفحه دانلودش چیه)؟

leksoz · مهر 1

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

levelup · مهر 1

در در 3/26/2017 در 14:06، wefam گفته است :

ببخشید بنده منظورم تصاویر منوی اصلی سایت نبود، وقتی از منوی نمونه کار ها، یکیو انتخاب میکنی، موقع نمایش توضیحات (مطلب مربوط به) اون نمونه کار یک مانیتور با عرض تقریبی 50% در مطلب نشون داده میشه و وقتی موس روی اون مانیتور قرار میگیره، سایتی که طراحی شده، داخل اون مانیتور مرور میشه. مثل اینکه رفتی داخل سایت نمونه کار و داری صفحه سایت طراحی شده رو اسکرول میکنی . . .

میخواستم ببینم اینکارش چطوری انجام شده؟

کدنویسی خاصی داره یا با افزونه های جوملا هم میشه این کار رو کرد؟

اگر با افزونه میشه، چه افزونه ای (و لینک یا صفحه دانلودش چیه)؟

اگر کدنویسی در حد php مقدماتی و کمی استایل نویسی بلدی، میتونی layout نمایش مطلب جوملا رو ویرایش کنی و عین همین رو بسازی. یه نمونه کد میدم بقیه اش با خودت:

<!DOCTYPE html>
<html>
<head>
<style> 
    div {
        overflow: hidden;
        width: 300px;
        height: 300px;
        background-color: yellow;
        border: 1px solid black;
        
    }
    div img{
        width: 100%;
        transition: transform 2s;
    }
    div:hover img{
        transform: translate(0,-225px);
    }
</style>
</head>
<body>

    <div>
        <img src="https://musicalgiftbox.ir/images/headers/banner-c2.jpg"/>
    </div>

</body>
</html>

ورود

افزونه نمایش نمونه کار شبیه این سایت؟

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

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

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

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

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

خانه

فعالیت ها