Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > กรอบข้าง+สีปิดท้าย หน้าเว็บค่ะ ทำอย่างไรค่ะ มีภาพประกอบค่ะ

กรอบข้าง+สีปิดท้าย หน้าเว็บค่ะ ทำอย่างไรค่ะ มีภาพประกอบค่ะ

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

Ninezy

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

อยากได้กรอบสีเทา แบบนี้ค่ะ และ สีกรอบปิดท้ายแบบ thaicreate ก็ได้ค่ะ
ทำยังไงค่ะ
แล้วอีกคำถามนึง พอดีเราทำ menu ด้วย css ค่ะ พอเอา code css table มาลง มันทับกันหมดเลย
ไม่ทราบกำหนดให้มันแสดงแต่ละอย่างยังไงค่ะ คือมันใช้ร่วมกันไม่ได้ค่ะ

อันนี้ css menu ค่ะ
Code (PHP)

<link rel="stylesheet" href="index_files/cbcscbindex.css" type="text/css" />
</head>
<body>

<ul id="ebul_cbindex_1" class="ebul_cbindex" style="display: none;">
<li><span class="ebul_imgcbindex16x16" style="background-image: url('index_files/cbsiicbindex_1.gif')"></span><a href="../index.php" title="">หน้าแรก</a></li>
<li><span class="ebul_imgcbindex16x16" style="background-image: url('index_files/cbsiicbindex_2.gif')"></span><a href="../as/member_detail.php" title="">หน้าแรก Member_Detail</a></li>
<li><span class="ebul_imgcbindex16x16" style="background-image: url('index_files/cbsiicbindex_3.gif')"></span><a href="../admin/Login.php" title="">Login Admin</a></li>
<li><span class="ebul_imgcbindex16x16" style="background-image: url('index_files/cbsiicbindex_4.gif')"></span><a href="../dc/Login.php" title="">Login ทันตแพทย์</a></li>
<li><span class="ebul_imgcbindex16x16" style="background-image: url('index_files/cbsiicbindex_5.gif')"></span><a href="../as/Login.php" title="">Login ผู้ช่วยทันตแพทย์</a></li>
</ul>
<ul id="ebul_cbindex_2" class="ebul_cbindex" style="display: none;">
<li><span class="ebul_imgcbindex16x16" style="background-image: url('index_files/cbsiicbindex_6.gif')"></span><a href="../as/manage_job.php" title="">ใบงาน/นัดหมาย</a></li>
<li><span class="ebul_imgcbindex16x16" style="background-image: url('index_files/cbsiicbindex_7.gif')"></span><a href="../as/but_q.php" title="">คิว</a></li>
</ul>
<ul id="ebul_cbindex_3" class="ebul_cbindex" style="display: none;">
<li><span class="ebul_imgcbindex16x16" style="background-image: url('index_files/cbsiicbindex_8.gif')"></span><a href="javascript:MM_openBrWindow('../as/register_pt.php','','width=700,height=700')">เพิ่มผู้ป่วย</li>
<li><span class="ebul_imgcbindex16x16" style="background-image: url('index_files/cbsiicbindex_9.gif')"></span><a href="../as/manage_pt.php" title="">ลบ/แก้ไข</a></li>
</ul>
<ul id="ebul_cbindex_4" class="ebul_cbindex" style="display: none;">
<li><span class="ebul_imgcbindex16x16" style="background-image: url('index_files/cbsiicbindex_10.gif')"></span><a href="../calendar/fine_diary.php" title="">ค้นหาตารางนัดหมาย</a></li>
<li><span class="ebul_imgcbindex16x16" style="background-image: url('index_files/cbsiicbindex_11.gif')"></span><a href="../print/print_pt_day.php" title="">รายงานประจำวัน</a></li>
</ul>

<ul id="cbindexebul_table" class="cbindexebul_menulist" style="width: 483px; height: 28px;">
  <li class="spaced_li"><a><img id="cbi_cbindex_1" src="index_files/ebbtcbindex1_0.gif" name="ebbcbindex_1" width="91" height="28" style="vertical-align: bottom;" border="0" alt="หน้าแรก" title="" /></a></li>
  <li class="spaced_li"><a><img id="cbi_cbindex_2" src="index_files/ebbtcbindex2_0.gif" name="ebbcbindex_2" width="81" height="28" style="vertical-align: bottom;" border="0" alt="ใบงาน" title="" /></a></li>
  <li class="spaced_li"><a><img id="cbi_cbindex_3" src="index_files/ebbtcbindex3_0.gif" name="ebbcbindex_3" width="144" height="28" style="vertical-align: bottom;" border="0" alt="จัดการข้อมูลผู้ป่วย" title="" /></a></li>
  <li class="spaced_li"><a><img id="cbi_cbindex_4" src="index_files/ebbtcbindex4_0.gif" name="ebbcbindex_4" width="87" height="28" style="vertical-align: bottom;" border="0" alt="รายงาน" title="" /></a></li>
  <li><a href="../step/logout.php"><img id="cbi_cbindex_5" src="index_files/ebbtcbindex5_0.gif" name="ebbcbindex_5" width="76" height="28" style="vertical-align: bottom;" border="0" alt="Logout" title="" /></a></li>
