免責聲明

Disclaimer (免責聲明)
繼續閱覽代表您接受以上的免責聲明.
To continue reading means you accept the above disclaimer.

2010年12月23日 星期四

CSS embed in blogger/blogspot

After some harsh try-and-errors, i realized that
it's possible to embed CSS style in blogger/blogspot
but needs to take care of several points:


  • edit in "Edit Html" mode rather than "Compose" mode

  • add "type" attribute into the style tag <style type="text/css" >

  • remove the break tag(<br />) introduced during copy/paste

  • "Preview" doesn't always reflect the effect of the embedded styles



//===
在一連串的嘗試錯誤後 終於找出在Blogger/Blogspot中
加入<style >... </style> 的方式
有幾點容易出錯的地方 需要注意:

  • 編輯模式最好選擇"Edit Html" 而非 "Compose"

  • 在style tag 中加入 "type" 屬性(attribute), <style type="text/css" >

  • 移除拷貝過程中引起的 break tag(<br />)

  • 預覽模式"Preview" 不見得能反映所加入styles的效果


//===
[example]
http://3hitek.blogspot.com/2010/12/left-top-corner-logo-by-css.html

2010年12月21日 星期二

MBP and TRBL : 2 CSS shorthands (簡寫) for layout

CSS 關於版面佈局(layout)有兩個重要的順序
MBP and TRBL
自己常會忘記確實的先後順序
發明一些聯想來記住他們的簡寫

MBP: margin, border, padding

  • 由外而內
  • mvp 諧音
  • MB 聯想 主機板 mainboard/motherboard/member
  • BP 聯想 英鎊 british pound

TRBL: top, right, bottom, left

  • 順時鐘
  • trouble 聯想 TR-ou-BL-e
  • TR 聯想 table/tr/td
  • BL 聯想 SBL

[example]

margin:100px 50px; --> margin 的 top=100px, right=50px; bottom=top; left=right

border: 20px --> border 的top=20px; R==B==L==top

padding: 40px 30px 20px 100px --> padding的 top=40px, right=30px, bottom=20px, left=100px

//===

There are two important sequences in CSS layout : MBP and TRBL,
but i often forget the exact order.

So, I invent some connections/correlations to memorize the two shorthands

MBP: margin, border, padding

  • from outside to inside
  • mvp (homophonous)
  • MB connects to mainboard/motherboard/member
  • BP connects to British Pound


TRBL: top, right, bottom, left

  • clockwise
  • trouble connects to TR-ou-BL-e
  • TR connects to table/tr/td
  • BL connects to SBL


2010年12月20日 星期一

Top-left/top-right corner logo by CSS



truetype.info
truetype.info logo

[Q] How to put an image at the left-top corner of an html webpage by CSS?

[try]
#mytopleft {position: absolute;left: 0px; top: 0px;display: block; height: 64px; width: 64px; margin:0px; border:0px; padding:0px; }

#mytopright {position: absolute;right: 0px;top: 0px; display: block; height: 32px; width: 32px; margin:0px; border:0px; padding:0px; }

...
<div id= "topleft"><img src="../images/urLogo.png)" /></div>


[ref]
http://www.liewcf.com/easy-css-top-corner-banner-2537/

CSS selectors (pattern matching rules) digest

//=== css selectors and pattern matching


  1. * universal selector

  2. , group selector

  3. [space] descendant selector

  4. . class selector

  5. > child selector

  6. + adjacent sibling selector

  7. [att] attribute selector

  8. : pseudo-class selector

[examples]



  • [group selector] p, h1, h2, h3 { font-family: serif }

  • [space, universal, attribute selectors] div p *[href]

  • [pseudo-class selector] a:link

  • [space, child, space selectors] div ul>li p

  • [adjacent sibling selector] h1 + h2 { margin-top: -5mm }

  • [class selector] h1.red { color: red }



//=== attribute selectors


[att] Match when the element sets the "att" attribute


[att=val] Match when the element's "att" attribute value is exactly "val".


[att~=val]
Represents an element with the att attribute whose value is a white space-separated list of words, one of which is exactly "val".
If "val" contains white space, it will never represent anything.
If "val" is the empty string, it will never represent anything either.


[att=val] Represents an element with the att attribute,
its value either being exactly "val" or
beginning with "val" immediately followed by "-"



[ref]


http://www.w3.org/TR/CSS2/selector.html

2010年12月18日 星期六

Outlook cannot access gmail after windows update

//=== 2010.12.17, outlook cannot access gmail after windows update
[Error Message]
Receiving Reported Error(0x800CCC18): your e-mail server rejected your login with Secure Password Authentication(SPA).Verify your account properties ...

[Environment]
Windows XP, SP3/ Outlook 2007, BitDefender

[WorkAround]
Under account settings, "uncheck" the box that says "Require Logon using SPA".

