• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط mrasoul
      با عرض سلام و خسته نباشید ... لطفا این صفحه را ببینید :
      صفحه مورد نظر
      در این صفحه و بعد از ویدئو یک فهرست وجود دارد با آیتمهایی مثلا
      1.Introduction
      2.Brackets Extensions
      و ... که در اصل سرفصل های این آموزش است که شامل یکسری زیر مجموعه هستند ... وقتی روی زیرمجموعه ها کلیک می کنید اون مجموعه را نشان می دهید . به عنوان مثال روی
      1.2The Extension Manager
      کلیک کنید ...
      من اگر بخوام یک پست آموزشی کامل بسازم و تو این پست این سرفصل ها رو تعریف کنم آیا وردپرس امکانی رو داره بدون اینکه برای هر فصل یک پست ساخت همه ی پستها را داخل یک پست نوشت ؟ یعنی یک پست چند صفحه ایی مثلا مقدمه در خود پست و در مقدمه سرفصل ها رو تعریف کنیم حالا همون پست چند صفحه را زیرمجموعه داشته باشد که این صفحه ها همون سرفصل ها باشند .
      چون اگر قرار باشد برای هر فصل یک پست بفرستم طبیعتا کار بسیار مشکل و زمان بری است چرا که در هرکدام از این پستها باید با زمینه دلخواه سرفصل ها را تعریف کنم و هربار که پست جدید بفرستم در داخل بقیه سرفصل های قبل باید بروم و در زمینه دلخوه لینک این سرفصل جدید را تعریف کنم
       
    • توسط lloyd
      سلام دوستان خوبم اگر کسی میتواند پوسته The Voux را در هاست من نصب کند لطفا به من اینجا اطلاع بدهد. خطای نصب: شیوه نامه گم شده است !
       
    • توسط shayan201680
      با سلام
      بنده یک سایت اصلی وردپرسی دارم و قرار شده که در ساب دامینشم از وردپرس استفاده کنم.
      الان میخوام کاری کنم که کاربران اگر در سایت اصلی ثبت نام کردند بتونند با همون مشخصات در ساب دامین نیز لاگین کنند و برعکس!
      ولی نمیدونم باید چکار کنم! 
      ممنون میشم اگر کسی بلده راهنمایی کنه، با تشکر... 
    • توسط dastjerdisf
      با سلام
      در بین اساتید کسی می تونه به من کمک کنه بگه چرا وقتی آدرس سایتم رو می نویسم اتومات این متن رو به اون اضافه می کنه/?i=1
      از مدیریت هاست پرسیدم میگند از کش مرورگر هستش اما چرا سایت های دیگه این جوری نیستند
      آدرس سایتم:http://hushmandyar.ir
    • توسط saeid1872
      سلام دوستان
      تو کمتر از یک ماه سایتم 61 ارور 500 ثبت کرده که در حال زیاد شدن هستش نمیدونم چرا این ارورهارو ثبت میکنه
      لطفا دلیلش رو بگید و اینکه چطور باید رفع کنم
      من خیلی اصلا حرفه ای نیستم فقط خواهشا جوری راهنمایی کنید که بتونم رفعش کنم.