پرسش راست چین کردن css این منو ( sw menu (

[shervin63 2]

سلام خدمت همه دوستان گرامی

یک سوالی داشتم - همانوطور که میدونید کامپوننت منو ساز sw به شما اجازه می ده که سی اس اس منو درست شده رو ویرایش کنید

میخوام بدونم کجای این سی اس اس تغییر ایجاد کرد تا راستچین بشه یعنی مثلا به جای این جوری

اخبار | تازه ها | صفحه نخست

بشه اینجوری

صفحه نخست | تازه ها | اخبار

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

فکر کنم باید float: right کنم یه جا -- ولی نمی دونم کجا

ممنون میشم خیلی زیاد

این هم کد css منو

.................................

به دلیل طولانی بودن کدها حذف شد

لطفا دموی انلاین بگذارید

[دفاعی 872]

سلام

لطفا دموی آنلاین بگذارید

خب ما از کجا بدونیم این کدها و کلاس ها برای کدوم قسمت منو هستن !!!! باید منو رو هم دید

[shervin63 2]

سلام

لطفا دموی آنلاین بگذارید

خب ما از کجا بدونیم این کدها و کلاس ها برای کدوم قسمت منو هستن !!!! باید منو رو هم دید

چشم ، به روی چشم - به زودی دموی آنلاین آماده می کنم

باز هم ممنون

[shervin63 2]

سلام

لطفا دموی آنلاین بگذارید

خب ما از کجا بدونیم این کدها و کلاس ها برای کدوم قسمت منو هستن !!!! باید منو رو هم دید

سلام دوباره جناب دفاعی

دموی آنلاین خدمت شما

http://jmdemo.host22.com

منوی بالای صفحه در موقعیت user3 مورد نظر است با تشکر

[دفاعی 872]

این لینک که باز نمیشه!!!!!!!!!!

در ضمن با کدوم نسخه ie این مشکل رو داره؟

[Saeed_Shamsi 758]

با سلام

من هم تست کردم بالا نمیاد

یا حق

[shervin63 2]

این لینک که باز نمیشه!!!!!!!!!!

در ضمن با کدوم نسخه ie این مشکل رو داره؟

مجدد چک کردم - سایت باز می شود

با همه ی نسخه ها - فرقی ندارد - ie 7 - 8 -9 - firefox -chrome ...

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

---

با سلام

من هم تست کردم بالا نمیاد

یا حق

سایت بالا میاد - مشکل مخابرات و اینترنت است - بعضی آی اس پی ها مشکل دارن

[مصطفی صفرعلی 2,891]

با سلام

برای این مورد فکر کنم به جای فایل css باید خود فایل index.php قالبتون را ویرایش کنید

در خط 24 که داخل تگ head واقع شده کلاس

#tabtop242

را پیدا کنید و به سایر گزینه های آن عبارت

direction: rtl;

را اضافه کنید

اگه مشکل حل نشد بگید در خط 24 چه کدی قرار گرفته است

موفق و پیروز باشید

یا حق

:64 (17):

[shervin63 2]

با سلام

برای این مورد فکر کنم به جای فایل css باید خود فایل index.php قالبتون را ویرایش کنید

در خط 24 که داخل تگ head واقع شده کلاس

#tabtop242

را پیدا کنید و به سایر گزینه های آن عبارت

direction: rtl;

را اضافه کنید

اگه مشکل حل نشد بگید در خط 24 چه کدی قرار گرفته است

موفق و پیروز باشید

یا حق

:64 (17):

خیلی........ خیلی ........ خیلی ...... بسیار ..... بسیار ......ممنون

بسیار کمک کرد

شاد باشید و سر فراز.....

به امید فردایی بهتر

---

با سلام

برای این مورد فکر کنم به جای فایل css باید خود فایل index.php قالبتون را ویرایش کنید

در خط 24 که داخل تگ head واقع شده کلاس

#tabtop242

را پیدا کنید و به سایر گزینه های آن عبارت

direction: rtl;

را اضافه کنید

اگه مشکل حل نشد بگید در خط 24 چه کدی قرار گرفته است

موفق و پیروز باشید

یا حق

:64 (17):

راستش من تو قالب راست چین آخر قالب

dl.tabs {

float: right;

}

اضافه می کنم اینا راست چین میشه اما اگر قالب همش راستچین نباشه به مشکل می خوره راستش من میخوام همه قسمت های قالب ام به غیر از قسمتی که کامپوننت مطالب نشون داده میشه راستچین باشه میخوام اون قسمت نمایش مطلب چپچین باشه

اون کدی هم که شما فرمودید توی قالب پیدا نکردم نام کاربری و کلمه عبور مدیریت را برای شما پیام خصوصی می کنم

باز هم ممنون

[مصطفی صفرعلی 2,891]

با سلام

در ابتدا من هم از اظهار لطف شما نسبت به این حقیر سپاسگزارم

طی درخواست شما از طریق پیام خصوصی و با توجه به پست شماره 9 این تاپیک موارد خواسته شده را بررسی و ویرایش کردم

من میخوام همه قسمت های قالب ام به غیر از قسمتی که کامپوننت مطالب نشون داده میشه راستچین باشه میخوام اون قسمت نمایش مطلب چپچین باشه

حال در اینجا فقط به شرح تغییرات میپردازم :

ابتدا در مسیر زیر تغییرات را انجام دادم

templates/green2/css/template.css

چپ چین و کوچک نمودن عنوان مطالب : دلیل کوچک کردن عنوان مطلب برای طولانی بودن عنوان آخرین مطلب صفحه اصلیتون بود ، اگر خواستید میتوانید آن را به حالت قبل برگردانید

در خط 1332 کلاس زیر قرار دارد

h2.art-postheader, h2.art-postheader a, h2.art-postheader a:link, h2.art-postheader a:visited, 

h2.art-postheader a.visited, h2.art-postheader a:hover, h2.art-postheader a.hovered

در کلاس بالا عبارتهای زیر را ویرایش کردم

text-align: right; ==> left;
text-size: 26px; ==> 19px;

ترازبندی آیکنهای مطالب : در خط 1287 کلاس زیر قرار دارد

.art-metadata-icons img

در کلاس بالا عبارت زیر را اضافه کردم

float: none;

ترازبندی متن مطالب : در خط 27 کلاس زیر قرار دارد

.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent 

a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-

postcontent a.hovered

در کلاس بالا عبارت زیر را ویرایش کردم

text-align: right; ==> left;

چپ چین کردن و ترازبندی آیکن منوی عمودی : در خط 1274 کلاس زیر قرار دارد

a img

در کلاس بالا عبارتهای زیر را اضافه کردم

float: left;
margin-top: 6px;

افزایش فضای بین لینکهای منو جهت تراز آیکنها و تراز آیکنهای پیشفرض منوی معمولی جوملا : در خط 1122 کلاس زیر قرار دارد

.art-blockcontent-body ul li

در کلاس بالا عبارتهای زیر را ویرایش و همچنین اضافه کردم

line-height: 125%; ==> 177%;
background-position: 0 5px; ==> این کد اضافه شده

راست چین کردن منوی لاگین : در خط 1947 کلاس زیر قرار دارد

form#form-login

در کلاس بالا عبارتهای زیر را ویرایش و همچنین اضافه کردم

text-align: left; ==> right;
direction: rtl; ==> این کد اضافه شده

راست چین کردن منوی افقی بالای سایت : برای اینکار لازمه قبلش یه توضیحی بدم . منویی که شما در بالای سایتتون استفاده کردید swmenupro هستش و همانطور که میدانید و شاید خیلی های دیگه هم این مشکل رو داشته باشند اینه که امکان دسترسی به فایل css برای این منوساز نیست . ولی با یه ترفند ساده میشه خودمون تغییراتی ایجاد کنیم

برای این مورد با استفاده از فایرباگ ابتدا کلاس مورد نظر را برای تغییر پیدا کنید و تغییرات لازم را تست کنید . سپس به فرض تو مرورگر فایرفاکس کلیدهای Ctrl+U را فشار دهید تا سورس کدهای سایت نمایش داده شود . سپس در بین تگهای باز و بسته head کلاس مورد نظر را برای اطمینان از وجودش بیابید .

حال فایل index.php قالبتون رو باز کنید و به کدهایی که بین تگهای باز و بسته head قرار گرفته اند دقت کنید . میبینید که نه اون کدهایی که تو سورس سایت دیدید هستش و نه کدی که مرتبط با اون کدها باشه . حالا کار ما از اینجا شروع میشه ، بطور مثال برای راست چین کردن منو کلاسهایی که من یافتم دو کلاس زیر بود:

#tabtop242
ودیگری
table.submenu42 td

حالا برحسب سورس سایت ، کدها را به شکل زیر نوشتم

نکته خیلی مهم : کد بالا را باید حتما قبل از تگ بسته head قرار داد . دلیلش هم اینه که چون مرورگر کدها را به ترتیب میخواند . اگه به سورس سایت دقت کرده باشید میبینید که برای کلاس #tabtop242 مقدار width برابر 100٪ میباشد ولی در کد اصلاحی مقدار را برابر 99٪ قرار دادم و چون میخواهم ویرایش جدید انجام بشه مجبورم کد جدید را بعد از کد اصلی قرار بدم . امیدوارم متوجه منظورم شده باشید

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

موفق و پیروز باشید

یا حق

:64 (17):

[shervin63 2]

با سلام

در ابتدا من هم از اظهار لطف شما نسبت به این حقیر سپاسگزارم

طی درخواست شما از طریق پیام خصوصی و با توجه به پست شماره 9 این تاپیک موارد خواسته شده را بررسی و ویرایش کردم

من میخوام همه قسمت های قالب ام به غیر از قسمتی که کامپوننت مطالب نشون داده میشه راستچین باشه میخوام اون قسمت نمایش مطلب چپچین باشه

حال در اینجا فقط به شرح تغییرات میپردازم :

ابتدا در مسیر زیر تغییرات را انجام دادم

templates/green2/css/template.css

چپ چین و کوچک نمودن عنوان مطالب : دلیل کوچک کردن عنوان مطلب برای طولانی بودن عنوان آخرین مطلب صفحه اصلیتون بود ، اگر خواستید میتوانید آن را به حالت قبل برگردانید

در خط 1332 کلاس زیر قرار دارد

h2.art-postheader, h2.art-postheader a, h2.art-postheader a:link, h2.art-postheader a:visited, 

h2.art-postheader a.visited, h2.art-postheader a:hover, h2.art-postheader a.hovered

در کلاس بالا عبارتهای زیر را ویرایش کردم

text-align: right; ==> left;
text-size: 26px; ==> 19px;

ترازبندی آیکنهای مطالب : در خط 1287 کلاس زیر قرار دارد

.art-metadata-icons img

در کلاس بالا عبارت زیر را اضافه کردم

float: none;

ترازبندی متن مطالب : در خط 27 کلاس زیر قرار دارد

.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent 

a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-

postcontent a.hovered

در کلاس بالا عبارت زیر را ویرایش کردم

text-align: right; ==> left;

چپ چین کردن و ترازبندی آیکن منوی عمودی : در خط 1274 کلاس زیر قرار دارد

a img

در کلاس بالا عبارتهای زیر را اضافه کردم

float: left;
margin-top: 6px;

افزایش فضای بین لینکهای منو جهت تراز آیکنها و تراز آیکنهای پیشفرض منوی معمولی جوملا : در خط 1122 کلاس زیر قرار دارد

.art-blockcontent-body ul li

در کلاس بالا عبارتهای زیر را ویرایش و همچنین اضافه کردم

line-height: 125%; ==> 177%;
background-position: 0 5px; ==> این کد اضافه شده

راست چین کردن منوی لاگین : در خط 1947 کلاس زیر قرار دارد

form#form-login

در کلاس بالا عبارتهای زیر را ویرایش و همچنین اضافه کردم

text-align: left; ==> right;
direction: rtl; ==> این کد اضافه شده

راست چین کردن منوی افقی بالای سایت : برای اینکار لازمه قبلش یه توضیحی بدم . منویی که شما در بالای سایتتون استفاده کردید swmenupro هستش و همانطور که میدانید و شاید خیلی های دیگه هم این مشکل رو داشته باشند اینه که امکان دسترسی به فایل css برای این منوساز نیست . ولی با یه ترفند ساده میشه خودمون تغییراتی ایجاد کنیم

برای این مورد با استفاده از فایرباگ ابتدا کلاس مورد نظر را برای تغییر پیدا کنید و تغییرات لازم را تست کنید . سپس به فرض تو مرورگر فایرفاکس کلیدهای Ctrl+U را فشار دهید تا سورس کدهای سایت نمایش داده شود . سپس در بین تگهای باز و بسته head کلاس مورد نظر را برای اطمینان از وجودش بیابید .

حال فایل index.php قالبتون رو باز کنید و به کدهایی که بین تگهای باز و بسته head قرار گرفته اند دقت کنید . میبینید که نه اون کدهایی که تو سورس سایت دیدید هستش و نه کدی که مرتبط با اون کدها باشه . حالا کار ما از اینجا شروع میشه ، بطور مثال برای راست چین کردن منو کلاسهایی که من یافتم دو کلاس زیر بود:

#tabtop242
ودیگری
table.submenu42 td

حالا برحسب سورس سایت ، کدها را به شکل زیر نوشتم

نکته خیلی مهم : کد بالا را باید حتما قبل از تگ بسته head قرار داد . دلیلش هم اینه که چون مرورگر کدها را به ترتیب میخواند . اگه به سورس سایت دقت کرده باشید میبینید که برای کلاس #tabtop242 مقدار width برابر 100٪ میباشد ولی در کد اصلاحی مقدار را برابر 99٪ قرار دادم و چون میخواهم ویرایش جدید انجام بشه مجبورم کد جدید را بعد از کد اصلی قرار بدم . امیدوارم متوجه منظورم شده باشید

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

موفق و پیروز باشید

یا حق

:64 (17):

اول سپاس ، دوم سپاس ، سوم سپاس

چهارم داغون کردی رفت هم لطف و مرام هم هرچی کد و قالب

پنجم هورا شدی رفت هورا ... هورا...

من با برنامه نویسی وی بی و مسایل شبکه آشنایی دارم اگر یه زمانی فکر کردی کاری از دستم بر میاد - دریغ نمی کنم و بسی خوشحال میشم

اگر یه سر سوزن بتونم کمکی ( جبران ) کنم

ممنون

ببینم میشه هر دفعه که میام پستت رو می خونم یه سپاس بزنم یا امتیاز بدم؟/....؟

[shervin63 2]

با سلام

در ابتدا من هم از اظهار لطف شما نسبت به این حقیر سپاسگزارم

طی درخواست شما از طریق پیام خصوصی و با توجه به پست شماره 9 این تاپیک موارد خواسته شده را بررسی و ویرایش کردم

من میخوام همه قسمت های قالب ام به غیر از قسمتی که کامپوننت مطالب نشون داده میشه راستچین باشه میخوام اون قسمت نمایش مطلب چپچین باشه

حال در اینجا فقط به شرح تغییرات میپردازم :

ابتدا در مسیر زیر تغییرات را انجام دادم

templates/green2/css/template.css

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

بعدش خود اس دبلیو یه گزینه external css داره به نظرم اگر اون رو آدم درست کنه بهتره تا اینکه بیاد تغییرات رو توی قالب اعمال کنه

کارت خوب بود و اتفاقا نتیجه هم داده بود اما همین کار رو توی یه قالب دیگه و یه جای دیگه که اون هم نسخه اس دبلیو ش همین بود و قالب اش هم با ارتیستر همون ورژن که اون یکی رو ساخته بودم این رو هم با همون ساخته بودم اما

tabtop

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

حرف آخر اینکه کارت خوب بود اما من نمی دونم چرا نمیتونم تکرارش کنم یه جای کار می لنگه

چپ چین و کوچک نمودن عنوان مطالب : دلیل کوچک کردن عنوان مطلب برای طولانی بودن عنوان آخرین مطلب صفحه اصلیتون بود ، اگر خواستید میتوانید آن را به حالت قبل برگردانید

در خط 1332 کلاس زیر قرار دارد

h2.art-postheader, h2.art-postheader a, h2.art-postheader a:link, h2.art-postheader a:visited, 

h2.art-postheader a.visited, h2.art-postheader a:hover, h2.art-postheader a.hovered

در کلاس بالا عبارتهای زیر را ویرایش کردم

text-align: right; ==> left;
text-size: 26px; ==> 19px;

ترازبندی آیکنهای مطالب : در خط 1287 کلاس زیر قرار دارد

.art-metadata-icons img

در کلاس بالا عبارت زیر را اضافه کردم

float: none;

ترازبندی متن مطالب : در خط 27 کلاس زیر قرار دارد

.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent 

a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-

postcontent a.hovered

در کلاس بالا عبارت زیر را ویرایش کردم

text-align: right; ==> left;

چپ چین کردن و ترازبندی آیکن منوی عمودی : در خط 1274 کلاس زیر قرار دارد

a img

در کلاس بالا عبارتهای زیر را اضافه کردم

float: left;
margin-top: 6px;

افزایش فضای بین لینکهای منو جهت تراز آیکنها و تراز آیکنهای پیشفرض منوی معمولی جوملا : در خط 1122 کلاس زیر قرار دارد

.art-blockcontent-body ul li

در کلاس بالا عبارتهای زیر را ویرایش و همچنین اضافه کردم

line-height: 125%; ==> 177%;
background-position: 0 5px; ==> این کد اضافه شده

راست چین کردن منوی لاگین : در خط 1947 کلاس زیر قرار دارد

form#form-login

در کلاس بالا عبارتهای زیر را ویرایش و همچنین اضافه کردم

text-align: left; ==> right;
direction: rtl; ==> این کد اضافه شده

راست چین کردن منوی افقی بالای سایت : برای اینکار لازمه قبلش یه توضیحی بدم . منویی که شما در بالای سایتتون استفاده کردید swmenupro هستش و همانطور که میدانید و شاید خیلی های دیگه هم این مشکل رو داشته باشند اینه که امکان دسترسی به فایل css برای این منوساز نیست . ولی با یه ترفند ساده میشه خودمون تغییراتی ایجاد کنیم

برای این مورد با استفاده از فایرباگ ابتدا کلاس مورد نظر را برای تغییر پیدا کنید و تغییرات لازم را تست کنید . سپس به فرض تو مرورگر فایرفاکس کلیدهای Ctrl+U را فشار دهید تا سورس کدهای سایت نمایش داده شود . سپس در بین تگهای باز و بسته head کلاس مورد نظر را برای اطمینان از وجودش بیابید .

حال فایل index.php قالبتون رو باز کنید و به کدهایی که بین تگهای باز و بسته head قرار گرفته اند دقت کنید . میبینید که نه اون کدهایی که تو سورس سایت دیدید هستش و نه کدی که مرتبط با اون کدها باشه . حالا کار ما از اینجا شروع میشه ، بطور مثال برای راست چین کردن منو کلاسهایی که من یافتم دو کلاس زیر بود:

#tabtop242
ودیگری
table.submenu42 td

حالا برحسب سورس سایت ، کدها را به شکل زیر نوشتم

نکته خیلی مهم : کد بالا را باید حتما قبل از تگ بسته head قرار داد . دلیلش هم اینه که چون مرورگر کدها را به ترتیب میخواند . اگه به سورس سایت دقت کرده باشید میبینید که برای کلاس #tabtop242 مقدار width برابر 100٪ میباشد ولی در کد اصلاحی مقدار را برابر 99٪ قرار دادم و چون میخواهم ویرایش جدید انجام بشه مجبورم کد جدید را بعد از کد اصلی قرار بدم . امیدوارم متوجه منظورم شده باشید

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

موفق و پیروز باشید

یا حق

:64 (17):

[shervin63 2]

با سلام

در ابتدا من هم از اظهار لطف شما نسبت به این حقیر سپاسگزارم

طی درخواست شما از طریق پیام خصوصی و با توجه به پست شماره 9 این تاپیک موارد خواسته شده را بررسی و ویرایش کردم

من میخوام همه قسمت های قالب ام به غیر از قسمتی که کامپوننت مطالب نشون داده میشه راستچین باشه میخوام اون قسمت نمایش مطلب چپچین باشه

حال در اینجا فقط به شرح تغییرات میپردازم :

ابتدا در مسیر زیر تغییرات را انجام دادم

templates/green2/css/template.css

چپ چین و کوچک نمودن عنوان مطالب : دلیل کوچک کردن عنوان مطلب برای طولانی بودن عنوان آخرین مطلب صفحه اصلیتون بود ، اگر خواستید میتوانید آن را به حالت قبل برگردانید

در خط 1332 کلاس زیر قرار دارد

h2.art-postheader, h2.art-postheader a, h2.art-postheader a:link, h2.art-postheader a:visited, 

h2.art-postheader a.visited, h2.art-postheader a:hover, h2.art-postheader a.hovered

در کلاس بالا عبارتهای زیر را ویرایش کردم

text-align: right; ==> left;
text-size: 26px; ==> 19px;

ترازبندی آیکنهای مطالب : در خط 1287 کلاس زیر قرار دارد

.art-metadata-icons img

در کلاس بالا عبارت زیر را اضافه کردم

float: none;

ترازبندی متن مطالب : در خط 27 کلاس زیر قرار دارد

.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent 

a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-

postcontent a.hovered

در کلاس بالا عبارت زیر را ویرایش کردم

text-align: right; ==> left;

چپ چین کردن و ترازبندی آیکن منوی عمودی : در خط 1274 کلاس زیر قرار دارد

a img

در کلاس بالا عبارتهای زیر را اضافه کردم

float: left;
margin-top: 6px;

افزایش فضای بین لینکهای منو جهت تراز آیکنها و تراز آیکنهای پیشفرض منوی معمولی جوملا : در خط 1122 کلاس زیر قرار دارد

.art-blockcontent-body ul li

در کلاس بالا عبارتهای زیر را ویرایش و همچنین اضافه کردم

line-height: 125%; ==> 177%;
background-position: 0 5px; ==> این کد اضافه شده

راست چین کردن منوی لاگین : در خط 1947 کلاس زیر قرار دارد

form#form-login

در کلاس بالا عبارتهای زیر را ویرایش و همچنین اضافه کردم

text-align: left; ==> right;
direction: rtl; ==> این کد اضافه شده

راست چین کردن منوی افقی بالای سایت : برای اینکار لازمه قبلش یه توضیحی بدم . منویی که شما در بالای سایتتون استفاده کردید swmenupro هستش و همانطور که میدانید و شاید خیلی های دیگه هم این مشکل رو داشته باشند اینه که امکان دسترسی به فایل css برای این منوساز نیست . ولی با یه ترفند ساده میشه خودمون تغییراتی ایجاد کنیم

برای این مورد با استفاده از فایرباگ ابتدا کلاس مورد نظر را برای تغییر پیدا کنید و تغییرات لازم را تست کنید . سپس به فرض تو مرورگر فایرفاکس کلیدهای Ctrl+U را فشار دهید تا سورس کدهای سایت نمایش داده شود . سپس در بین تگهای باز و بسته head کلاس مورد نظر را برای اطمینان از وجودش بیابید .

حال فایل index.php قالبتون رو باز کنید و به کدهایی که بین تگهای باز و بسته head قرار گرفته اند دقت کنید . میبینید که نه اون کدهایی که تو سورس سایت دیدید هستش و نه کدی که مرتبط با اون کدها باشه . حالا کار ما از اینجا شروع میشه ، بطور مثال برای راست چین کردن منو کلاسهایی که من یافتم دو کلاس زیر بود:

#tabtop242
ودیگری
table.submenu42 td

حالا برحسب سورس سایت ، کدها را به شکل زیر نوشتم

نکته خیلی مهم : کد بالا را باید حتما قبل از تگ بسته head قرار داد . دلیلش هم اینه که چون مرورگر کدها را به ترتیب میخواند . اگه به سورس سایت دقت کرده باشید میبینید که برای کلاس #tabtop242 مقدار width برابر 100٪ میباشد ولی در کد اصلاحی مقدار را برابر 99٪ قرار دادم و چون میخواهم ویرایش جدید انجام بشه مجبورم کد جدید را بعد از کد اصلی قرار بدم . امیدوارم متوجه منظورم شده باشید

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

موفق و پیروز باشید

یا حق

:64 (17):

یادم رفته بود تگ رو ببندم بله حق با شما بود درست شد

[shervin63 2]

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

و اکثرا هم می دونن - قالب رو دو زبانه کنیم تکلیف این کد که در index.php

قرار دادیم چی میشه ؟

آیا میشه کاری کرد که این کد در index.php باشه ولی فقط در حالت زبان فارسی اجرا بشه یعنی یک شرط بهش

اضافه بشه ؟؟؟ یا اینکه یه جوری کاری که این کد در index.php می کنه رو در css حالت زبان فارسی گنجاند یعتی

template-rtl.css

????????

اگر میشه ، چطوری چی بنویسیم ؟؟؟؟؟

[Fased Shod ! 207]

سلام.

شما فقط می تونی در فایل php بگی که وقتی rtl بود چه کار کنه و وقتی ltr بود چه کار کنه. این کد ها در انجمن هست و باید جستجو کنید.

موفق باشید.