مشکل در منوی قالب طراحی شده

[کشاورز 2]

با سلام و احترام

دوستی برای من قالبم رو طرحی کرده برای منوی دی جی منو سی اس اس اختصاصی نوشته بود ولی الان کار نمیکنه

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

http://www.alikeshavarz.com/

 

[محمدحسین میری 3,094]

درود بر شما

 

چه تغییراتی دادید؟

افزونه نصب یا حذف کردید ؟ یا وارد سی پنا شدید که تغیری بدید ؟

[sara_s 2]

با سلام خدمت دوستان

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

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

ممنون

background-image: -moz-linear-gradient(top, #7a96be 0%, #2d5c94 100%);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7a96be), to(#2d5c94));
background-image: -webkit-linear-gradient(top, #7a96be, #2d5c94);
background-image: -o-linear-gradient(top, #7a96be, #2d5c94);
background-image: linear-gradient(to bottom, #7a96be, #2d5c94);
background-repeat: repeat-x;

 

یا مثلا

-webkit-border-radius:3px;
-moz-border-radius: 3px;

اما این کد اجرا میشه:

border-radius: 3px;

 

و همچنین این کدها که اجرا نمی شوند

-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065
-moz-box-shadow: 10px 1px 4px rgba(0, 0, 0, 0.065);

اما این یکی اجرا میشه:

 

box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);

من برای موزیلا از ورژن 29.0.1 استفاده میکنم و روی لوکال هاست دارم تست میکنم.

[jafar007 40]

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

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

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

ویرایش شده اردیبهشت 93 توسط jafar007

[sara_s 2]

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

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

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

سلام و خیلی ممنون به خاطر اینکه وقت گذاشتین.

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

 

البته امروز متوجه شدم که وقتی میرم قسمت template ها و preview رو انتخاب میکنم نمی تونم طراحی منو رو ببینم در صورتیکه وقتی کل سایتو میبینم (localhost/site-name)طراحیم هست. البته تو این فیلم ها که آقای صفاری آموزش میدن تو قسمتpreview  قالب هم این طرح ها دیده میشن.

من خیلی وقت نیست که شروع کردم به طراحی، ممنون میشم بگین آیا همیشه همینطوره یا نه؟

راستی css رو هم خودم نوشتم.

 

چطور میشه از inspect element برای رفع ایراد استفاده کرد؟ چون من رفتم تو اون قسمت اما فقط یه سری کد هستند.

باز هم ممنونم.

[jafar007 40]

سلام

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

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

 

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

 

خوب inspect element قراره کد های شمارو نشون بده دیگه باید هم کد ها رو ببینید. 

 

Inspect element یا firebug  ها کار طراحی رو خیلی راحت کردن تغریبا یه طراحی برای من که بدون اینها فاجعست. بهتره کار کردن با این ابزار رو یاد بگیرید.

الان من فقط برای کدهای html یا php از برنامه های کد نویسی استفاده میکنم وگرنه برای سی اس اس و جی کوئری از داخل Inspect element گوگل کروم استفاده میکنم چون میشه تو اون سیو کرد و دیگه لازم نیست بعد از تغییرات دوباره برم تو یه برنامه تغییرات رو اعمال کنم. این قابلیت رو فقط Inspect element گوگل کروم داره حتی firebug فایرفاکس هم نداره البته میشه توش سیو کرد ولی نه به این صورت این خیلی باحال تره.

کار کردن باهش هم خیلی سادست. وقتی رویه یه المنت یا هر چیزی تو سایت کلیک راست کنید و گزینه inspect element رو بزنید یه پنجره باز میشه پایین صفحه که حالا تو گوگل کروم تو تب element دو بخش هست سمت راست کد های سی اس اسی که مربوط به اون المنتی که انتخاب شده رو نشون میده و سمت چپ کدهای html رو نشون میده . که شما می تونید همون جا همه کد ها رو تغییر بدین و همون لحظه نتیجشو روی سایتت ببینین.

تو قسمت سی اس اس که گفتم که عنوانش style هست می تونید کدهای سی اس اسو ببینید و ببینید کدوم کد اعمال شده کدهایی که روشون خط کشیده شده یعنی یه چیز دیگه روشون اور رایت شده در ضمن توجه داشته باشید که تو اون بخش کدهایی که اول قرار میگیرن تاثیر پذیر هستن یعنی اون ها اور رایت شدن روی سایت. پس بهتره کدهاتون رو توی اون کلاس ها بنویسید یا اینکه از دستور !important بعد از کدتون استفاده کنید.

تو اینترنت بگردین اموزش هاش هست . شما حتی می تونید خطاهای وب سایتتون رو از تب console ببینید که خیلی واجبه چون شاید یه کد جاوا اسکریپت خطا داشته باشه و کل سایت خراب بشه.

 

برای قسمت preview هم باید نشون بده تمام بخش ها رو مگر اینکه قالبتون مشکلی داشته باشه .