ایجاد کادر جداکننده دور هر مطلب در قالب پیشفرض جوملا Shaper_simplicity_ii

[farshadraei 10]

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

[farshadraei 10]

کیس نیست به ما کمک کنه؟؟؟؟؟؟

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

[farshadraei 10]

کیس نیست به ما کمک کنه؟؟؟؟؟؟

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

[NimaT 14]

با سلام...

لینک سایت؟

یا دمو؟

یا فایل css رو برام بفرستید....

ارادتمند

[blazhel 16]

برای این کار چند راه وجود داره جوملا 1.5 یا 2.5 هستین لطفا دمو انلاین قرار بدین

[Morteza Fard Saffari 35]

عزیز شما باید رنگ خود موقعیت مطالب به عنوان مثال content قالبت رو برداری و به جاش به

#content .blog-featured .items-row

همون رنگ رو بدی و براش یه margin-bottom تعیین کن به عنوان مثال به صورت زیر

#content .blog-featured .items-row
{
 background-color: #f2f2f2;
 background-image: none;
 background-repeat: repeat;
 background-attachment: scroll;
 background-position: 0% 0%;
 background-clip: border-box;
 background-origin: padding-box;
 background-size: auto auto;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 2px;
 padding-left: 10px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 margin-bottom: 10px;
}

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

[farshadraei 10]

عزیز شما باید رنگ خود موقعیت مطالب به عنوان مثال content قالبت رو برداری و به جاش به

#content .blog-featured .items-row

همون رنگ رو بدی و براش یه margin-bottom تعیین کن به عنوان مثال به صورت زیر

#content .blog-featured .items-row
{
 background-color: #f2f2f2;
 background-image: none;
 background-repeat: repeat;
 background-attachment: scroll;
 background-position: 0% 0%;
 background-clip: border-box;
 background-origin: padding-box;
 background-size: auto auto;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 2px;
 padding-left: 10px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 margin-bottom: 10px;
}

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

این عملیات رو باید در مورد کدوم فایل و در کدوم قسمت انجام بدم؟

این فایل در چه پوشه ای قرار داره و در کدوم خطوط باید تغییرات رو اعمال کنم.

دمو که نیاز نیست!!!!!!

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

تغییر در قالب پیشفرض جوملا

[Morteza Fard Saffari 35]

این عملیات رو باید در مورد کدوم فایل و در کدوم قسمت انجام بدم؟

این فایل در چه پوشه ای قرار داره و در کدوم خطوط باید تغییرات رو اعمال کنم.

دمو که نیاز نیست!!!!!!

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

تغییر در قالب پیشفرض جوملا

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

در ضمن گروه های مختلف که جوملای 2.5 ارائه میکنن همه از یه قالب استفاده نمیکنن و نحوه کد نویسی اون ها یکی نیست

برای این هم شما باید فایل CSS قالب که معمولا با نام template.css و در پوشه با نام css وجود داره انجام بدید و متناسب با موقعیت متون خود قالب شما این کد رو شخصی سازی کنید.

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

[farshadraei 10]

خوب دمو رو چطوری باید بذارم؟

من از فایل جوملای همین سایت استفاده کردم.

جوملا 2.5 که تو همین فروم بود رو گرفتم و نصب کردم و قالبش رو هم تغییر ندادم.

[ابوالفضل طالبی 279]

باید سایت آنلاین بشه تا دوستان بتونن دقیق بگن کدوم قسمتها رو باید تغییر بدید

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

[Reza Dasdar 10]

دوست عزيز اگه شما جوملا رو روي لوكال نصب كرده ايد حداقل يه عكسي ازش بگيرين و توي عكس مشخص بكنين كه چي ميخواين و اگه توي اينترنت قرار دادين فقط كافيه اسم سايت تون رو بگيد.

[farshadraei 10]

دوست عزيز اگه شما جوملا رو روي لوكال نصب كرده ايد حداقل يه عكسي ازش بگيرين و توي عكس مشخص بكنين كه چي ميخواين و اگه توي اينترنت قرار دادين فقط كافيه اسم سايت تون رو بگيد.

آدرس سایتم اینه :

http://chemical.shomal.ac.ir

من میخوام در صفحه اصلی بین دو مطلب یعنی اونجایی که ته مطلب بالایی نوشته اضافه کردن نظر جدید و عنوان مطلب پایینی یه خط جداکننده و یا هرچیزی که بشه بین دو مطلب فاصله انداخت و نشاندهنده جدا شدن دو مطلب باشه

[ابوالفضل طالبی 279]

template.css قالب خودتون رو باز کنید

در انتهاش این خط رو قرار بدید

.item-separator {
   border: 2px solid #000;
}

[omid 15]

باید سایت آنلاین بشه تا دوستان بتونن دقیق بگن کدوم قسمتها رو باید تغییر بدید

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

