** มีเรื่องอยากจะขอรบกวนเกี่ยวกับการสร้าง Template Joomla ครับ (พร้อมรูปประกอบ))

[washiravit]

คือผมพยายามโมดิฟลาย TEmplate ของ Joomla จากค่าย siteground ตัวนี้ครับ
http://www.siteground.com/template-preview/joomla_16/siteground-j16-39
พอโมดิฟลายเสร็จปุ๊ป ผมจะนำไปใช้จริง ปรากฏกว่าติดปัญหาอยู่ที่ตรงเดียวครับ

http://www.iamladypam.com/

คือเจ้า Article ทั้งหมดที่ผมสั่งให้ขึ้นหน้าเเรก มันไม่ยอมจัดหน้าแบบคอลัมภ์ให้ครับ

ผมนั่งทำมาตั้งเเต่เมื่อวาน สั่งให้มันเรียงเเบบคอลัมภ์ซ้ายไปขวาไม่ได้ครับ


หน้าเว็บของผมครับ สังเกตุได้ว่าบทความันเรียงจากบนลงล่าง


หน้าเว็บ Template เเรกของ Joomla ครับ สังเกตุว่าการเรียงบทความจากซ้ายไปขวา


ในส่วนของการ Setup Front page ผมก็ปรับค่า Multi Column Order ให้เป็น Across แล้วครับ

แต่มี Template ของผมตัวนี้ตัวเดียวครับ ที่มันไม่ยอมเรียงบทความหน้าเเรกให้เสียที
ขอคำแนะนำจากเพื่อนๆด้วยครับ

[arusgroup]

ตอนโม <div>  เปิดปิดถูกป่าวครับ
รู้สึก code แปลกๆ

[washiravit]

ตอนโม <div>  เปิดปิดถูกป่าวครับ
รู้สึก code แปลกๆ

เท่าที่ผมลองดูนะครับ Template ตัวนี้ก่อนโมก็ไม่สามารถเรียงจากซ้ายไปขวาได้ครับ
เรื่อง DIV คาดว่าปิดหมดครับ
เรื่องโค๊ด ผมพึ่งหัดเขียนครับ อาจจะดูแปลกๆไปบ้าง แต่ก็พอถูไถครับผม

[washiravit]

ขอดันซักนิดน้า 

[smapan]

เพิ่ม code นี้เข้าไปใน css ครับ

template.css

โค้ด เลือก ขยาย

.cols-1{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1{
        width:46%;
        float:left;
}

.cols-2 .column-2{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3{
        float:right;
        width:29%;
        padding:0px 5px
}

.items-row{
        overflow:hidden;
        margin-bottom:10px !important;
}

.column-1,.column-2,.column-3{
        padding:10px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3{
        width:30%
}

.blog-more{
        padding:10px 5px
}

**ห้ามสลับบันทัดโค้ดนะครับ  เด๋วจะแสดงผลไม่ถูกต้อง

[winny11]

กำลังเจอแบบนี้พอดีเลย อิอิ

[washiravit]

เพิ่ม code นี้เข้าไปใน css ครับ

template.css

โค้ด เลือก ขยาย

.cols-1{
       display: block;
       float: none !important;
       margin: 0 !important;
}

.cols-2 .column-1{
       width:46%;
       float:left;
}

.cols-2 .column-2{
       width:46%;
       float:right;
       margin:0
}

.cols-3 .column-1{
       float:left;
       width:29%;
       padding:0px 5px;
       margin-right:4%

}
.cols-3 .column-2{
       float:left;
       width:29%;
       margin-left:0;
       padding:0px 5px
}
.cols-3 .column-3{
       float:right;
       width:29%;
       padding:0px 5px
}

.items-row{
       overflow:hidden;
       margin-bottom:10px !important;
}

.column-1,.column-2,.column-3{
       padding:10px 5px
}

.column-2
{
       width:55%;
       margin-left:40%;
}

.column-3{
       width:30%
}

.blog-more{
       padding:10px 5px
}

**ห้ามสลับบันทัดโค้ดนะครับ  เด๋วจะแสดงผลไม่ถูกต้อง

อย่างนี้นี่เองครับ
แสดงว่าถ้าเราต้องการจัด Layout ให้เป็น 6 คอลัมภ์ต่อ 1 แถว ก็ต้องเพิ่มโค๊ะนี้เข้าไปใช่ไหมครับ

.column-6{
       width:ความกว้างจ้า%
}

[princmeen]

Template Free ของค่าย siteground นี้แน่นอนเขาปล่อยมาไม่เต็มร้อย พูดง่ายๆเขากั๊กระบบ Full ไว้ให้จ่ายตังค์ ต้องแก้ CSS เองสถานเดียว

[washiravit]

Template Free ของค่าย siteground นี้แน่นอนเขาปล่อยมาไม่เต็มร้อย พูดง่ายๆเขากั๊กระบบ Full ไว้ให้จ่ายตังค์ ต้องแก้ CSS เองสถานเดียว

อย่างนี้นี่เองครับ