[Automatic Update on 2010.12.16]

  • Windows XP Security Update for Windows XP (KB2296199)
  • Office 2007 Security Update for Microsoft Office Publisher 2007 (KB2284697)
  • Windows XP Security Update for Windows XP (KB2443105)
  • Windows XP Cumulative Security Update for Internet Explorer 8 for Windows XP (KB2416400)
  • Windows XP Security Update for Windows XP (KB2440591)
  • Windows XP Update for Windows XP (KB2443685)
  • Windows XP Security Update for Windows XP (KB2436673)
  • Office 2002/XP Security Update for Microsoft Publisher 2002 (KB2284692)
  • Windows XP Update for Internet Explorer for Windows XP (KB2467659)
  • Office 2007 Update for Microsoft Office Outlook 2007 Junk Email Filter (KB2466076)
  • Office 2007 Security Update for Microsoft Office 2007 System (KB2288931)
  • Office 2007 Update for Microsoft Office Outlook 2007 (KB2412171)
  • Office 2002/XP Security Update for Microsoft Office XP (KB2289162)
  • Windows XP Windows Malicious Software Removal Tool - December 2010 (KB890830)
  • Windows XP Security Update for Windows XP (KB2423089)

[more on http://www.google.com/support/forum/p/gmail/thread?tid=7a3bf71d34d4788f&hl=en ]

  • Part of the Microsoft update turned Secure Password Authentication(SPA) back ON.
  • SPA needs to be OFF for Outlook to work with GMail according to GMail set-up instructions.
  • GMail doesn't need SPA, as the entire session is encrypted anyway via SSL.

[ref]
http://www.google.com/support/forum/p/gmail/thread?tid=47dc56cbb09eca79&hl=en

http://www.google.com/support/forum/p/gmail/thread?tid=7a3bf71d34d4788f&hl=en

http://mail.google.com/support/bin/answer.py?hl=en&answer=12103 (GMail setup)

2010年12月15日 星期三

special char escaping in gadget

To put html code into the "HTML/JAVASCRIPT gadget" of Blogger(Blogspot),
some special chars need to be escaped :


& === &amp; ???
< === &lt;
> === &gt;
" === &quot; ???
'=== &apos; ???

[example ] params for flash swf movie

<param value="
&dataTextFieldStyle=<p align='center'><font face='Arial' color='#000000' size='18'><b>[]</b></font></p>&
">

should be replaced by

&lt;param value="
&dataTextFieldStyle=&lt;p align='center'&gt;&lt;font face='Arial' color='#000000' size='18'&gt;&lt;b&gt;[]&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;&
"&gt;




[ref]
http://code.google.com/apis/gadgets/docs/fundamentals.html
http://3hlot.blogspot.com/

ProductCode and UpgradeCode

[ProductCode]
[UpgradeCode]
[ProductName]


For products(software packages) having the same [UpgradeCode]
but different [ProductCode] s, MS Windows can automatically
upgrade the old version to the new one?

2010年12月10日 星期五

Trojan Script 37423

前幾天 想找關於invisible watermark 的軟體
逛到一個比較老的網站 結果 嗶嗶 ! 中標!

Trojan.Script.37423 (防毒軟體 BitDefender 顯示警告)

Virus Detected: Trojan.Script.... in
"C:\Documents and Settings\username\LOCAL SETTINGS\TEMPORARY INTERNET FILES\CONTENT.IE5\xxxx\yyyyy[1].htm"

//===
Trojan.JS.Agent.wh (Kaspersky Lab) is also known as:
JS/Agent-KKN (Sophos)
JS/IFrame (FPROT)
Trojan.Script.37423 (BitDef7)
HTML.Crypted (Ikarus)
HTML/Framer.BU (AVG)
HTML/Crypted.Gen (AVIRA)
Trojan.JS.Agent.wh [AVP] (FSecure)




[ref]
Trojan.Script.Iframer
http://forum.kaspersky.com/lofiversion/index.php/t100452.html

Trojan.JS.Agent.wh
http://www.securelist.com/en/descriptions/6679886/Trojan.JS.Agent.wh

找不到 TEMPORARY INTERNET FILES ?
http://3hitek.blogspot.com/2010/12/temporary-internet-files.html

Temporary Internet Files 找不到

[Q] 找不到 Temporary Internet Files 目錄?


[try]
C:\Documents and Settings\username\Local Settings
--> Tools\Folder Options\View
--> 將選項 "Hide protected operating system files" 取消

//===
[Q] Cannot find the folder/directory "Temporary Internet Files"?

[try]
C:\Documents and Settings\username\Local Settings
--> Tools\Folder Options\View
--> uncheck "Hide protected operating system files

Superflexible file synchronizer

//===
UNC network path connection :
edit Profile Settings -> Advanced Settings -> Job -> click on "Network connections"
will pop out a window where we can input the network path, user name, password .


//===
zip package ???
the ExtremeSync Service and the ExtremeSync Remote Service.