วันจันทร์, ตุลาคม 25, 2553

Css ทำภาพใหญ่เท่าที่ต้องการ ไม่ง้อพรีเมี่ยม

สืบเนื่องจาก ทำภาพใหญ่ภาคแรก http://notbirth.multiply.com/journal/item/349 มันยังมีเออเร่ออยู่


วันนี้ เพื่อนคนเดิมก็ เดจาวู มาจุดประกายด้วยคำถามเดิมๆอีกครั้ง แต่ผลมันเปลี่ยนไปแล้วครับ

ไม่พูดพล่าม อยากรู้ ลองดูเลยละกัน


div#photoimgwrap img#photoimg {
width: 100% ! important;
margin-right: 300px;
height: auto ! important;
}


ข้อสังเกตุ
1.สูตรขนาดภาพปรับได้ ตามที่ต้องการ ไม่แน่นอน ปรับที่บรรทัด px และ % ขยับย้ายตามชอบใจ ได้ผลไงบอกด้วยนะคร้าบบบบ
2.ควรจะอัพโหลดภาพขนาดใหญ่ เช่น 1200*px
3.อย่าสงสัยสูตร ผมมั่ว ด้วยสัญชาติญาณ
4.ไม่รับรองผลเสีย อิอิ  แต่รับรองผลดี

30 ความคิดเห็น:

我 ... กล่าวว่า...

เดจาวู ไปมา ผลที่ได้ต้องดีจิ
ว่าแต่ต้องค่อยๆปรับกันไป วันนี้โอเชแล้ว เต็มตา ไม่ง้อ p เหอะเหอะ
แต่ภาพมันแอ็บแตกเล็กน้อย เด๋วมั่วใหม่นะ

DragoWen ' L กล่าวว่า...

จะทำเป็นมะหว่า... ไว้จะไปลองทำดูมั่ง... ขอบคุณนะคับ

Bomb Create กล่าวว่า...

ขอบคุงคร้าบบบบ

ARMSGX K กล่าวว่า...

เอาไปใส่ไว้ตรงไหนเหรอครับ

明 เม้ง  ^__^ กล่าวว่า...

ตรง custom Css ครับ

Customize My Site

明 เม้ง  ^__^ กล่าวว่า...

คุณ tum009 ช่วยปรับเป็น

div#photoimgwrap img#photoimg {
width: 100% ! important;
padding-right: center; เพื่อให้รูปอยู่ตรงกลางครับ
height: auto ! important;
}

mg num กล่าวว่า...

ขอบคุณครับ

Pan PlantLovers กล่าวว่า...

แหงะ ไม่รู้จะทำทำไม อัพภาพขนาดเล็กง่ะ

明 เม้ง  ^__^ กล่าวว่า...

ลองกลับไปดูภาพอัลบั้มเก่าๆ โอ้ มันกว้างใหญ่ สะใจดีแท้

明 เม้ง  ^__^ กล่าวว่า...

ลองกลับไปดูภาพอัลบั้มเก่าๆ โอ้ มันกว้างใหญ่ สะใจดีแท้

我 ... กล่าวว่า...

ลองปรับดู พอใจที่ ค่านี้

div#photoimgwrap img#photoimg {
width: 100% ! important;
padding-right: 150px;
height: auto ! important;
}

ภาพยังมีแตกอยู่ น่าจะเกิดจากภาพต้นฉบับ ทำคุณภาพไว้น้อย
ถ้าโหลดภาพคุณภาพดีขึ้นจะช่วยได้มั้ยเน้อ

ตาตุ๋ย คนเมืองลุง กล่าวว่า...

ขอบคุณครับ จารย์.

明 เม้ง  ^__^ กล่าวว่า...

ลองบ้างดีก่า

明 เม้ง  ^__^ กล่าวว่า...

ลองบ้างดีก่า

明 เม้ง  ^__^ กล่าวว่า...

เปลี่ยน padding เป็น margin ให้ผลลัพท์ที่ดีก่า

明 เม้ง  ^__^ กล่าวว่า...

เปลี่ยน padding เป็น margin ให้ผลลัพท์ที่ดีก่า

我 ... กล่าวว่า...

เช เด๋วค่ำๆไปเปลี่ยน

phyche phyche123 กล่าวว่า...

ตามไปลองชม

phyche phyche123 กล่าวว่า...

สวยเต็มตามีที่แตกเต็มตาด้วยอิๆ

ARMSGX K กล่าวว่า...

ใส่แล้วมันยังไม่เปลี่ยนครับ ไม่ทราบผมต้องเปลี่ยน theme ด้วยหรือเปล่าครับ

thongchai suwannachat กล่าวว่า...

เดียวลองมั้งขอบคุณครับ

明 เม้ง  ^__^ กล่าวว่า...

theme มีผลครับ

ให้ลองเปลี่ยนเป็น theme แบบ Hi res ดูครับ

พอเลือกตีมเสร็จ แล้วให้เข้าไปแก้ไข Css อีกครั้ง (จริงๆไม่ได้แก้อะไร แค่ไปดกเซฟอีกครั้ง ให้โค้ดทำงาน)

Eddie. เอ็ด. กล่าวว่า...

ขอบคุณนะครับที่เอาของดีมาเผื่อกันครับ.

明 เม้ง  ^__^ กล่าวว่า...

: )

iammacman © กล่าวว่า...

ขอบคุณครับ

明 เม้ง  ^__^ กล่าวว่า...

ยินดีครับ

enJoYStYLe eNJoY กล่าวว่า...

น่าทดลอง ^^

明 เม้ง  ^__^ กล่าวว่า...

ลองเลย

phyche phyche123 กล่าวว่า...

สวยเต็มตาขึ้นกว่าเดิมใช่ปะนี่

明 เม้ง  ^__^ กล่าวว่า...

ภาพเลกๆ สวยเข้มๆก้อมีเยอะ