مشکل در چند ستونه کردن مطالب

[hesam_dj10 10]

سلام من یه قالب ساختم

ولی نمیدونم چه جوری باید چند ستونش کنم(مطالب رو چند ستونه کنم)

البته تنظیماتش رو هم انجام دادم ولی نشد (یه منو ساختم و تعداد ستون ها رو مشخص کردم)

البته توی قالبهای پیش فرض جوملا میشه و توی قالب خودم نمیشه

باید چکار کنم؟؟؟؟؟؟؟

[msabarayane 10]

با سلام

اول لینک وب سایت خود تون رو قرار بدید .

دوم این مهمه که شما می خواهید در کدام صفحه از وب سایت تون مطالب رو 2 ستونه یا 3 ستونه ببینید

سوم هم اینکه از کدام نسخه جوملا اسفاده می کنید ؟

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

مثلا میخواهید مطالب صفحه اول دو ستونه باشد .

از مدیریت وارد قسمت مدیریت منوها شوید . آیتم صفحه اصلی را باز کنید

از قسمت پارامترهای اصلی

مقدار عدد وارد شده در فیلد ستون ها را به دلخواه تغییر دهید .

[reza.sh 19]

این امکان چند ستونه شدند رو توی قالب تعبیه کردید ؟ (تا درست و کامل نشون بده)

[hesam_dj10 10]

با سلام

اول لینک وب سایت خود تون رو قرار بدید .

دوم این مهمه که شما می خواهید در کدام صفحه از وب سایت تون مطالب رو 2 ستونه یا 3 ستونه ببینید

سوم هم اینکه از کدام نسخه جوملا اسفاده می کنید ؟

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

مثلا میخواهید مطالب صفحه اول دو ستونه باشد .

از مدیریت وارد قسمت مدیریت منوها شوید . آیتم صفحه اصلی را باز کنید

از قسمت پارامترهای اصلی

مقدار عدد وارد شده در فیلد ستون ها را به دلخواه تغییر دهید .

1-من توی لوکال کار میکنم

2-در صفحه اصلی (من این کار رو توی قالبهای پیشفرض جوملا انجام میدم ولی توی قالبی که ساختم نمیشه)

3-از 2.5.6 استفاده میکنم

کاری که شما گفتید انجام دادم ولی نشد.

[hesam_dj10 10]

این امکان چند ستونه شدند رو توی قالب تعبیه کردید ؟ (تا درست و کامل نشون بده)

چه جوری باید این کارو انجام بدم؟؟؟

[farzad.najafi88 13]

اگه منظورتون واسه قالب هست که باید موقعیت های قالبتون تعریف شده باشه،اگه واسه مطلب منظورتونه باید تو تنظیمات مدیریت مطالب درستش کنید

[hesam_dj10 10]

اگه منظورتون واسه قالب هست که باید موقعیت های قالبتون تعریف شده باشه،اگه واسه مطلب منظورتونه باید تو تنظیمات مدیریت مطالب درستش کنید

عزیزم من این کار رو کردم

بزار بگم چکار میکنم

(حالا مهم نیست چکار میکنم!!!)فقط من قالب پیش فرض جوملا رو انتخاب میکنم و مطالب اونو چند ستونه میکنم(تا الان هیچ مشکلی نیست)

در همین حال قالب خودمو انتخاب میکنم . که تمام مطالب رو نشون میده ولی چند ستونه نیست، اونا رو زیر هم نشون میده

باید چکار کنم؟؟؟؟

[hesam_dj10 10]

:65d6a5d6s::65d6a5d6s:

[amirhacker 26]

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

در غیر اینصورت باید کد های css قالب را تغییر بدهید

پیشنهاد : از یه قالب دیگه استفاده کنید

[hesam_dj10 10]

من هم میدونم که باید کد رو تغییر بدم

ولی نمیدونم چه طوری ، یعنی نمیدونم باید چی بنویسم و کجا بنویسم و .....

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

یعنی هیچ کدوم از شما یه قالبی که قابلیت چند ستونه بودن داشته باشه نساخته؟؟؟؟؟؟؟؟؟؟؟؟:auau:

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

شما قالب دیگه ای که با چند ستونه کردن مطالب مشکلی نداشته باشه رو پیدا کن .. مثلا از قالبهای پیشفرض جوملا ، منویی که ساختید رو چند ستونه کنید و اگر درست کار کرد از فولدر همون قالب پوشه html را کپی کنید تو فولدر قالب خودتون درست میشه

[hesam_dj10 10]

بعد از اینکه این کارو کردم دیگه نباید کار دیگه ای انجام بدم

چون امتحان کردم نشد

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

اگر این کد ها رو بزارین متونین تا 3 ستون رو بسازین

ولی من میخام بینهایت باشه

این کدهاشه

/* begin LayoutCell, sidebar1 */
.art-content-layout .art-sidebar1
{
  width: 23%;
}
/* end LayoutCell, sidebar1 */

/* category items */

.category ul.actions,
.category ul.actions li,
.category ul.actions li img
{
  display: inline;
  margin: 0;
  padding: 0;
}

.category ul.actions li
{
  background: none;
}

