luckyjamy

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

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

سلام

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

در بعضی سایتها کنار حاشیه تصویر یک نوار باریک است که با نزدیک شدن موس به آن باز شده و شماره تلفن یا یکسری اطلاعات دیگر را نمایش می دهد.

نام این افزونه یا اینگونه افزونه ها چیست؟

ممنون

0

به اشتراک گذاری این پست


لینک به پست

سلام ، اینکار بسیار ساده و نیازی به نصب افزونه ای نیست ، شما کافیه فقط یک tag وردپرس داشته باشید که داخلش یه tag دیگه باشه که موقع hover روی tag مادر (والد) tag دوم که hidden شده یا display:none شده ظاهر بشه.

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

روش اوّل:
<body>
<div class="luckyjamy">In Neveshte Zaher MishavadHover Me</div>
</body>
<style>
body{height:900px;}
.luckyjamy {
position:fixed;
left:-175;
top:150;
background:green;
border:dashed #d3d3d3;
transition:0.5s;
}
.luckyjamy:hover {left:0px;}
</style>
</body>
روش دوم:
<body>
<div class="luckyjamy"><span>In Neveshte Zaher Mishavad</span><b>Hover Me</b></div>
</body>
<style>
body{height:900px;}
.luckyjamy {
position:fixed;
left:0;
top:150;
background:green;
border:dashed #d3d3d3;
transition:0.5s;
}
.luckyjamy b{border-left:dashed #d3d3d3 2px;margin:10px;padding-left:2px;}
.luckyjamy span{display:none;}
.luckyjamy:hover span{display:inline;}
</style>
</body>

دو نمونه هم براتون میذارم از سایت های دیگه که منو رو اینجوری درست کردن:

http://codepen.io/JFarrow/pen/fFrpg

http://jsfiddle.net/CHe4S/

البتّه یادتون باشه که دیگه اینکه از این کد ها چجوری استفاده میکنین بستگی به سلیقه و خلاقیّت خودتون داره ، ساختار کلّیش همونی هست که بالا عرض کردم (روی والد hover میکنی و تگ فرزندش نمایش داده میشه)

اگر میخواین با کلیک اینکار انجام بشه باید از jquery استفاده کنین.

اگر نمونه خاصی مدّ نظرتون هست بگید تا بیشتر راهنمایی کنم.

برای ازمایش کد هایی که دادم میتونید از لینک زیر استفاده کنید (هر روش رو به صورت جداگانه وارد کنید تا نام class ها با هم تداخل پیدا نکنن)

http://onlinehtmltools.com/live-html-editor/editor.html

2

به اشتراک گذاری این پست


لینک به پست

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

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

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

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

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

دارای حساب کاربری هستید؟ از اینجا وارد شوید


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

  • مطالب مشابه

    • توسط ghasem47
      سلام به همه ی دوستان عزیز
      من در نظر دارم که یک وبسایت برای فروش فایل هایی مربوط به وب راه اندازی کنم .و قصد من این است که علاوه بر فروش فایل در سایت ، هاست و دامنه نیز بفروشم . و همچنین این هم مهمه که کاربر برای خرید هاست و یا دامین باید در وبسایت عضو بشه و بعد از خرید نیز بتونه اطلاعات هاست و تنظیمات هاست رو از حساب کاربریش در وبسایت من انجام بده.
      مانند این وبسایت : (سایت ساز زرین )   https://sitesazz.ir/
      اما تنها مشکل و مسئله در این جاست که من نمی دونم و بلد نیستم که باید چگونه این کار رو انجام بدم؟
      من قراره که وبسایت رو با وردپرس راه اندازی کنم ولی نمی دونم چطوری باید این امکان فروش هاست رو به وبسایت اضافه کنم و کاری کنم که در وبسایت بتونم هاست و دامنه هم بفروشم و به علاوه این مسئله هم هست که باید کاربرا بتونن از حساب کاربری داخل وبسایتشون به تنظیمات هاست و یا دامنشون دسترسی پیدا کنند.
      لطفاً منو راهنمایی کنید.
      با تشکر
    • توسط iranibonsai
      درود، سایتی رو با وردپرس بالا آوردیم
      اما اکنون در صفحات داخلی سایت کد خطایی رو در بخش بالای مرورگر نشون میده که نتونستیم رفعش کنیم
      Warning: count(): Parameter must be an array or an object that implements Countable in /home3/zahrefzo/public_html/wp-includes/post-template.php on line 284
      این خطا قبلا وجود نداشت، نفهمیدم به چه علتی بوجود آمده و تو اینترنت هم چیز خاصی راجعبه رفعش پیدا نکردم، ممنون میشم اعلام نظر بفرمایید
      آدرس سایت :
      http://minelbeautysalon.com//
    • توسط sydvza
      باسلام ببخشید من کلیدواژه دکه را انتخاب کردم ولی در سرچ گوگل کلمه دکه وارد میکنم حتی جز 10 صفحه هم نیستم
      https://dackeh.com
    • توسط MajidRB
      سلام وقتتون بخیر.
      دوستان قالب placid رو به صورت های مختلف دانلود و نصب کردم ( هم از سایت های فارسی و قالب فارسی شده هم از منابع خود وردپرس)
      چه به شکل فارسی چه به شکل انگلیسی پست ها رو اونطوری که در پیش نمایش قالب نشان داده شده ، در صفحه اصلی نشان نمیده !
      عکس ها رو درج میکنم
      هیچ تنظیماتی نمانده که من دستکاری نکرده باشم
      فکر کنم باید چند خط کد کم یا زیاد بشه ( که بلد نیستم ! )
      خیلی ممنون میشم راهنمایی کنید
       


    • توسط nnmmss
      با سلام
       
      من اصلا وردپرس بلد نيستم ولي مجبورم كه سايتي را نگهداري كنم. در اين سايت وقتي وارد بعضي صفحات ميشوم عبارت "دسته" به انتهاي عنوان اضافه شده.  اين صفحات بعنوان "دسته" در فهرست انتخاب شده اند. مثلا
      من در منو مورد 
      آرشيو   
      را دارم كه زير مجموعه آن 
      آرشيو سال 97
      آرشيو سال 96
      آرشيو سال 95
      هست.
       
      من "آرشيو" بعنوان برگه انتخاب شده و آرشيو سال 97 - 96 - 95 به صورت دسته انتخاب شده است. وقتي من روي هر كدام از آرشيو سال 97 يا 96 يا ..... ميروم عنوان صفحه به صورت زير است
      آرشیو سال 97دسته
      اين عبارت دسته از كجا ميايد؟ و من چگونه ميتوانم آنرا حذف كنم؟
      با تشكر