maroommatum

เริ่มต้นลองแก้ไข CSS เมื่อวันที่ 11 ผลออกมาเละ

ทดลองใหม่หลายรอบ ก้อเละ

วันนี้ค่อยดูได้ ใส่ดอกเดซี่ได้แล้ว ( แก้ไขตามด้านล่าง

/*แต่ละไอเท็มของแถบด้านข้าง*/
.sidebar-item li{
background-repeat: no-repeat;
list-style-type: none;
margin:0px 5px 0px 10px;
padding:0px 0px 0px 15px;
background-image: url(http://maroommatum.exteen.com/images/NEW/0179_daisy.png);
background-position:0px 2px;
}

แต่พระอาทิตย์ยังไม่ยอมโผล่เลย สงสัยฟ้าคงมัวไปตลอด ยังไม่รู้ว่าต้องทำอะไรกับ padding ??? งงมากๆ แก้แล้ว โผล่แต่อันแรกแต่ไม่ยอมเต็มดวง อันอื่นๆ โผล่นิดเดียว ไม่รู้ว่าต้องปรับอะไร ใครแวะมาอ่านแล้วพอจะรู้วิธีแก้ ช่วยบอกด้วยแล้วกันค่ะ

ปัญหาการแก้ไข CSS - Padding ???

/* หัวข้อ entry จะให้เป็นรูปอะไร เซ็ต padding ตัวสุดท้ายตามความกว้างของรูป */
.entrytitle a:link, .entrytitle a:visited, .entrytitle a:hover{
background-image: url(http://maroommatum.exteen.com/images/NEW/mini060.gif);
background-repeat: no-repeat;
background-position: left top;
padding:0px 120px 0px 16px;
font-size: 12px;
text-decoration:none;
font-weight:bold;
color:#F47E00;
border:0px;
}

ทำไม๊ ทำไมไอ้ธีมอันใหม่ที่เลือกไม่โผล่ ต้องเป็นอันเก่าก่อนหน้านี้ และต้องเสียเวลามากด รีเฟรช ไม่ก้อเอฟห้าตลอด ไม่เข้าใจจริงๆ :(

edit @ 2007/05/13 11:48:36
ขอบคุณสำหรับคำแนะนำค่ะ :)

ตอนนี้ลองแ้ก้ไขฟ้อนท์เพิ่ม
padding:0px 500px 0px 100px;
font-size: 50px;

ผลเลยออกมาเป็นแบบนี้

ตัวหนังสือใหญ่ม๊ากมาก ดูเหมือนประชดซะไม่มี เดี๋ยวจะไปจัดการใหม่ :)

edit @ 2007/05/13 12:09:38

สำเร็จแล้วค่ะ หลังจากทดลองปรับหลายรอบมากๆๆ เลยลองทำตามคุณโอ๊คตาโตแนะนำ ผลออกมากำลังสวยเลยค่ะ ดูตัวที่แก้ด้านล่างค่ะ

/* หัวข้อ entry จะให้เป็นรูปอะไร เซ็ต padding ตัวสุดท้ายตามความกว้างของรูป */
.entrytitle a:link, .entrytitle a:visited, .entrytitle a:hover{
background-image: url(http://maroommatum.exteen.com/images/NEW/mini060.gif);
background-repeat: no-repeat;
background-position: left top;
padding:0px 0px 0px 100px;
font-size: 25px;
text-decoration:none;
font-weight:bold;
color:#F47E00;
border:0px;
height: 50px;
}

edit @ 2007/05/13 12:56:21

ทดลองแก้ไขปรับค่าช่องคอมเม้นท์ตามคุณเจนเนสซ่า ค่า CSS ตามด้านล่างนี้

หาคำว่า " form " - เพิ่ม background-image ...ตามที่เห็นค่าข้างล่าง ... ตอนนี้ก๊อปรูปของคุณเจนเนสซ่ามาใช้ก่อนแล้วจะ หาของตัวเองมาเปลี่ยน :)

/* ฟอร์มใส่คอมเมนต์ */

form{

padding:2px 5px 2px 20px;

margin:10px;

border:1px solid #FFCC00;

font:11px Tahoma,"MS Sans Serif";

background-image: url(http://jennessa.exteen.com/images/commentbg3.gif);

background-repeat: no-repeat;
width: 400px;

height: 200px;

}

textarea {
filter: alpha(opacity=50);
width: 270px;
height: 120px;
}

แล้วก้อในกรณีที่เราต้องการให้พื้นที่ช่องคอมเม้นท์ดูใสเพื่อที่จะเห็นรูป background ก้อให้ก๊อป textarea ....ไปใส่ต้องจาก form เค้าแนะนำมาว่าตรง filter ... ถ้าต้องการให้ใสใส่ตัวเลขให้น้อยค่ะ

เฮ้อ.... เผลอไป... คลิ๊กเลือกธีมเล่นๆ ของเก่าหายหมดเลย

ไอ้ที่แบ๊กไว้ก้อไม่มี...... เลยต้องทำใหม่ กะจะให้หัวกับช่องเม้นท์ลายเดียวกัน

รูปเก่าของคุณ oatato ชอบก้อเลยเอามาลง

ประมาณอยากให้มานั่งคุยกันมีเก้าอี้ มีวิวสวยให้ทอดสายตา

งวดนี้ต้องแบ๊กเก็บไว้ กันพลาด

หลังจากทุลักทุเลหัดทำ ผลก้อออกมา แต่น แตน แต๊น........

คุณ oatato กรุณาดูผลงานของคุณได้ ณ.บัดนี้

---

เลือก CSS ที่เซฟเก็บไว้ก่อนหน้านี้ ถ้าจำไม่ผิดต้องเป็นรูปเก้าอี้ ต้นไม้สีเขียว

และขอเพิ่มจาวาสคริปของน้องเมย์ใบไม้ร่วง เพื่อเพิ่มความ.....เก๋/เท่ ( บางคนอาจจะมองว่ามันรก )

ฮา ฮา ..... ทำพลาดไปนิดนึง ลืมเติม " ปิดท้ายไฟล์ที่อัพโหลดลองดูใหม่นะ
edit @ 2007/06/15 23:34:17
edit @ 2007/06/16 00:20:33

ได้อ่านแบบเรียนที่ 4 จากคุณ Oatato และทดลองทำ แต่.....แป้ว.... ทำไม่สำเร็จ.....

คุณอาจารย์ Oatato ให้เช็คโค้ดที่ลง แต่ไม่รู้ว่าทำผิดตรงไหน เลยทำอีกรอบ

---

โค้ดที่ต้องสลับตั้งชื่อว่า Red theme และ url ตามด้านล่างนี้

http://www.fileden.com/files/2007/6/15/1178926/Red%20theme.css

ให้เอาโค้ดนี้ไปแปะตามตัวอย่างที่คุณ oatato ให้ไว้ ทำแบบด้านล่างนี้

 function getCSS()
{ 
 today = new Date();
 hour = datetoday.getHours();
 url = "http://www.fileden.com/myfiles.php";

if (hour > 18)      
  display = http://www.fileden.com/files/2007/6/15/1178926/Red%20theme.css + "Red theme.css"; var css = '<';
 css+='link rel="stylesheet" href=' + display + ' \/';  
 css+='>';
 document.write(css);
}

getCSS();

โหลดไฟล์ จะได้ url ตามด้านล่างนี้ เพื่อไปทำสคริป

http://www.fileden.com/files/2007/6/15/1178926/Css%20retest.txt

ทำสคริป สำหรับไปแปะที่ลิงค์
<script language="javascript" src="http://www.fileden.com/files/
2007/6/15/1178926/Css%20retest.txt"></script>
จะไปลบโค้ดเดิมออกและแทนด้วยตัวนี้  เย็นวันนี้ตอนหกโมงเย็น คอยดูกันอีกรอบ