รบกวนเรื่อง joomla หน่อยครับ

[psp1]

สืบเนื่องจากคราวก่อนผมอยากจะทำ www.vfoods.co.th ด้วย joomla

ทีนี้ก็ลุยมาเรื่อยๆ ก็ติดปัญหาแล้วครับ

อยากจะรบกวนถามดังนี้

จากหน้า http://www.vfoods.co.th/about/index.html เดิม

ผมอยากจะใช้ joomla สร้างเลียนแบบตรงคำว่า About Us แบบให้มีพื้นและตัวอักษรเหมือนอย่างนี้ แต่ผมทำไม่ได้น่ะครับ

แต่เป็น joomla ก็ไม่รู้จะแก้ไงดีกับ template

  ของเดิมผมใช้รูปภาพเอา




ที่ผมทำได้ตอนนี้คือ ใส่คำว่า About Us ตรงหน้า menu ให้แสดง title ทีนี้ผลลัพธ์มันจะออกมาเป็นว่ามีพื้นหลังของมันเหมือนกับหัวข้อพวก our vision, our mission ครับ



ผมลองพยายามแก้ด้้วยการใช้ Page Class Suffix แต่่ว่าแก้ให้ตายยังไงมันก็กินเนื้อที่ได้แค่นี้ (ทำดำๆ ให้เห็นชัดนะครับ) แล้วไม่ว่าจะใส่ margin หรือ padding เท่าไหร่มันก็ไม่มีช่องว่างกับตัว menu เลยครับ




จะมีวิธีล้างการใช้ข้อมูลจาก template.css มั๊ยครับ หรืออย่างไรบ้าง อยากเอารูปใส่เป็นพื้นหลังแนวนอนได้น่ะครับ ติดปัญหาตรงนี้จริงๆครับ

ปล.template เริ่มต้นผมสร้างด้วย artisteer 2.3 นะครับ แล้วปรับนู่นนี่เอาบ้าง ช่วยแนะนำหน่อยครับ 

[smapan]

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

สร้างด้วย artisteer 2.3 น

กำลังจะถามเลยว่าเอาเทมเพลทมาจากไหน สวยดีครับ

ถ้าสร้างด้วย artisteer 2.3  ก็แนะนำให้ไปสอบถามทาง artisteer  ครับเพราะจุดนี้เปนที่เทมเพลท แน่นอนครับ

นี้ลิ้งครับ บางทีคุณอาจจะลืม http://www.artisteer.com/?p=forums 

รักที่จะใช้ open source ต้องแบ่งปันครับ

แต่ถ้าชอบใช้ commercial license ก็ต้องรักษาสิทธิ์ครับ ซื้อมาแล้วไม่ถามคนขาย นี่ เหมือนจ่ายเงินไปเปล่าๆไม่คุ้มเลยครับ

[psp1]

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

สร้างด้วย artisteer 2.3 น

กำลังจะถามเลยว่าเอาเทมเพลทมาจากไหน สวยดีครับ

ถ้าสร้างด้วย artisteer 2.3  ก็แนะนำให้ไปสอบถามทาง artisteer  ครับเพราะจุดนี้เปนที่เทมเพลท แน่นอนครับ

นี้ลิ้งครับ บางทีคุณอาจจะลืม http://www.artisteer.com/?p=forums 

รักที่จะใช้ open source ต้องแบ่งปันครับ

แต่ถ้าชอบใช้ commercial license ก็ต้องรักษาสิทธิ์ครับ ซื้อมาแล้วไม่ถามคนขาย นี่ เหมือนจ่ายเงินไปเปล่าๆไม่คุ้มเลยครับ

ขอบคุณมากครับ

คมมากครับ

[jaras]

มีทางแก้ 3 ทางครับ

1. สร้างเท็มเพลตใหม่เฉพาะหน้านี้ขึ้นมา โดยเอาของเก่ามาแก้ แล้ว save เป็นอีกชื่อหนึ่ง แบบนี้จะง่ายกว่าสำหรับคนที่แก้เืท็มเพลตไม่เป็น
2. ไปกำหนดตำแหน่งโมดูลใหม่ ในเท็มเพลตเดิม จากนั้นสร้างโมดูลใหม่ขึ้นมาแล้วกำหนดในตำแหน่งที่ต้องการ (about us) จากนั้นในโมดูลนั้นให้ใช้การแทรกรูปภาพเอาเลยครับ แบบนี้อยากให้มันกว้าง สูง เท่าไร ยัดรูปไปได้ตามใจแน่นอน  