استاد طالبی از firebug بهتر ترشم هست ها از همه لحاظش

دمو بذارید راهنمایی شه چه کدی رو برا CSS اضافه و چه کدی رو حذف کنید تا این درخاستتون برای قالب لحاظ بشه :yoho:

[farshadraei 10]

template.css قالب خودتون رو باز کنید

در انتهاش این خط رو قرار بدید

.item-separator {
   border: 2px solid #000;
}

این که کاری انجام نداد!!!!!!

من یه چیزی می خوام که قشنگ دور هر مطلب یه کادر بکشه

مثل همین چیزی که وقتی ما تو همین انجمن یه چیزی رو نقل قول می کنیم دورش کادر میکشه

[ابوالفضل طالبی 279]

بین دو مطلب یعنی اونجایی که ته مطلب بالایی نوشته اضافه کردن نظر جدید و عنوان مطلب پایینی یه خط جداکننده و یا هرچیزی که بشه بین دو مطلب فاصله انداخت و نشاندهنده جدا شدن دو مطلب باشه

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

.items-leading>div {
   border: 1px solid #000;
   margin: 10px;
   border-radius: 4px;
   padding: 5px;
}

[farshadraei 10]

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

.items-leading>div {
   border: 1px solid #000;
   margin: 10px;
   border-radius: 4px;
   padding: 5px;
}

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

یه سوال دیگه، تو صفحه اول سایت من 6 تا مطلب ویژه نمایش داده میشه ولی فقط دور 2 تا مطلب کادر کشیده میشه!!!

ویرایش شده در اسفند 91 توسط farshadraei

[saber 208]

برای کلفت تر کردنش مقادیر این خط رو تغییر بدید

border: 1px solid #000;

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

[farshadraei 10]

برای کلفت تر کردنش مقادیر این خط رو تغییر بدید

border: 1px solid #000;

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

خیلی ممنون از راهنماییتون.

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

مثلا برای ایجاد تغییرات در قالب وبلاگ کدهای همون قالب رو میگرفتم و میریختم تو micro soft front page و در همون لحظه شکل گرافیکی قالب رو به من می داد و من می تونستم خیلی راحت هرچیزی که بخوام رو روش اضافه کنم....

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

ضمنا اگه بخوام به همین صورت دور ماژول های سایتم کادر جدا کننده بذارم باید چیکار کنم؟ چون ماژول ها هم به هم چسبیده هستن و اصلا تفکیکی وجود نداره!!!

[ابوالفضل طالبی 279]

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

برای تغییر در قالب میتونید از ابزار firbug استفاده کنید و روی فایر فاکس نصبش کنید

با استفاده از firebug میتونید محل دقیق کدهایی که باید تغییر بدید رو پیدا کنید و بعد تغییر خودتون رو ایجاد کنید و با یک ریفرش تغییرات انجام شده را مشاهده کنید

[farshadraei 10]

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

برای تغییر در قالب میتونید از ابزار firbug استفاده کنید و روی فایر فاکس نصبش کنید

با استفاده از firebug میتونید محل دقیق کدهایی که باید تغییر بدید رو پیدا کنید و بعد تغییر خودتون رو ایجاد کنید و با یک ریفرش تغییرات انجام شده را مشاهده کنید

چی هست این firbug ؟

از کجا میتونم بگیرمش؟

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

[saber 208]

چی هست این firbug ؟

از کجا میتونم بگیرمش؟

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

یه جستجوی ساده توی گوگل بکنید همه چی رو میفهمید

[حجت مردانه زاده 596]

با سلام فایرباگ رو از اینجا دانلود کنید:

https://addons.mozilla.org/en-US/firefox/addon/firebug/?src=search

آموزش کامل کار با فایرباگ:

http://www.webtarget.ir/blog/%D9%81%D8%A7%DB%8C%D8%B1%D8%A8%D8%A7%DA%AF-firebug-%DA%86%DB%8C%D8%B3%D8%AA/

یک نکته:

هرگز در هیچ زمینه ای ؛ از گـــــــــوگــــــــل غافل نشیــد؛ هــــــرگــــز.

موفق و سربلند باشید

یا حق

[omid 15]

دوست عزیز شما مرور گر گوگل کروم رو نصب کنیدو از امکان اون استفاده کنید که خیلی راحتو بهتر از فایر باگ هست !!

بعد نصب راست کلیک رو بزنیدو بعد inspect element رو بزنید !بعد تغییراتو اعمالو به فایل مورد نظر انتقال بدین

[saber 208]

دوست عزیز شما مرور گر گوگل کروم رو نصب کنیدو از امکان اون استفاده کنید که خیلی راحتو بهتر از فایر باگ هست !!

بعد نصب راست کلیک رو بزنیدو بعد inspect element رو بزنید !بعد تغییراتو اعمالو به فایل مورد نظر انتقال بدین

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