หน้าเว็บ

วันพฤหัสบดีที่ 16 กุมภาพันธ์ พ.ศ. 2555

สร้างButton โดยใช้ CSS ปรับแต่ง

ที่ไฟล์ PHP

<style type="text/css">
body
{
font-family:"Tahoma", Arial, sans-serif;
}
input{
font-family:"Tahoma", Arial, sans-serif;
}
.css_button
{
border:#658A33 solid 3px;
background-color:#97CD39;
color:#000;
font-size:14px;
padding:4px

}

.pink_button{
border:#fdd6d9 solid 4px;
background-color:#fff;
color:#b94d30;
font-size:14px;
font-weight:bold;

height:40px;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.green_button{
border:#d8e2bd solid 4px;
background-color:#fff;
color:#819c2b;
font-size:14px;
font-weight:bold;

height:40px;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.blue_button{
border:#399bc9 solid 4px;
background-color:#368bbc;
color:#fff;
font-size:14px;
font-weight:bold;

height:40px;

}
.black_button{
border:#000 solid 4px;
background-color:#000;
color:#fff;
font-size:14px;
font-weight:bold;
height:40px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.login_button{
border:#dedede solid 2px;
background-color:#f5f5f5;
color:#819215;
font-size:14px;

height:30px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.cancel_button{
border:#dedede solid 2px;
background-color:#f5f5f5;
color:#d12f19;
font-size:14px;

height:30px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.cange_button{
border:#dedede solid 2px;
background-color:#f5f5f5;
color:#000;
font-size:14px;

height:30px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.down_button{
border:#285694 solid 2px;
background-color:#285694;
color:#fff;
font-size:14px;

height:30px;
-moz-border-radius: 9px; -webkit-border-radius: 9px;
}
</style>

เรียกใช้โดย เพิ่ม class = "" ที่ต้องการใช้ เช่น

<input type="submit" value=" Try this " class="blue_button" />

Css Buttons

ที่มา http://pgm-lesson.blogspot.com/2011/11/button-css.html

         

  

Save Now

PHP : ใช้ css ช่วยตกแต่ง table

ที่ไฟล์ PHP  ต้องลองดูแล้วจะรู้ว่าเป็นยังไง


<style type="text/css">

.simply{
font:14px Trebuchet MS, Tahoma;
margin: 45px;
width: 630px;
border-collapse: collapse;
text-align: left;
}
.simply th{
font:normal 16px Trebuchet MS, Tahoma;
color: #222;
background:#cbeffd;
padding: 10px 8px;
border-bottom: 2px solid #ccc;
}
.simply td{
border-bottom: 1px solid #ccc;
color: #666;
background: #fff;
padding: 5px;
}
.simply tbody tr:hover td{
color: #222;
background: #eee;
}

</style>


เรียกใช้โดยกำหนดในหัวของ Table เช่น
<table width="714" height="30" border="0" align="center"  class="simply">

ที่มา http://palermos.exteen.com/20080924/css-table

วันพฤหัสบดีที่ 9 กุมภาพันธ์ พ.ศ. 2555

LibreOffice : การเรียกใช้ Form ค้นหาแลแทนที่ใน LibreOffice

ใน LibreOffice vertion 3.4.5
วิธีที่ 1...
1. กด Ctrl + F เป็นการค้นหา ตามรูป


2. หาต้องการให้ค้นหาได้ให้ คลิกขวาที่ Form เลือก Visible Buttons ----> Find & Replace ตามรูป



3. แล้วกดทีเครื่องมือ Find & Replace  ที่เป็นรูปแว่นตามรูป
     
ก็จะได้เมนูค้นหาและแทนทีขึ้นมา

วิธีที่ 2...
ทำได้โดยกด  Ctrl+Alt+F  ตามรูป

PHP : จัดรูปแบบวันที่ใหม่เช่น 2009-10-08 เป็น 08/01/52

เรียงวันที่ใหม่
จากใน database  2009-10-08
ได้ออกมาเป็น 08/10/52

เรียกไปที่ฟังก์ชั่นนี้ เช่น
echo FDTH("2009-10-08");

ทำไว้ในไฟล์ Function ของ web เลยก็ได้

function FDTH($dd){
$d=substr($dd,8,2);
$m=substr($dd,5,2);
$y=substr($dd+543,2,2);
return $d.'/'.$m.'/'.$y;
}

วันอังคารที่ 7 กุมภาพันธ์ พ.ศ. 2555

Ubuntu : ตรวจดูอุณหภูมิอุปกรณ์ง่ายๆ ด้วย PSnsor

สำหรับผู้ที่มีปัญหากับความร้อนของเครื่องที่ใช้อยู่เป็นประจำ วันนี้เรามีโปรแกรมดีๆ มาแนะนำกันอีกแล้ว ซึ่งโปรแกรมที่ว่านี้คือ PSensor โปรแกรมตรวจดูอุณหภูมิของอุปกรณ์ที่อยู่ในเครื่องเรา

โปรแกรม PSensor นี้ ไม่ได้ตรวจสอบความร้อนได้เพียง CPU เท่านั้น แต่ยังตรวจความร้อนของ GPU, Harddisk และความเร็วรอบของพัดลมได้อีกด้วย


วิธีติดตั้ง

- เพิ่ม PPA ของ ppa:jfi/ppa ก่อน ด้วยคำสั่ง sudo apt-add-repository ppa:jfi/ppa
- สั่ง sudo apt-get update
- ติดตั้งด้วยคำสั่ง sudo apt-get install psensor lm-sensors hddtemp lm-sensors


http://ubuntuclub.com/node/3139

How to use USB in Virtual Box linux mint 12

How to use USB in Virtual Box linux mint 12

not fine manu System Administor

you use code in terminal.
sudo gedit /etc/group

Then search for the "vboxusers" group and add your username to that line, like so:

vboxusers:x:126:suwit

save file and reboot linux.


http://forums.linuxmint.com/viewtopic.php?f=47&t=93372&p=535579&hilit=*virtualbox*#p535579

Ubuntu : ใช้ปุ่ม Grave Accent เปลี่ยนภาษาบน Ubuntu

เมื่อคืนน้องที่พัทลุงถามผมว่าทำไงให้ใช้ปุ่ม grave accent เปลี่ยนภาษาไทย-อังกฤษบน ubuntu 9.04 ผมเคยให้เค้าใช้ตัว xkb-data-hacked_0.8-7mrchoke1_all.deb แต่เค้าบอกว่าใช้ไม่ได้ ตอนนี้ผมใช้ 9.10 ก็ลองเอามาลงก็ปรากฏว่าใช้ไม่ได้แล้วจริงๆ ด้วย ก็ search ไปเจอกระทู้ใน ubuntuclub ก็ลองโหลดมาติดตั้งดูก็ปรากฏว่าใช้ได้ โดยดาวน์โหลดตัว xkb-data-grave.deb มาแล้วติดตั้งด้วยคำสั่ง

- $ sudo dpkg -i xkb-data-grave.deb

ติดตั้ง เสร็จแล้วเข้าไปแก้ให้ใช้ปุ่ม Grave Accent โดยเข้าไปที่เมนู System >> Keyboard >> เลือก Tab Layouts >> คลิก Layout Options… >> ตรง Key(s) to change layout เลือก ปุ่ม Grave switches layout.



Grave switches layout

เสร็จแล้วทดลองกดปุ่ม Grave Accent กันดู

แต่ สำหรับใครที่แค่อยากลองทดสอบว่าใช้ได้จริงหรือเปล่าอย่างผม หลังจากลง xkb-data-grave แล้วอยากกลับไปใช้ Alt+Shift เหมือนเดิมกลับเป็นปัญหาครับคือไม่สามารถใช้ Alt+Shift ได้ทั้งๆ ที่เลือกไว้ทั้ง Alt+Shift และปุ่ม Grave และถึงแม้ว่าจะถอนการติดตั้ง xkb-data-grave แล้วก็ตามก็ยังใช้ปุ่ม Alt+Shift ไม่ได้ ลองทำตามวิธีผมดูครับ

1. ให้ถอนการติดตั้ง xkb-data-grave ก่อน

- $ sudo apt-get remove xkb-data-grave

2. reinstall xkb-data เข้าไปใหม่

- $ aptitude reinstall xkb-data

จาก นั้นเข้าไปคลิกเอาทั้ง Grave Accent และ Alt+Shift ออกก่อน(ไม่ให้เปลี่ยนภาษาได้) จากนั้นก็กด Close หน้า Layout แล้วเข้าไปเปลี่ยนเป็นปุ่ม Alt+Shift อีกครั้งก็จะทำให้สามารถกลับมาใช้ Alt+Shift ได้อีกครั้งครับ

ที่มา
http://imrgill.com/2009/10/27/how-to-use-grave-accent-switches-keyboard-layout-on-ubuntu.html