abolfazl

چگونگي تغيير حالت فهرست يا منوي زير هدر

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

سلام دوستان :)

چه جوري ميشه حالت منو يا فهرست زير هدر رو تغيير داد

منظورم از تغيير حالت اينه اگه دقت كنيد وقتي نشانگر روي هركدوم از لينك ها قرار ميگيره بالفرض (صفحه اصلي) اون يه حالتي به خودش ميگيره كه توي سايت ما يه جوري تو سايت هاي ديگه هم يه جوره ديگه...

ميخام بدونم چه جوري ميشه اين افكت هاش و تغيير بدم؟

اين هم دوتا نمونه:

http://p30up.ir/up/4asuxqjgkxhho1aapn4.jpg

http://p30up.ir/up/2q8o0rl2kph0zbs7notd.jpg

0

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


لینک به پست

کلا این نوع نمایش ها از استایل هست.

خواصی مثل border-radius برای گوشه گرد کردن و خاصیت hover برای تغییر در موس اور استفاده میشن.

2

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


لینک به پست

سلام جواب مرتضای عزیز کامل بود برای اطلاعات بیشتر در بخش آموزش مقالات مربوط به css و css3 را مطالعه کنید و به عنوان منبع آموزشی بسیار معتبر هم به آدرس

http://www.w3schools.com

مراجعه فرمایید

3

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


لینک به پست

دستتون درد نكنه اما خيلي كلي گفتيد كليات و فهميدم

براي مثال ميشه چند تا كد و قرار بديد؟

يعني چند تا كد مختلف كه باعث تغيير شكل فهرست زير هدر ميشند

الان اين كد هدر بندست: http://p30up.ir/up/d9s20kvgacevb8pldksn.txt

براي تغيير حالت منوي زير هدر بايد اين كد ها رو تغيير بدم؟


$("#menu li a").hover(function() {
// this function is fired when the mouse is moved over
$(".out", this).stop().animate({'top': '45px'}, 250); // move down - hide
$(".over", this).stop().animate({'top': '0px'}, 250); // move down - show
$(".bg", this).stop().animate({'top': '0px'}, 120); // move down - show

}, function() {
// this function is fired when the mouse is moved off
$(".out", this).stop().animate({'top': '0px'}, 250); // move up - show
$(".over", this).stop().animate({'top': '-45px'}, 250); // move up - hide
$(".bg", this).stop().animate({'top': '-45px'}, 120); // move up - hide
});


/* 2nd example */

$("#menu2 li a").wrapInner( '<span class="out"></span>' );

$("#menu2 li a").each(function() {
$( '<span class="over">' + $(this).text() + '</span>' ).appendTo( this );
});

$("#menu2 li a").hover(function() {
$(".out", this).stop().animate({'top': '45px'}, 200); // move down - hide
$(".over", this).stop().animate({'top': '0px'}, 200); // move down - show

}, function() {
$(".out", this).stop().animate({'top': '0px'}, 200); // move up - show
$(".over", this).stop().animate({'top': '-45px'}, 200); // move up - hide
});

0

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


لینک به پست

دستتون درد نكنه اما خيلي كلي گفتيد كليات و فهميدم

براي مثال ميشه چند تا كد و قرار بديد؟

يعني چند تا كد مختلف كه باعث تغيير شكل فهرست زير هدر ميشند

الان اين كد هدر بندست: http://p30up.ir/up/d...cevb8pldksn.txt

براي تغيير حالت منوي زير هدر بايد اين كد ها رو تغيير بدم؟


$("#menu li a").hover(function() {
// this function is fired when the mouse is moved over
$(".out", this).stop().animate({'top': '45px'}, 250); // move down - hide
$(".over", this).stop().animate({'top': '0px'}, 250); // move down - show
$(".bg", this).stop().animate({'top': '0px'}, 120); // move down - show

}, function() {
// this function is fired when the mouse is moved off
$(".out", this).stop().animate({'top': '0px'}, 250); // move up - show
$(".over", this).stop().animate({'top': '-45px'}, 250); // move up - hide
$(".bg", this).stop().animate({'top': '-45px'}, 120); // move up - hide
});


