Lesson2 หาโค้ดสีและการเอาURLรูป
posted on 28 Nov 2006 19:41 by house108 in Make-themeเมื่อวานกะอัพไปๆมาๆวันนี้ดีกว่า
(คงไม่มีใครปาขวดมาให้หรอกนะ 
) ขอแบบลวกๆจิ้มๆ รีบค่ะ
เรื่อง โค้ดสี(การเอาโค้ดสี) กับ การเอา url รูป
สุดเบ สำหรับมือใหม่ใสกิ๊ง
สูดลมหายใจ เข้า-ออก ฟู่~ เริ่มละนะคะ
เริ่มจากโค้ดสี
บางคนงงๆเมื่อเห็น " #FFF71A " ทำหน้าเหมือนงง(งงจริงๆ)
55+ ตัวเองก็เป็นค่ะแล้วคิดในใจว่า อะไรของมันวะ เลขด๋อยอะไร
>>มันเป็นเลขฐานที่ ...#$%&฿!!!!~ บ้งเบ้งๆๆ
อ่าคือ อันเรื่องที่มาข้ามไปเลย ละกัน
จริงๆมันเป็นโค้ดสี ใช้เพื่อกำหนดสี ต่างๆเวลาพิมโค้ด Css ตัวอย่างเช่น
/* สีของลิงค์ */
a:link, a:visited{
color:#F77AAA; <<< มันใช้ในกรณีนี้ของโค้ดค่ะ เห็นในCss
border-bottom:0px dotted #;
text-decoration:none;
}
หวังว่าเราอธิบายเข้าใจแล้วนะว่ามันคืออะไร ไม่รู้จะอธิบายยังไง มันก็เลยออกมางงๆ
แล้วถามว่า เราเขียนโค้ดไม่เป็นไม่รู้จักโค้ดจะไปเอาโค้ดสีจากไหน??
1.
ทุกคนคงมีโปรแกรม Photoshop ในคอมนะคะ
ในการทำบลอค ใครทำ Photoshop ก็เยี่ยมเลย โค้ดสีนี่หาได้จาก Photoshop เช่นกัน
(วิธีนี้เราทำประจำ)
คลิกที่สัญลักษณ์นี่(color picker) ใน photoshop
มันจะขึ้นอย่างนี้มา เลือกสีตามใจโค้ดสีจะขึ้นอย่างที่กรอบสีเหลือง
(เรารีบตัดรูปมาก ชุ่ยไหมล่ะ)
2.
เอาโค้ดสี จากเว็ป
จะมีตัวอย่างสีและ สีให้ดูเลยค่ะ
Url ของรูปพูดง่ายๆคือลิ้งค์ของรูป เราใช้แทนการใส่รูป(เป็นรูปๆ)ในโค้ดและที่อื่นๆค่ะ
เช่น
http://i146.photobucket.com/albums/r278/pear08/my_pic/11.gif
นี่แหละ URL คลิกมันก็จะออกมาเป็นรูป
ถ้าเราเห็นรูปแล้วจะเอา URL ก็
คลิกขวา แล้วก็เลือกเหมือนรูป
ตรงที่คลุมดำคือ URL ของรูปค่ะ ก๊อปมาเลย
ยกตัวอย่างการใช้เช่น Css
/* ทั้งหน้ามีลักษณะเป็นอย่างไร */
.site{
margin:20px;
padding:0px;
text-align:center;
background:url(ใส่ URLของรูป) # repeat;
อันนั้นใส่เป็นรูปบีจี
.
เราอธิบายเข้าใจรึเปล่า??
*เรื่องเว็บโค้ดสีขอโทษ พี่นีจริงๆค่ะที่เอามาโดยไม่ขอ
ลบออกแล้วนะคะ ขอโทษจริงๆค่ะ*
ขอบคุณมากๆเลยครับผ้ม!
หรือไม่ก็มีแต่สีหลักๆพวกแดง ฟ้า ชมพู ซึ่งโค๊ตจำง่าย
แล้วก็ใช้อยู่แค่นั้น
อิอิ
#1 By .｡.:*･゜★MoM@Y ★゜･*:.｡. on 2006-11-29 22:51