Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเกี่ยวกับ Code CSS และการแสดงผลของ Tab Content

สอบถามเกี่ยวกับ Code CSS และการแสดงผลของ Tab Content

เริ่มหัวข้อใหม่

Banky

โพสกระทู้ ( 5 )
บทความ ( 0 )

ตัวนี้เป็น Code ไฟล์ CSS นะครับ
Code (PHP)

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background:  url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background:  url(indentbg2.gif) center center repeat-x;
}

อันนี้ไฟล์ PHP ที่ใ้ช้แสดงผล
Code (PHP)

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="ajaxtabs/ajaxtabs.css" />

<script type="text/javascript" src="ajaxtabs/ajaxtabs.js">
</script>

</head>

<body>

<h3>Demo #3- All contents fetched via "IFRAME"</h3>

<div id="pettabs" class="indentmenu">
<ul>
<li><a href="external1.htm" rel="#iframe" class="selected"><img src='ajaxtabs/disc.jpg' border='0'></a></li>
<li><a href="external2.htm" rel="#iframe">Tab 2</a></li>
<li><a href="external3.htm" rel="#iframe">Tab 3</a></li>
<li><a href="external4.htm" rel="#iframe">Tab 4</a></li>
</ul>
<br style="clear: left" />
</div>

<div id="petsdivcontainer" style="border:1px solid gray; width:550px; height: 150px; padding: 5px; margin-bottom:1em">
</div>
</body>

ผมตัดมาเฉพาะบางส่วนนะครับ
คำถามคือ ณ ตอนนี้เวลาแสดงผลตัว Background ของ Tab ทั้งหมดตอนที่กดเลือกจะเป็นไฟล์รูป indentbg2.gif และ Tab ที่ไม่ได้กดจะเป็นไฟล์รูป indentbg.gif อยากจะถามว่า ใน code ตัวนี้ ผมอยากแยกแต่ละ Tab โดยใช้ไฟล์รูปที่ต่างกัน เช่น

Tab1 ถ้ากดเลือกจะแสดง indentbg2.gif ถ้าไม่ได้กดแสดง indentbg.gif
Tab2 ถ้ากดเลือกจะแสดง redbg2.gif ถ้าไม่ได้กดแสดง redbg.gif
Tab3 ถ้ากดเลือกจะแสดง bluebg2.gif ถ้าไม่ได้กดแสดง bluebg.gif

ผมต้องแก้ code โดยเพิ่มอะไรบ้างครับ

Tag : PHP, HTML/CSS

Date : 2011-05-31 15:04:14

By : Tichakron

View : 996

Reply : 2

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

จะทำได้เหรอครับตัวนี้

Date : 2011-05-31 15:39:03

By : webmaster

No. 2

Banky

โพสกระทู้ ( 5 )
บทความ ( 0 )

ณ ตอนนี้ทำรูปเวลากดเลือกให้ต่างกันได้ แต่เวลาที่ไม่ได้เลือก Tab ไหนให้เปลี่ยนไปยังรูปที่ต้องการไม่ได้แค่นั้นเองครับ
เลยคิดว่าน่าจะมีวิธีบ้าง

Date : 2011-05-31 15:49:26

By : Tichakron

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามเกี่ยวกับ Code CSS และการแสดงผลของ Tab Content

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05