Home Webboard ArticlesKnowledges  
ข่าวประกาศ:

:: กติกา มารยาท ในการใช้งานเว็บบอร์ด ::
กรุณากรอกอีเมล์จริงในการสมัคร และรับอีเมล์ยืนยันเพื่อใช้งานในบอร์ด

ผู้เขียน หัวข้อ: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ  (อ่าน 28613 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ adcha

  • Ju
  • *
  • กระทู้: 13
  • เห็นด้วย&ขอบคุณ: 2
จะใส่รูปเป็นพื้นหลังของ  smf  ให้เต็มพื้นหลัง ต้องแก้ที่ตรงไหนครับ..ขอบคุณครับ



ออฟไลน์ zelda

  • Just Staff
  • *
  • กระทู้: 474
  • เห็นด้วย&ขอบคุณ: 543
  • เพศ: ชาย
    • www.izedzine.com
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #1 เมื่อ: 14, กรกฎาคม 2010, 06:36:38 PM »
มันเป็นพื้นฐาน css มากกว่า..
ไฟล์ css ตรง body เวลาใส่ background ก็เขียนว่า
     background: url(ที่อยู่รูปภาพ) 0 0 repeat;
ประมาณนี้ครับ

ออฟไลน์ adcha

  • Ju
  • *
  • กระทู้: 13
  • เห็นด้วย&ขอบคุณ: 2
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #2 เมื่อ: 15, กรกฎาคม 2010, 11:13:12 AM »
ทำได้แล้ว.. ขอบคุณครับ :yaahoo: :yaahoo: :yaahoo:
« แก้ไขครั้งสุดท้าย: 15, กรกฎาคม 2010, 11:30:23 AM โดย adcha »

ออฟไลน์ construction

  • ตามหาความรู้
  • You Are Just Member
  • ******
  • กระทู้: 272
  • เห็นด้วย&ขอบคุณ: 23
  • โยธาภูธรคอนหวัน
    • อบต.โพธิ์ประสาท
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #3 เมื่อ: 01, ธันวาคม 2010, 03:43:17 PM »
แทรกตรงไหนครับ

อ้างถึง
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}

ออฟไลน์ doodex

  • Ju
  • *
  • กระทู้: 14
  • เห็นด้วย&ขอบคุณ: 4
  • มือใหม่หัดเขียน
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #4 เมื่อ: 26, ธันวาคม 2010, 11:53:13 PM »
ไ่ม่ทราบว่า แก้ไขในไฟล์ไหนบ้างครับ

ออฟไลน์ เซียวเหล่งนึ่งฯ

  • Global Moderator
  • *
  • กระทู้: 5547
  • เห็นด้วย&ขอบคุณ: 2148
    • SMFjusthost.com
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #5 เมื่อ: 27, ธันวาคม 2010, 02:20:04 AM »
ไฟล์เดียว 

ธีม/สไตล์.ซีเอสเอส

ออฟไลน์ phoenix

  • Just Mem
  • ****
  • กระทู้: 72
  • เห็นด้วย&ขอบคุณ: 30
    • www.moto2hand.net
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #6 เมื่อ: 16, กุมภาพันธ์ 2011, 01:08:06 PM »
ทำได้แล้วครับ อิอิ เที่ยวนี้ เช้าท์บ็อก ก็โอเค



/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
   color: #000000;
   font-size: small;
   font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
   background: url(images/ชื่อรูปภาพ) 0 0 repeat;  //// ใส่ไปตรงนี้ครับทับโค๊ดเดิมเลยครับ ไม่งั้นจะมีผลกับส่วนอื่นครับ และห้าม Fix ครับ
                margin: 0px;
   padding: 12px 30px 4px 30px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
   color: #000000;
   font-family: verdana, sans-serif;

ออฟไลน์ UnclEo

  • Just Staff
  • *
  • กระทู้: 463
  • เห็นด้วย&ขอบคุณ: 439
  • เพศ: ชาย
  • !Personal
    • DexMoreGroup
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #7 เมื่อ: 16, กุมภาพันธ์ 2011, 03:19:49 PM »


/* The main body of the entire forum. */
body
{
   background: url(images/ชื่อรูปภาพ) 0 0 repeat;  //// ใส่ไปตรงนี้ครับทับโค๊ดเดิมเลยครับ ไม่งั้นจะมีผลกับส่วนอื่นครับ และห้าม Fix ครับ
                margin: 0px;
   padding: 12px 30px 4px 30px;
}


ทำไมห้าม fix หรือครับ สามารถ fix ได้ครับ ถ้าหากต้องการให้พื้นหลังอยู่กับที่

นี่คือที่ใช้งานจริงอยู่ครับ
โค๊ด: [Select]
body {
background:url(images/bgbody.gif) repeat-x fixed center bottom #000000;
margin:0 auto;
padding-top:10px;
}
ที่นี่! DexMore.Com ลมหายใจแห่ง SMF เราอัพเดททุกลมหายใจ SMF 100++ mod แห่งเดียวในโลก SMF 2.0 แปลไทย 100%

ออฟไลน์ phoenix

  • Just Mem
  • ****
  • กระทู้: 72
  • เห็นด้วย&ขอบคุณ: 30
    • www.moto2hand.net
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #8 เมื่อ: 16, กุมภาพันธ์ 2011, 03:52:56 PM »


