آموزش ساخت منوی آبشاری توسط css و css3 (قسمت دوم)

- visibility ۹۵ mode_comment

با سلام خدمت تمامی کاربران سون لرن بخاطر درخواست جمعی از عزیزان و همچنین مشکل دوستان در زمینه طراحی و ساخت منو های آبشاری که جزء مهمی از ساختار ظاهری سایت ها و همچنین عامل مهمی در زمینه راهنمایی و ناوبری کاربران در استفاده راحت تر و دسترسی سریع آنها به موضوعات و بخش های یک سایت می باشد لذا تصمیم گرفتم تا یه آموزش کاملا کاربردی در این زمینه تهیه و در اختیار شما عزیزان بگذارم در جلسه قبلی این آموزش ما منوی مورد نظر خودمون رو طراحی و ایجاد کردیم و در این جلسه که قسمت دوم و پایانی این مبحث می باشد به طراحی و کد نویسی زیر منوی این منو می پردازیم...

پیش نیاز این آموزش:

آشنایی با:

  • html
  • css,css3
.: فقط اعضاي سايت مجاز به ديدن اين قسمت هستند :.
در صورتي که عضو سايت هستيد می توانید لاگین شوید.
در غير اين صورت در کمتر از 1 دقيقه مي توانيد در سايت عضو شويد.
comment دیدگاه کاربران
سید علی

سلام
مثل همیشه عالی
فقط این که میشه بگین برای ادیت فیلم واصن گرفتنش از صفحه از چه نرم افزار هایی استفاده میکنین؟
ممنون از شما

وحید صالحی

سلام
نرم افزار camtasia

سید علی

ممنون از شما
باهمونم ادیت میکنید؟

وحید صالحی

بله از تهیه تا انتشار.

Marjan Ghasemi

سلام آقای صالحی، خسته نباشید، مطالب سایتتون عالیه. من تو ساخت این منو یک مشکل کوچولو دارم که نتونستم حلش کنم. وقتی میخوام opacity زیر منو رو یک کنم کد رو قبول نمیکنه نمیدونم چرا؟ هر راه حلی که به ذهنم رسید رو امتحان کردم اما نتیجه نداد، میشه خواهش کنم راهنمایی کنید که چطور میتونم حلش کنم؟ opacity رو صفر میکنه اما این یک خطو قبول نمیکنه

امتحان کردم اگه به جای ul یه عنصر دیگه مثل a میذارم رو قبول میکنه و هر کدی داخلش باشه اجرا میشه اما برا ul هیچ کدی رو قبول نمیکنه.

با تشکر

وحید صالحی

سلام
برای ul نمی تونید این کار رو انجام بدید باید این خاصیت رو به تگ li که درون ul ایجاد میشه اعمال کنید….

Marjan Ghasemi

خیلی ممنون از پاسخگویی سریعتون آقای صالحی، این کدی بود که تو ویدئو آموزشی تون بود اما من قبل از اینکه مزاحم شما بشم احتمال اینو دادم که یه خطای کوچیک تایپی بوده و برای عناصر دیگه من جمله li هم امتحانش کرده بودم اما جواب نداد. الان دوباره چک کردم اما هنوز مشکل داره. دستور رو مینویسم لطف کنید چک کنید و اگه اشتباهه فرم صحیحشو برام بنویسید.


با تشکر

وحید صالحی

چندین ماه از تولید این آموزش میگذره و حضور ذهن در مورد کدهاش ندارم قسمتی رو که مشکل دارید کدهاش رو کامل قرار بدید

Marjan Ghasemi

باشه، ممنون.

وحید صالحی

دوست عزیز با دقت ویدئو رو تماشا کنید : 🙂
شما باید بعد از علامت < به ul اشاره کنید در حالی که شما در کد ارسالیتون بعد از علاکت < به li اشاره کردین زمان 16:25 رو در قسمت دوم آموزش مشاهده کنید و می بینید که در ویدئوی آموزشی به این صورت توضیح داده شده و همه چیز به درستی کار میکنه و مشکل از کدنویسی شماست... موفق باشید

Marjan Ghasemi

تو آموزش ویدئو کد زیر نوشته شده بود.

Marjan Ghasemi

ممنون از پاسخگوییتون اما من دقیقا مثل ویدئو نوشتم اما جواب نداد بعد رفتم گزینه های دیگه رو امتحان کردم. همه شو امتحان کردم و جواب نداد. برا همین موندم که چرا جواب نمیده.
من اول مثل ویدئو کد زیر رو نوشتم:

❗ 😥 ❗

وحید صالحی

!!!

Marjan Ghasemi

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

وحید صالحی

خواهش می کنم مشکلی نیست ما اینجا هستیم تا پاسخ گوی دوستان باشیم با توجه به اینکه در آموزش مشکلی نیست باید کدهاتون رو بررسی کنید و مشکل رو رفع کنید…
موفق باشید

Marjan Ghasemi

خیلی ممنون از توجهتون، مشکلم حل شد. 😎 تگهای html ام مشکل داشت.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 3 4 5