Tech&Tips

Link รูปภาพจาง เอาเมาส์ชี้จะชัดขึ้น

วางcode ไว้ส่วนของ head

<script language="JavaScript" type="text/javascript">
var itv = 50; var step = 10; var start = 0; var end = 0; var currentOpac;
function changeOpac(obj, opacity) { var object = obj.style;  object.opacity = (opacity / 100);
 object.MozOpacity = (opacity / 100); object.KhtmlOpacity = (opacity / 100);
 object.filter = "alpha(opacity=" + opacity + ")";}function BeginOpacity(obj, s, e){
 start = s; end = e; currentOpac = s; theobject=obj;
 changing=setInterval("opacityit(theobject)",itv);}
function EndOpacity(obj, end){ clearInterval(changing);
 changeOpac(obj, end);}function opacityit(obj){
 if(start > end) {  if (currentOpac>end){
   currentOpac = currentOpac - step;
   changeOpac(obj,currentOpac); }
  else if (window.highlighting)
   clearInterval(highlighting);
 } else if(start < end) {
  if (currentOpac<end){
   currentOpac = currentOpac + step;
   changeOpac(obj,currentOpac);  }
  else if (window.changing)
   clearInterval(changing); }}
</script> 


อยากให้ภาพไหนจาง ให้ใส่ โค๊ดตัวนี้ต่อท้าย


style="FILTER: alpha(opacity=40);-moz-opacity: 0.4; opacity: 0.4;" onmouseover=BeginOpacity(this,40,100) onmouseout=EndOpacity(this,40)

เช่น <img src="http://www.zalim-code.com/picture/PIC/box/banner.gif" style="FILTER: alpha(opacity=40);-moz-opacity: 0.4; opacity: 0.4;" onmouseover=BeginOpacity(this,40,100) onmouseout=EndOpacity(this,40) >

ถ้าเป็นลิงค์ ก้อทำแบบนี้ครับ

<a href="http://www.zalim-code.com" target="_blank"><img src="http://www.zalim-code.com/picture/PIC/box/banner.gif" style="FILTER: alpha(opacity=40);-moz-opacity: 0.4; opacity: 0.4;" onmouseover=BeginOpacity(this,40,100) onmouseout=EndOpacity(this,40)> <a>

credit by: http://www.zalim-code.com

 ชี้Link แล้วมีกรอบ

<style type="text/css">

<!--a:hover {border-width : 3px;border-style : 

dotted;border-color : #000000; }--></style>

หมายเหตุ

เปลี่ยนสีตรง #000000 นะครับ ถ้าอยากเปลี่ยนรูปแบบของขอบให้ดูตรง
dotted(จุดๆ)แล้วเปลี่ยนตามใจชอบดังนี้ครับ

- none คือ ไม่มีเส้น
- dotted คือ จุดๆ
- dashed คือ เส้นประ
- solid คือ เส้นเดี่ยว
- double คือ เส้นคู่

credit by: http://www.zalim-code.com

สร้างข้อความในแบบของการ์ตูนด้วย Photoshop

1. สร้าง file ใหม่ขึ้นมาให้มี backupground เป็นสีดำ จากนั้นให้กด T ที่แป้นพิมพ์ เพื่อเปลี่ยน mode เป็น Text tool แล้วจึงทำการพิมพ์ข้อความที่ต้องการลงไป

2. double click ที่ text layer แล้วทำการตั้งค่า Gradient Overlay

Gradient Overlay ตั้งค่าตามด้านล่างเลยครับ

Inner Glow ก็ตั้งค่าตามรูปเช่นกัน

Outer Glow ก็เช่นกันครับ ตามรูปด้านล่าง

3. กด Ctrl+E เพื่อทำการรวม layer ที่เป็น background และ text ครับ

4. เลือก Filter ---> Artictic ---> Plastic Wrap

ตั้งค่าต่างๆครับแล้วก็กดตกลง

5. เลือก image ---> adjustments ---> color balance

ตั้งค่า Color Balance

สำเร็จแล้วครับ