/* The main body of the entire forum. */
body
{
   background: url(images/ชื่อรูปภาพ) 0 0 repeat;  //// ใส่ไปตรงนี้ครับทับโค๊ดเดิมเลยครับ ไม่งั้นจะมีผลกับส่วนอื่นครับ และห้าม Fix ครับ
                margin: 0px;
   padding: 12px 30px 4px 30px;
}


ทำไมห้าม fix หรือครับ สามารถ fix ได้ครับ ถ้าหากต้องการให้พื้นหลังอยู่กับที่

นี่คือที่ใช้งานจริงอยู่ครับ
โค๊ด: [Select]
body {
background:url(images/bgbody.gif) repeat-x fixed center bottom #000000;
margin:0 auto;
padding-top:10px;
}

โค๊ด: [Select]
body {
background: #000000;
margin:0 auto;
padding-top:10px;
background:url(images/bgbody.gif) repeat-x fixed center bottom #000000;
}

ก่อนหน้านั้น ผมเคยใช้แบบนี้อะครับ เลยเดี้ยงทั้งเว็บเลย

ลำบาก ท่านเซียวต้องมาช่วยแก้ให้อะครับ

มาวันนี้เลยลองใหม่แบบ ด้านบนครับ ก็ใช้ได้ ไม่มีผลกับจุดอื่นครับ

ส่วนเรื่อง fix นั้นก็คือกลัวว่าจะเป็นแบบผมครับ ก็เลยเผื่อใว้ก่อน และก็ไม่รู้ด้วยครับ ก็เลยเตือนใว้ก่อน

ตอนนี้มีท่าน เทพ 2 ท่นมาตอบให้แล้วก็

ลองเลยแล้วกัน





ออฟไลน์ PakOJanG

  • Just
  • **
  • กระทู้: 140
  • เห็นด้วย&ขอบคุณ: 23
  • เพศ: หญิง
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #9 เมื่อ: 12, มีนาคม 2012, 02:41:18 PM »
ไฟล์เดียว  

ธีม/สไตล์.ซีเอสเอส



อยากทำบ้างค่ะ แต่หาไม่เจอ เข้า public_html แล้วต่อด้วย ธีม ที่เราใช้ ทำไมมันไม่มีคำว่า สไตล์.ซีเอสเอส เลยค่ะ

หรือเข้าที่ css ก็ไม่น่าจะใช่  :cry:

www.vw-inc.net ขอบคุณค่ะ
« แก้ไขครั้งสุดท้าย: 12, มีนาคม 2012, 05:14:33 PM โดย PakOJanG »

ออฟไลน์ เซียวเหล่งนึ่งฯ

  • Global Moderator
  • *
  • กระทู้: 5547
  • เห็นด้วย&ขอบคุณ: 2148
    • SMFjusthost.com
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #10 เมื่อ: 12, มีนาคม 2012, 07:43:37 PM »
 css / index.css

ออฟไลน์ PakOJanG

  • Just
  • **
  • กระทู้: 140
  • เห็นด้วย&ขอบคุณ: 23
  • เพศ: หญิง
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #11 เมื่อ: 13, มีนาคม 2012, 08:09:32 AM »

ออฟไลน์ เซียวเหล่งนึ่งฯ

  • Global Moderator
  • *
  • กระทู้: 5547
  • เห็นด้วย&ขอบคุณ: 2148
    • SMFjusthost.com
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #12 เมื่อ: 13, มีนาคม 2012, 12:09:17 PM »
คุณปุ้มลองเปลี่ยนเป็นรูปที่มันไล่ระดับสีต่อเนื่อง เวลาที่รีพีตซ้ำรู้จะได้ไม่มีขอบ ให้มันกลืนกันไปเลย

ออฟไลน์ PakOJanG

  • Just
  • **
  • กระทู้: 140
  • เห็นด้วย&ขอบคุณ: 23
  • เพศ: หญิง
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #13 เมื่อ: 13, มีนาคม 2012, 12:30:36 PM »
คุณปุ้มลองเปลี่ยนเป็นรูปที่มันไล่ระดับสีต่อเนื่อง เวลาที่รีพีตซ้ำรู้จะได้ไม่มีขอบ ให้มันกลืนกันไปเลย

ทำยังไงหรอค่ะ ทำไม่้เป็นเลยช่างมันค่ะ 555+  ก็ไม่ชอบที่ทำได้อยู่เหมือนกัน เพราะว่าดูแบ๋งๆ  แบบที่พี่บอก เหมือนแบบว่าพอสุดวอล์แล้ว

มันขึ้นอันใหม่อ่าค่ะ พอเลื่อนมาเรื่อยๆ มันเหมือนมีขอบ  :smiley:


ออฟไลน์ เซียวเหล่งนึ่งฯ

  • Global Moderator
  • *
  • กระทู้: 5547
  • เห็นด้วย&ขอบคุณ: 2148
    • SMFjusthost.com
Re: จะใส่รูปเป็นพื้นหลัง smf ทำยังไงครับ
« ตอบกลับ #14 เมื่อ: 13, มีนาคม 2012, 12:49:09 PM »
ลองดูรูปจากที่นี่  http://www.fordesigner.com/maps_list/list6-1.htm
ไฟล์ .เอไอ  .อีพีเอส เราสามารถใช้โปรแกรมอิลลัสแยกชิ้นงานได้ เอาแต่พื้นหลังมาใช้งาน

 

Sitemap 1 2 3 4 5 6 7 8 9 10 
Back to top