ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Script** มีเรื่องอยากจะขอรบกวนเกี่ยวกับการสร้าง Template Joomla ครับ (พร้อมรูปประกอบ))
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ** มีเรื่องอยากจะขอรบกวนเกี่ยวกับการสร้าง Template Joomla ครับ (พร้อมรูปประกอบ))  (อ่าน 1734 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
washiravit
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 525
ออฟไลน์ ออฟไลน์

กระทู้: 2,501



ดูรายละเอียด
« เมื่อ: 04 มิถุนายน 2012, 16:16:31 »

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

http://www.iamladypam.com/

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

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


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


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


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

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


บันทึกการเข้า

arusgroup
สมุนแก๊งเสียว
*

พลังน้ำใจ: 123
ออฟไลน์ ออฟไลน์

กระทู้: 503



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 04 มิถุนายน 2012, 16:25:44 »

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

washiravit
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 525
ออฟไลน์ ออฟไลน์

กระทู้: 2,501



ดูรายละเอียด
« ตอบ #2 เมื่อ: 04 มิถุนายน 2012, 16:33:23 »

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

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

washiravit
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 525
ออฟไลน์ ออฟไลน์

กระทู้: 2,501



ดูรายละเอียด
« ตอบ #3 เมื่อ: 04 มิถุนายน 2012, 16:53:58 »

ขอดันซักนิดน้า  Embarrassed
บันทึกการเข้า

smapan
Global Moderator
เจ้าพ่อบอร์ดเสียว
*****

พลังน้ำใจ: 643
ออฟไลน์ ออฟไลน์

กระทู้: 8,272



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 04 มิถุนายน 2012, 17:05:38 »

เพิ่ม 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
}

**ห้ามสลับบันทัดโค้ดนะครับ  เด๋วจะแสดงผลไม่ถูกต้อง
« แก้ไขครั้งสุดท้าย: 04 มิถุนายน 2012, 17:15:23 โดย smapan » บันทึกการเข้า

จูมล่าโฮส สยามโฮสเว็บ modty.com
รวมที่พัก เช่ารายวัน ที่พักเช่ารายเดือนมากที่สุดแจ่มจริง
***Tel 083-757-1515 ติดปัญหา Joomla ตรงไหนรับปรึกษาฟรี โทรมาเถอะครับ ถ้าตอบได้ช่วยแน่นอน ไม่มีกั้ก. ***
winny11
Newbie
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 36



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 04 มิถุนายน 2012, 17:09:43 »

กำลังเจอแบบนี้พอดีเลย อิอิ
บันทึกการเข้า

http://www.k-thai.net รับติดตั้ง server
http://www.e-liquidthai.com/ น้ำยาบุหรี่ไฟฟ้า
http://www.491studiohouse.com/ ให้เช่าสตูดิโอถ่ายภาพ
washiravit
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 525
ออฟไลน์ ออฟไลน์

กระทู้: 2,501



ดูรายละเอียด
« ตอบ #6 เมื่อ: 04 มิถุนายน 2012, 17:30:01 »

เพิ่ม 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:ความกว้างจ้า%
}
« แก้ไขครั้งสุดท้าย: 04 มิถุนายน 2012, 17:30:14 โดย washiravit » บันทึกการเข้า

princmeen
ก๊วนเสียว
*

พลังน้ำใจ: 106
ออฟไลน์ ออฟไลน์

กระทู้: 469



ดูรายละเอียด
« ตอบ #7 เมื่อ: 04 มิถุนายน 2012, 17:38:51 »

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

พลังน้ำใจ: 525
ออฟไลน์ ออฟไลน์

กระทู้: 2,501



ดูรายละเอียด
« ตอบ #8 เมื่อ: 04 มิถุนายน 2012, 18:19:18 »

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

อย่างนี้นี่เองครับ
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์