ต่อไป »

[fogza]

คือเค้าสร้าง 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;
}

มาประกาศใช้แบบนี้


อยากทราบนะครับว่ามันดียังไงเค้าถึงทำแบบนี้ แล้วมันมีข้อเสียยังไง เหตุใดเค้าไม่ประกาศในไฟล์ 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>

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

[jomynn]

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

[fogza]

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

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

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

โค๊ด:

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

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

[fogza]

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

[jomynn]

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

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

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

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

[fogza]

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

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

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

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

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

โค๊ด:

<div class=".class1 .class2"> 

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

โค๊ด:

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

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

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

โค๊ด:

.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;
}

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

[jomynn]

ถ้าเป็น จุด เป็นการแทน 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;
}

[fogza]

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

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

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