ปล. การสร้างเท็มเพลตจากโปรแกรมนี้ผมเคยลองใช้แล้ว โดยมากมันจะแก้ไขไม่ได้ เพราะโครงสร้างหลักของมันคือ ให้คุณเลือกได้แค่

          Header
Left     Body        Right
         Footer

ซึ่งในการใช้งานจริง ในส่วนของ Body นั้น เรา (ผู้ใช้) ก็อยากจะแทรกสารพัดโมดูลลงไป แต่โปรแกรมมันไม่ให้ครับ ต้องยัดด้วย 2 มือเราเอง  

3. หรือจะลองแก้ไข css ก็ได้ครับ โดยไปปรับเพิ่มโมดูลในไฟล์เท็มเพลต index.php อาจจะตั้งเป็น user1 ก็ได้ครับ แล้วไปกำหนดให้มันแสดงเฉพาะบางหน้าที่เราต้องการ จากนั้นให้ใช้ module class พิเศษ โดยเขียน css เพิ่มเป็น

.ชื่อคลาสอะไรก็ได้{
width: 100%;
height: กำหนดความสูงที่ต้องการ;
display:block;
background-color:กำหนดค่าสีที่ต้องการ;
padding-top:กำหนดระยะห่างระหว่างคำว่า about us กับกรอบโมดูลด้านบน
padding-bottom:กำหนดระยะห่างระหว่างคำว่า about us กับกรอบโมดูลด้านล่าง
font:กำหนดรูปแบบตัวอักษร
color:กำหนดค่าสีตัวอักษร
size:กำหนดขนาดตัวอักษร
}

ลองดูนะครับ 

[psp1]

มีทางแก้ 3 ทางครับ

1. สร้างเท็มเพลตใหม่เฉพาะหน้านี้ขึ้นมา โดยเอาของเก่ามาแก้ แล้ว save เป็นอีกชื่อหนึ่ง แบบนี้จะง่ายกว่าสำหรับคนที่แก้เืท็มเพลตไม่เป็น
2. ไปกำหนดตำแหน่งโมดูลใหม่ ในเท็มเพลตเดิม จากนั้นสร้างโมดูลใหม่ขึ้นมาแล้วกำหนดในตำแหน่งที่ต้องการ (about us) จากนั้นในโมดูลนั้นให้ใช้การแทรกรูปภาพเอาเลยครับ แบบนี้อยากให้มันกว้าง สูง เท่าไร ยัดรูปไปได้ตามใจแน่นอน  

ปล. การสร้างเท็มเพลตจากโปรแกรมนี้ผมเคยลองใช้แล้ว โดยมากมันจะแก้ไขไม่ได้ เพราะโครงสร้างหลักของมันคือ ให้คุณเลือกได้แค่

          Header
Left     Body        Right
         Footer

ซึ่งในการใช้งานจริง ในส่วนของ Body นั้น เรา (ผู้ใช้) ก็อยากจะแทรกสารพัดโมดูลลงไป แต่โปรแกรมมันไม่ให้ครับ ต้องยัดด้วย 2 มือเราเอง  

3. หรือจะลองแก้ไข css ก็ได้ครับ โดยไปปรับเพิ่มโมดูลในไฟล์เท็มเพลต index.php อาจจะตั้งเป็น user1 ก็ได้ครับ แล้วไปกำหนดให้มันแสดงเฉพาะบางหน้าที่เราต้องการ จากนั้นให้ใช้ module class พิเศษ โดยเขียน css เพิ่มเป็น

.ชื่อคลาสอะไรก็ได้{
width: 100%;
height: กำหนดความสูงที่ต้องการ;
display:block;
background-color:กำหนดค่าสีที่ต้องการ;
padding-top:กำหนดระยะห่างระหว่างคำว่า about us กับกรอบโมดูลด้านบน
padding-bottom:กำหนดระยะห่างระหว่างคำว่า about us กับกรอบโมดูลด้านล่าง
font:กำหนดรูปแบบตัวอักษร
color:กำหนดค่าสีตัวอักษร
size:กำหนดขนาดตัวอักษร
}

ลองดูนะครับ 

ขอบคุณมากครับ


สนใจวิธีที่ 3 joomla ครับ


เดี๋ยวไว้จะลองทำดูนะครับ
ถ้าติดอะไรคงต้องรบกวนอีกทีนะครับ ขอบคุณมากๆครับ