พิมพ์หน้านี้ - [สอบถาม] Joomla เดี๋ยวนี้เค้าทำไมใส่คลาสใน Module แบบนี้ครับ มันดียังไง?

หัวข้อ: [สอบถาม] Joomla เดี๋ยวนี้เค้าทำไมใส่คลาสใน Module แบบนี้ครับ มันดียังไง?
เริ่มหัวข้อโดย: fogza ที่ 13 พฤษภาคม 2011, 18:57:17

คือเค้าสร้าง CSS มา แต่ไม่ได้เอาคลาสที่สร้างไปใส่ในตำแหน่งของไฟล์ index.php แต่เค้าเอาไปใส่ตอนที่จะเพิ่มโมดูลนะครับ ผมสงสัยว่ามันดีกว่ายังไง คิดดูแล้วถ้าเพิ่มโมดูล เราก็เอาคลาสมาใส่เรื่อย มันเสียเวลาปล่าว ท่านอื่นมีความเห็นว่าไงหรอครับ ตัวอย่าง

indax.php

โค๊ด:

<div id="wrapper">
<div class="col_1">
<?php if ($showuser8Column && !$Edit && $option!="com_search") : ?>
	<jdoc:include type="modules" name="user8" style="wrapper_box" />
<?
php endif; ?>
</div>
</div>

ซึ่งตำแหน่ง user8 เค้าใช้แค่คลาสของ col_1 ซึ่งใน template.css คือ

โค๊ด:

.col_1 {width: 230px; margin-right: 10px;}

แล้วเค้าใช้คลาสของ .box_3 มากำหนดลักษณะอีกที ซึ่งใน template.css คือ

โค๊ด:

.box_3 {
	background: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 16px 20px 19px;
}