</ul>
<p>
  <script type="text/javascript" src="index_files/cbjscbindex.js"></script></style>

อันนี้ css table
Code (PHP)

		<style type="text/css">
		table {
			width: 600px;
			font: 11px/14px helvetica, arial, sans-serif;
			text-shadow: 1px 1px 1px #fff;
		}
		
		thead {
			height: 60px;
			width: 600px;
			background: url(bg.png) repeat-x;
			color: #FFF;
			text-shadow: 1px 1px 1px #480e09;
		}
		
		.tableHeading th {
			height: 40px;
			width: 120px;
			padding: 10px 0;
			text-align: center;
		}
		
		.tableHeading th h3, .tableHeading th span {
			margin: 0;
			padding: 0;
		}
		
		.tableHeading th h3 {
			font-size: 13px;
			line-height: 18px;
			text-transform: uppercase;
			color: #fff;
			font-weight: 900;
		}
		
		.tableHeading th span {
			font-size: 10px;
			font: 11px/14px arial, sans-serif;
			color: #fff;		
			
		}
		
		.tableHeading th em {
			font-size: 14px;
			color: #fff;
			letter-spacing: -2px;
			font-weight: 900;
		}
		
		th.column1 {
			border-left: 1px solid rgb(224, 224, 224);
			border-bottom: 1px solid rgb(224, 224, 224);
			color: #000;
			text-align: right;
			vertical-align: middle;
			width: 200px;
			text-shadow: 1px 1px 1px #fff;
		}
		
		tbody td {
			border-bottom: 1px solid rgb(224, 224, 224);
			border-left: 1px solid rgb(224, 224, 224);
			text-align: left;
		}
		
		tbody tr td:last-child {
			border-right: 1px solid rgb(224, 224, 224);
		}
		
		tbody tr:nth-child(even), tbody tr td:nth-child(even){
			background: rgb(241, 241, 241);
		}
		
		.first {
			width: 200px;
		}
		
		.first span {
			position: absolute;
			left: -9999px;
		}	
		</style>

Tag : - - - -

Date : 2010-03-16 23:58:19

By : Ninezy

View : 2764

Reply : 4

No. 1

xbeginner01

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

สังเกตดีๆ เข้าใช้รูปครับ บางเว็บก็เห็นใช้ table บางเว็บก็ใช้ div บางเว็บก็ใช้ list
อยากรู้เขาทำไงให้แกะโค้ดเลยครับ

เรื่อง css บอกยากครับ ถ้าไม่ลองทดสอบเอง ก็บอกไม่ได้ว่าเป็นเพราะอะไร

Date : 2010-03-17 02:48:06

By : xbeginner01

No. 2

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

สำหรับผมนะ

ต้องแบ่ง div ออกเป็น 3 column

โดย 1 และ 3 เป็น ส่วนที่คุณต้องการนั่นแหละ

ส่วน 2 จะเป็นส่วนของการแสดงเนื้อหาของเว็บครับ

Date : 2010-03-17 08:50:24

By : kalamell

No. 3

Mink

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

เค้าออกแบบด้วยรูปภาพก่อนค่ะ ขอบสีเทาออกแบบเป็นรูปภาพอาจจะกำหนดความกว้างอาจจะเป็น 1024 ตรงกลางทำให้เป็นสีขาว แล้วใส่คำสั่ง css กำหนด style="background:url ; margin=0 auto;}

<link rel="stylesheet" href="index_files/cbcscbindex.css" type="text/css" />
<style type=text/css>
<--
body{
background:url ;
margin=0 auto;
}
-->
</head>
<body>

margin=0 auto; จะทำให้ bg อยู่ตรงกลางแบบลงตัว

ส่วนกรอบปิดท้ายก็ทำรูปเอาก็ได้ค่ะ กำหนด repeat-x อาจจะสร้าง page แยกออกมาทำเฉพาะ foot อย่างเดียว แล้วใช้ include เอา

ทำได้ทั้ง table และ div ไม่ยากหรอกค่ะ ใช้ firebug ดูเอาก็ได้ค่ะรู้หมด

ที่ทำอยู่ตอนนี้ก็คล้ายๆกับอันนี้ค่ะ

http://www.womanstoryonline.com/newmember.php

Date : 2010-03-17 09:27:59

By : atomy_mink

No. 4

Ninezy

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

ขอบคุณทุกคำตอบค่ะ

Date : 2010-03-17 09:58:29

By : Ninezy

ค้นหาข้อมูล

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

Re : กรอบข้าง+สีปิดท้าย หน้าเว็บค่ะ ทำอย่างไรค่ะ มีภาพประกอบค่ะ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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