/* categories list container */

.category-list .category-desc .image-left
{
  float: left;
  margin: 0 5px 5px 0;
}

.category-list .category-desc .image-right
{
  float: left;
  margin: 0 0 5px 5px;
}

/*
.category-list fieldset.filters
{
  border: none;
}
*/

.category-list fieldset.filters .display-limit
{
  text-align: right;
  margin-right: .5em;
}

.category-list table.category
{
  width: 100%;
}

.category-list table.category thead th a img
{
  border: none;
  padding-left: .3em;
}

/* categories list items */

/*
.categories-list ul
{
  list-style-type: none;
  margin: 0 0 0 20px;
  padding: 0;
}
*/

/*
.categories-list ul li
{
  background-image: none;
  padding: 5px;
  clear: both;
}
*/
/*
.categories-list ul ul
{
  margin-left: 10px;
}*/


dl.newsfeed-count dl,
dl.weblink-count dl,
dl.article-count dl
{
  clear: both;
}

dl.newsfeed-count dt,
dl.newsfeed-count dd,
dl.weblink-count dt,
dl.weblink-count dd,
dl.article-count dt,
dl.article-count dd
{
  display: inline;
}

dl.newsfeed-count dd,
dl.weblink-count dd,
dl.article-count dd
{
  padding: 0;
  margin: 0;
}



/* contact */

/*
.contact-email div
{
  padding: 3px 0;
}

.contact-email label
{
  width: 15em;
  float: left;
}
*/


/* articles archive items */

#archive-items
{
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
}

#archive-items li
{
  list-style-type: none;
  background-image: none;
  margin: 10px 0;
  padding: 0;
}

/* article */
ul.pagenav
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

ul.pagenav li
{
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  background-image: none;
}

/* blog layout */

.cols-2 .column-1,
.cols-2 .column-2,
.cols-3 .column-1,
.cols-3 .column-2,
.cols-3 .column-3
{
  float: left;
  clear: right;
}

.cols-2 .column-1 {
  width: 50%;
}
.cols-2 .column-2 {
  width: 50%;
}
.cols-3 .column-1 {
  width: 33%;
}
.cols-3 .column-2 {
  width: 33%;
}
.cols-3 .column-3 {
  width: 34%;
}

.row-separator
{
  clear: both;
  float: none;
  font-size: 1px;
  display: block;
}

/* article info */

.article-info
{
  margin: 10px 0;
}

.article-info .article-info-term
{
  display: none;
}

.article-info dd
{
  background-image: none;
  margin: 0;
  padding: 0;
  line-height: 120%;
}








/* pagination */

.pagination
{
  margin: 0;
  padding: 0;
  text-align: center;
}

.pagination .counter
{
  text-align: center;
}

.pagination ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.pagination ul li
{
  display: inline;
  padding: 2px 5px;
  text-align: left;
  margin: 0 2px;
  background-image: none;
}

.pagination ul li.pagination-start,
.pagination ul li.pagination-start span,
.pagination ul li.pagination-end,
.pagination ul li.pagination-end span
{
  padding: 0;
}





/* pagebreak content plugin */

#article-index
{
  float: right;
  margin: .5em;
  padding: .5em;
}

.pagenavcounter
{
  margin: .5em 0;
  padding: .5em 0;
  font-weight: bold;
}

[berta20121 10]

دوست عزیز اگه منظورتون اینه که قالب چند ستونه بشه باید اول داخل index.php پوزیشن بشناسونی بعد داخل templateDetails.xml پوزیشن جدید رو بدی و در css تنظیمش کنی بر اساس اسمش

[farhady 10]

سلام

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

بعد توی جوملا 2.5 تنظیمات لازم برای چند ستونه شدن مطالب رو هم انجام دادم، اما مطالب در نمایش سایت به صورت زیر هم نمایش داده میشه.

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

نمایش داده شود باید چه کار کنم؟ آیاباید در تعریف موقعیت هام 3 تا بخش با نام کانتنت 1 2 3 ایجاد کنم و یا باید در css قالب تنظیماتی رو انجام بدم؟

یا در مدیریت محتوا لازم است تنظیماتی انجام بگیرد؟ لطفا راهنمایی نمایید.

[matin_gh 12]

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

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

این کد رو در شروع مطالب می بینید. در اینجا من روی 2 ستونه قرار دادم که این کد رو نشون داد

items-row cols-2 row-0

برای 3 ستون این کد رو نمایش میده

items-row cols-3 row-1

پس تنها کاری که ما باید انجام بدیم اینه که باید برای cols-2 یا cols-3 یه مقداری رو در css تعریف کنیم

برای 2 ستونه

.cols-2 div.item {
display: inline-block;
width: 48%;
vertical-align: top;
padding: 5px 6px;
}

برای 3 ستونه کافیه cols-3 بنویسید

تنظیمات پدینگ و اندازه عرض هم دست خودتونه می تونید با توجه به قالب تغییر بدین.

[matin_gh 12]

سلام

آیاباید در تعریف موقعیت هام 3 تا بخش با نام کانتنت 1 2 3 ایجاد کنم؟

.

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