มาประกาศใช้แบบนี้
(http://image.ohozaa.com/i/ec7/nm001.png)

อยากทราบนะครับว่ามันดียังไงเค้าถึงทำแบบนี้ แล้วมันมีข้อเสียยังไง เหตุใดเค้าไม่ประกาศในไฟล์ index.php แบบนี้เลย

โค๊ด:

<div id="wrapper">
<div class="col_1">
<div class="box_3">
        <?php if ($showuser8Column && !$Edit && $option!="com_search") : ?>
	<jdoc:include type="modules" name="user8" style="wrapper_box" />
        <?php endif; ?>
</div>
</div>

<div class="col-2_1">
<div class="box_3">
        <?php if ($showuser8_1Column && !$Edit && $option!="com_search") : ?>
	<jdoc:include type="modules" name="user8_1" style="wrapper_box" />
        <?php endif; ?>
</div>
</div>

</div>

wanwan044 ???
ขอคำตอบไว้เสริมความรู้อันน้อยนิดของผมทีนะครับ ^.^

หัวข้อ: Re: [สอบถาม] Joomla เดี๋ยวนี้เค้าทำไมใส่คลาสใน Module แบบนี้ครับ มันดียังไง?
เริ่มหัวข้อโดย: jomynn ที่ 13 พฤษภาคม 2011, 19:04:49

ยิ่ง อ่าน ยิ่ง งง
แต่ เท่าที่รู้ index.php จะไม่ใส่ อะไรที่เป็น static css เนื่องจาก จะทำให้ความยืดหยุ่น ที่มีลดลง
จึงกระจาย ไปอยู่ในที่ต่างๆ แล้วให้ module ต่างๆๆ สามารถเรียกใช้ได้เอง ปรับแต่งได้เอง ไม่ต้องยุ่งกับ index.php

หัวข้อ: Re: [สอบถาม] Joomla เดี๋ยวนี้เค้าทำไมใส่คลาสใน Module แบบนี้ครับ มันดียังไง?
เริ่มหัวข้อโดย: fogza ที่ 13 พฤษภาคม 2011, 19:07:02

อ้างจาก: jomynn ที่ 13 พฤษภาคม 2011, 19:04:49

งงหรอครับ >//<
คืออย่างใน blogger คลาสที่ประกาศขึ้นจะใช้ใน layout ต่างเลยครับ แต่ที่เค้าออกแบบมา ประมาณว่า ใน layout นี้จะเอา gadget ที่เป็น HTML มาแล้วใส่โค้ด php ที่มีคลาสตามต้องการมาใส่เลยนะครับ เข้าใจไหม๋เอ๋ย :P

คือในตำแน่ง uer8 เค้าจะใช้คลาส col_1 ที่กำหนดแค่ขนาด

โค๊ด:

.col_1 {width: 230px; margin-right: 10px;}

เท่านั้น
แต่พอเค้าจะโพสข้อความ เค้าค่อยเอาควาสต่างๆ ไปใส่ในบทความนะครับ

หัวข้อ: Re: [สอบถาม] Joomla เดี๋ยวนี้เค้าทำไมใส่คลาสใน Module แบบนี้ครับ มันดียังไง?
เริ่มหัวข้อโดย: fogza ที่ 13 พฤษภาคม 2011, 19:37:25

ขอดันหน่อยน้า สงสัยมากมายครับ :wanwan044:

หัวข้อ: Re: [สอบถาม] Joomla เดี๋ยวนี้เค้าทำไมใส่คลาสใน Module แบบนี้ครับ มันดียังไง?
เริ่มหัวข้อโดย: jomynn ที่ 13 พฤษภาคม 2011, 19:50:17

การที่เอา
<div class=".class1 ">
<div class=".class2">

คือการเอาคุณสมบัติของ class ต่างๆมาใช้งาน แต่ ถ้าไม่ระบบ จะไปเรียก แบบที่เป็นการสืบทอดของ class ที่อยู่บนสุดมา
เมื่อระบุมันเลย คือ จะ บอกเป็นเลยว่าต้องการสีและขอบแบบ นี้ ที่มีชื่อนี้

ผม เข้าใจถูกหรือเปล่า

และมีการเขียน อีกแบบก็คือ
<div class=".class1 .class2">
แบบนี้ก็ทำได้

หัวข้อ: Re: [สอบถาม] Joomla เดี๋ยวนี้เค้าทำไมใส่คลาสใน Module แ&#
เริ่มหัวข้อโดย: fogza ที่ 13 พฤษภาคม 2011, 19:54:33

อ้างจาก: jomynn ที่ 13 พฤษภาคม 2011, 19:50:17

คืนการระบุคลาสใส่ในบทความแบบนี้คือ คล้ายๆ กับระบุเลยว่าตรงนี้อยากให้้ได้ลักษณะนี้ใช่ไหม๋ครับ

โค๊ด:

<div class=".class1 .class2">

แบบนี้ประหยัด </div> ดีนะครับ
ผมเพิ่งรู้นะครับเนี่ย ว่าใส่แบบนี้ก็ได้ มันเหมือนกับ

โค๊ด:

<div class=".class1 "> 
      <div class=".class2">

ใช่ไหมครับ
ขอบคุณสำหรับความรู้ใหม่ๆ ครับ +1 ไปเลย :wanwan019:

** ขอถามอีกนิดนึงนะครับ ถ้าคลาสที่ประกาศเป็น

โค๊ด:

.xxx{
     margin: 10px;
     padding: 10px;
     width: 230;
}

แล้วจะเอามาใช้แบบนี้

โค๊ด:

xxx.left{
     color: #333
     margin-left:-150px;
     position:relative;
     float:left;
}
xxx.center{
     color: #333
     margin-right:-500px;
     float:left;
}
xxx.right{
     color: #333
     margin-right:-200px;
     position:relative;
     float:right;
}

แบบนี้ได้ไหม๋ครับ ?

หัวข้อ: Re: [สอบถาม] Joomla เดี๋ยวนี้เค้าทำไมใส่คลาสใน Module แบบนี้ครับ มันดียังไง?
เริ่มหัวข้อโดย: jomynn ที่ 13 พฤษภาคม 2011, 20:18:43

ถ้าเป็น จุด เป็นการแทน class
ถ้าเป็น # เป็นการแทน id (ย่อย ของ class)
-----------------------------------PHP/HTML--------------------------------------------------------
<div.xxx id="left">
text
</div>
<div.xxx id="center">
text
</div>
<div.xxx id="right">
text
</div>

-----------------------------------CSS------------------------------------------------------

div.xxx{
color: #333
}

div#left{
margin-left:-150px;
position:relative;
float:left;
}
div#center{
margin-right:-500px;
float:left;
}
div#right{
margin-right:-200px;
position:relative;
float:right;
}

หัวข้อ: Re: [สอบถาม] Joomla เดี๋ยวนี้เค้าทำไมใส่คลาสใน Module แ&#
เริ่มหัวข้อโดย: fogza ที่ 13 พฤษภาคม 2011, 20:24:00

คือผมมีคลาส .xxx อยู่แล้วนะครับ
.xxx{
color: #333
width: 230px;
}

แล้วผมต้องการที่จะสร้าง column 3 ตำแหน่ง (left, center, right) โดยใช้ขนาดอ้างอิงค์จากคลาส .xxx นะครับ
ผมจะเอาคลาส .xxx มาใช้ต่อได้ไหม๋ครับ อย่างเช่น

xxx.left{.....}
xxx.center{......}
xxx.right{......}

SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com

ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: fogza ที่ 13 พฤษภาคม 2011, 18:57:17