/* 2nd example */

$("#menu2 li a").wrapInner( '<span class="out"></span>' );

$("#menu2 li a").each(function() {
$( '<span class="over">' + $(this).text() + '</span>' ).appendTo( this );
});

$("#menu2 li a").hover(function() {
$(".out", this).stop().animate({'top': '45px'}, 200); // move down - hide
$(".over", this).stop().animate({'top': '0px'}, 200); // move down - show

}, function() {
$(".out", this).stop().animate({'top': '0px'}, 200); // move up - show
$(".over", this).stop().animate({'top': '-45px'}, 200); // move up - hide
});

این کدی است که باید به آن استایل بدهید


#menu li a

این کد را در فایل style.css پیدا کنید و با استفاده از مراجع بالا محتویاتش در css را تغییر دهید

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

قبل از هربار تغییر از کل محتویات قبلی style.css کپی بگیرید

نمونه های آماده ی زیادی از منوهای زیبا را می توانید در سایت زیر بیابید که بعد از فراگیری استایل بندی می توانید جایگزین منوی فعلی کنید

http://www.dynamicdrive.com/

2

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


لینک به پست

ارسال شده در (ویرایش شده)

استاد دستتون درد نكنه :)

اما اينا همش انگليسي بود ونتونستم هيچي بفهمم... :(

اگه نمونه ي فارسيش هم موجوده لطفا آدرسش رو به ما بدهيد؟

ویرایش شده در توسط abolfazl
0

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


لینک به پست

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

سایت جامع به این گستردگی برای فارسی نداریم.

2

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط MajidRB
      سلام وقتتون بخیر.
      دوستان قالب placid رو به صورت های مختلف دانلود و نصب کردم ( هم از سایت های فارسی و قالب فارسی شده هم از منابع خود وردپرس)
      چه به شکل فارسی چه به شکل انگلیسی پست ها رو اونطوری که در پیش نمایش قالب نشان داده شده ، در صفحه اصلی نشان نمیده !
      عکس ها رو درج میکنم
      هیچ تنظیماتی نمانده که من دستکاری نکرده باشم
      فکر کنم باید چند خط کد کم یا زیاد بشه ( که بلد نیستم ! )
      خیلی ممنون میشم راهنمایی کنید
       


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

      ممنونم
    • توسط amirmehdi950
      سلام دوستان اگه جوابم رو بدید ممنون میشم.
      من یک افزونه ای میخوام (مثل مناقصه) که افراد بتونن با ثبت نام در سایت، پروژه شون رو ثبت و افراد دیگه بتونن روی اون پیشنهاد قیمت بدن و درصورت تایید ثبت کننده پروژه، پروژه خودکار تایید و شروع بشه و مجری بتونه با تعیین حق دستمزد پولش رو قبل از دریافت فایل توسط ثبت کننده پروژه ، دریافت کنه.
      منتها زمانی که ثبت کننده پول رو پرداخت میکنه خودکار یه درصدی کم شه(حق سایت) و بقیش به حساب مجری (حساب اعتباریش که تو سایته) ریخته بشه.
      مشابه این کار در چند سایت هست که میتونید مشاهده کنید:
      http://typeiran.com/
      http://tarahiran.com/
      https://parscoders.com
      این هم یک نمونه از چیزی که میگم: https://parscoders.com/project/54921/درخواست-قالب-آماده-وردپرس-برای-ثبت-سفارش-انجام-پروژه البته منظور چیزی که ثبت کردن ، تحت عنوان قالب وردپرس... نیست، منظورم نحوه عملکرد سایت هست.
    • توسط mohsen_sj
      سلام دوستان
      برای یک سایت چند منظوره که هم به عنوان دایرکتوری باشه و هم فروشگاهی که امکان چند فروشگاهی رو بتونه ساپورت کنه چه قالب یا افزونه ای پیشنهاد میکنید؟