رفتن به مطلب

چند مشکل در ویرایش قالب


Akbar

پست های پیشنهاد شده

سلام، ببخشید چند تا سوال در مورد ویرایش قالب دارم.

من یک قالبی رو فارسی کردم ولی یکم مشکل دارم! لطفا من رو راهنمایی کنید.

1) اینکه من میخوام فونت عنوان پست هارو عوض کنم! یک فایل با اسم fonts در پوشه ی قالب درست کردم و چند فونت در اون قرار دادم (به تقلید از پوسته nomad که در همیار وردپرس هست).

و در ادامه ی کد post h2 a. که در فایل css هست و مربوط به عنوان پست هاست این کد رو قرار دادم ولی فونت تغییر نکرد!


font-family: "Yekan"

میخوام بدونم آیا باید فونت ها را مثل فایل rtl.css باید به قالب تعریف کنی یا چه جوریه؟(لطفا یکم توضیح بدین)

------------------------------------------------------------------------------------------------------------------------------------------------------

2) من منوی باز شو رو نوشته هاش رو راست چین کردم! ولی منو های باز شو به سمت راست باز میشن من باید چیکار کنم تا به سمت چپ باز بشه؟

عکس + کدهای css

gk6vvdg41zl0oqgm0myt.jpg


#myslidemenu { width: 765px; height: 40px; padding-left: 35px; float: left; display: inline; }
.jqueryslidemenu { width: 100%; font-size: 14px; text-transform: uppercase; }
.jqueryslidemenu ul { margin: 0; padding: 0; list-style-type: none; }
.jqueryslidemenu ul li { position: relative; display: inline; float: left; }
.jqueryslidemenu ul li a { padding: 10px 15px; display: block; text-decoration: none; }
.jqueryslidemenu ul ul { background: #222; top: 40px; padding: 0 10px; }
.jqueryslidemenu ul ul ul { background: #333; margin: 0 0 0 20px; padding: 0 10px; }

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.jqueryslidemenu ul li a { color: #aaa; }
.jqueryslidemenu ul li a:hover { color: #eee; }

/*1st sub level menu*/
.jqueryslidemenu ul li ul { position: absolute; left: 0; width: 140px; display: block; visibility: hidden; clear: both; }
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li { display: list-item; float: none; }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul { top: 0; }
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a { width: 140px; padding: 5px 5px; margin: 0; border-top-width: 0; }

و اینکه عکس های درون پست، همه به یک اندازه در بیان! و اگر بزرگ هستن به صورت خودکار کوچک بشه و اگه کوچک هست ، بزرگ بشه! (مانند قالب nomad )

ممنون :D

لینک به ارسال

بعد از قرار دادن فونت باید اونها رو در فایل استایل یا rtl فراخوانی هم بگنید. مثل:

@font-face {
font-family: 'Yekan';
src: url('fonts/BYekan.eot?#') format('eot'), /* IE6–8 */
url('fonts/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

برای باز شدن از راست در منو علاوه بر راست چینی باید float T left و right رو هم تغییر بدید. برای اولین بار کمی کار سختی براتون هست.

شما اول باید div مادر (که کل منو در اون هست) بهش direction با مقدار rtl بدید.

بعد float رو بکنید روی right و در مرحله آخر هر جای left دارید بهش مقدار 0 و مقدار قبلیش رو به خاضیت right اضافه کنید.

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

لینک به ارسال

همونجایی که منو قرار داره. ببین تمامی المانهای منو توی اون div قرار میگیره.

باید سورس صفحه در مرورگر رو چک کنی. نه خود فایل هدر.

لینک به ارسال

من سورس صفحه رو چک کردم! و اون div مادر رو پیدا کردم و مقدار direction: rtl; رو گذاشتم!

حالا باید برم توی فایل css و در قسمت خصوصیات این منو و هر چی float بود right کنم ؟

یا مقدار float:right رو به اون div اضافه کنم؟

لینک به ارسال

فقط خصوصیاتی که گفتم رو توی کد css یی که قرار دادین باید تغییر بدین.

لینک به ارسال

ببینم آقا مرتضا میشه این یک قسمت رو شما انجام بدین؟ خیلی ممنون میشم :rolleyes:

من به div مادر مقدار direction: rtl رو دادم

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


/* ===================== myslidemenu ===================== */
#myslidemenu { width: 765px; height: 40px; padding-left: 35px; float: left; display: inline; }
.jqueryslidemenu { width: 100%; font-size: 14px; text-transform: uppercase; }
.jqueryslidemenu ul { margin: 0; padding: 0; list-style-type: none; }
.jqueryslidemenu ul li { position: relative; display: inline; float: left; }
.jqueryslidemenu ul li a { padding: 10px 15px; display: block; text-decoration: none; }
.jqueryslidemenu ul ul { background: #222; top: 40px; padding: 0 10px; }
.jqueryslidemenu ul ul ul { background: #333; margin: 0 0 0 20px; padding: 0 10px; }

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.jqueryslidemenu ul li a { color: #aaa; }
.jqueryslidemenu ul li a:hover { color: #eee; }

/*1st sub level menu*/
.jqueryslidemenu ul li ul { position: absolute; left: 0; width: 140px; display: block; visibility: hidden; clear: both; }
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li { display: list-item; float: none; }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul { top: 0; }
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a { width: 140px; padding: 5px 5px; margin: 0; border-top-width: 0; }

لینک به ارسال

تست کنید:

/* ===================== myslidemenu ===================== */
#myslidemenu { width: 765px; height: 40px; padding-left: 0; padding-right: 35px; float: right; display: inline; }
.jqueryslidemenu { width: 100%; font-size: 14px; text-transform: uppercase; }
.jqueryslidemenu ul { margin: 0; padding: 0; list-style-type: none; }
.jqueryslidemenu ul li { position: relative; display: inline; float: right; }
.jqueryslidemenu ul li a { padding: 10px 15px; display: block; text-decoration: none; }
.jqueryslidemenu ul ul { background: #222; top: 40px; padding: 0 10px; }
.jqueryslidemenu ul ul ul { background: #333; margin: 0 20px 0 0; padding: 0 10px; }

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.jqueryslidemenu ul li a { color: #aaa; }
.jqueryslidemenu ul li a:hover { color: #eee; }

/*1st sub level menu*/
.jqueryslidemenu ul li ul { position: absolute; left: 140px;right: 0; width: 140px; display: block; visibility: hidden; clear: both; }
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li { display: list-item; float: none; }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul { top: 0; }
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a { width: 140px; padding: 5px 5px; margin: 0; border-top-width: 0; }

لینک به ارسال

شما صفحه ا صلی سایت رو بصورت web page complete در فایرفاکس ذخیره کنید و اینجا قرار بدید تا براتون کدش رو تصحیح کنم.

لینک به ارسال

سلام

این کدها روداخل فایل rtl قرار بدید:

#myslidemenu { direction: rtl; }
.jqueryslidemenu ul { float: right; }
.jqueryslidemenu ul li { float: right; }
.jqueryslidemenu ul ul ul { margin: 0 20px 0 0;}
.jqueryslidemenu ul li ul { right: 0px; text-align: right; }

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...