蕃茄腦袋: 2月 2008

[+/-] : [其他 , KUSO] 我想小狗會愛上的滑鼠

張貼者：蕃茄 (Tomato) 0 Comments

[+/-] : [平面設計相關] 什麼是ISSN & ISBN

張貼者：蕃茄 (Tomato) 0 Comments

[+/-] : Dreamweaver CS4 - 終於要改變了？？

張貼者：蕃茄 (Tomato) 2 Comments

[+/-] : [CSS小技巧]內容超過長度後以省略號顯示的方法

張貼者：蕃茄 (Tomato) 4 Comments

如果你想要固定字數，多的字就出現省略符號（大多是….用點來代表），這個方法適用與IE6.0及舊版與Opera瀏覽器，IE7.0 及 FireFox 都不支援，但是會因為最後一行的 overflow: hidden; 只要超過我們設定的寬度，多的字會被隱藏起來，只是沒有點點點的符號而以，所以還是可以正常執行哦！


li {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}

[+/-] : [CSS 小技巧] 用CSS讓圖片自動縮放大小

張貼者：蕃茄 (Tomato) 6 Comments

一般圖片想要有相同的大小，大多使用程式或者是先在繪圖軟體中處理過，但是如果圖的大小沒有跟想要縮小的圖片差太多的話，其實使用 CSS 來處理，也是很好的方式哦！
以下就是語法，我有寫註解，看看吧！


div img {
/*  IE7、FF等其他非 IE 瀏覽器下最大寬度為 500px , IE6 以下不支援 max-width 屬性 */
max-width:500px;
/*  所有瀏覽器中圖片的大小為 500px  */
width:500px;
/*  當圖片大小大於 500px，自動縮小為 500px  */
width:expression(document.body.clientWidth>500?"500px":"auto");
overflow:hidden;
}

[+/-] : [基本 HTML] iframe

張貼者：蕃茄 (Tomato) 0 Comments


<iframe src="http://fanchie.blogspot.com/" name="myWindow" frameborder="0" width="500"           height="500"   >           </iframe>

[+/-] : [HTML] 要怎麼樣才能讓文字欄位在 IE 中不自動提示呢？

張貼者：蕃茄 (Tomato) 0 Comments

要讓 IE 不自動提示，最簡單的方法就是不要讓它儲存就好了，但是如果你怕使用者白痴到連這個都不懂，那你可以在文字欄位的原始碼中插入以下的片段（紅字的部份）


<input type="text" name="textfield" id="textfield" autocomplete = "off" />

很簡單吧！快去試試看吧！...
Read more

[+/-] : [HTML & JavaScript] 遇到鬼的 IE ，到底怎樣將 IE 頁框裡水平捲軸給移除掉～

張貼者：蕃茄 (Tomato) 3 Comments

相信如果有使用過頁框(frame) 這種又舊又難用的爛語法做設計時，而你又只用 IE 做測試或唯一瀏覽器（不要懷疑，一堆做網頁或教人做網頁的人，根本就不知道或著不了解其他瀏覽器在做什麼，有的是根本電腦就沒裝）那我想或多或少一定會遇到某些特定頁框的水平捲軸就一定會像遇到鬼一樣的出現！而且無法單獨讓水平捲軸隱藏起來，可是出現的話又會破壞畫面的美觀（就一直會有個水平捲軸在下方）。但是明明我連網頁內容也就是 BODY 裡根本就是空的情形下還是一樣，水平捲軸就是會像是遇到鬼一樣的出現，而且不論你的 SCREEN 有多大都一樣，水平捲軸還是那句話「像是遇到鬼一樣的出現」

可是上述的情形其實只出現在 IE6.0 其他的版本或瀏覽器如： IE7.0 OR Firefox OR Opera 都不會有，所以我想應該是 IE 的問題，但是其實要很快的解決這個問題，也很容易，只要將網頁最上方的頁面描述給拿掉就好，如下面的 CODE：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

但是如果你將上述的 CODE 拿掉，我想你也就跟網頁標準越來越遠，而且你的 CSS 控制也會大有問題，所以問題也不能這樣解決是吧！
再不然，即然這個問題是 IE 的 bug，該脆建議所有的人都可以改用 Firefox 之類的先進瀏覽器，但如果大家都能這樣做的話，那我們一定都不是＂人＂了，人才不會接受大家都一樣的事，是吧！所以啊～即然大多數的使用者還是使用 IE 的話，我們（設計師 OR 講師）也只能想想辦法讓那個見到鬼的水平捲軸給我消失掉（大吼狀）。

我想要解決這個問題大多數的人都會朝向使用 CSS ，我一開始也是，但是不管怎麼試都沒用，所以不用再試了，而解決的方法其實只要使用 JavaScript 就會簡單的多了。
不知道是在那看到的，放在我的筆記裡有一段時間了，我剛試了一下，還真是可以耶！
以下就是要使用的 CODE ，而這段 CODE 要貼入你想要把水平捲軸給移除的網頁裡即可（記得要放入<head> </head>檔頭哦！）


<script type="text/javascript">
window.onload = function()
{
 document.documentElement.style.overflowX = 'hidden';
 document.body.style.overflowX = 'hidden';
}
</script>

PS：後話，其實使用頁框真的很笨又很爛，多張網頁只能組合出一張畫面，頁框那會把畫面切得四分五裂，畫面很難設計，除了在我那個表格不好使用又還沒有 CSS 的年代裡，大多數的人必須要用，我不懂，為什麼到現在還有人要用呢？
其實我到今天還是有幫客戶做頁框的網站，但是只要客戶不堅持，我一定會說服他改成表格或 CSS 的網站，要不然就是我們在幫客戶寫後台時，做控制畫面使用頁框也很容易呈現管理介面，但是畫面會很死板，但是誰會要求後台還要美感，見鬼咧！
重點是，無論你想要做什麼，一定會有新的，好用的技術可以幫助你更快的完成你想要做的事，又何必要用這種過時的東西，「放棄」才是正途不是嗎？...
Read more

[+/-] : [Blogger 教學] 如何設定你的 Widget

張貼者：蕃茄 (Tomato) 0 Comments

Widget 指的就是在 Blog 右邊，可以自己增刪的 HTML 元件，如果你想要修改這個 Widget 最快最簡單的方法就是，我會先給這個 Widget 一個很長的名稱，例如一堆的 AAAAAAA ，再來先到 [設定] > [修改HTML]。拉到快接近底部時，你就會看到類似下面的程式碼。


<div id="code">
<b:widget id="HTML3" locked="false" title="AAAAAAA(這就是Widget的名稱)" type="HTML">
</b:widget>
</div>

緊接著，要把他的ID記下來(這裡的範例是HTML3)，接著就請到上方的 CSS 區塊裡，找個空白或著是你喜歡的位置加入以下的程式碼，再去改你要的設定，就大功告成啦！


#HTML3{
/*請放入你所要設定的 CSS Code 即可*/
}

紙張規格
	開數	規格	全尺寸(mm)	裁切後尺寸(mm)	常用紙張
四六版	全開	B1	1091 X 787	1042 X 751	壁報紙
	對開(半開)	B2	787 X 545	751 X 521	海報
	3開	.	787 X 363	751 X 345	.
	4開	B3	545 X 393	521 X 375	.
	5開	.	454 X 318	424 X 303	.
	8開	B4	393 X 272	375 X 260	.
	16開	B5	272 X 196	260 X 187	26孔活頁記事本
	32開	B6	196 X 136	187 X 130	.
	64開	B7	136 X 98	130 X 93	.

紙張規格
	開數	規格	全尺寸(mm)	裁切後尺寸(mm)	常用紙張
菊版	菊全開	A1	872 X 621	842 X 594	海報
	菊對開	A2	621 X 436	594 X 421	.
	菊3開	.	621 X 290	594 X 280	.
	菊4開	A3	436 X 310	421 X 297	.
	菊8開	A4	310 X 218	297 X 210	影印紙、書籍
	菊16開	A5	218 X 155	210 X 148	手冊
	菊32開	A6	155 X 109	148 X 105	.
	菊64開	A7	109 X 77	105 X 74	.

蕃茄腦袋

[+/-] : 你累了嗎? 來個小遊戲吧!!

[+/-] : [其他 , KUSO] 我想小狗會愛上的滑鼠

[+/-] : [平面設計相關] 紙張規格

[+/-] : [平面設計相關] 什麼是ISSN & ISBN

[+/-] : Dreamweaver CS4 - 終於要改變了？？

[+/-] : [CSS小技巧]內容超過長度後以省略號顯示的方法

[+/-] : [CSS 小技巧] 用CSS讓圖片自動縮放大小

[+/-] : [好用軟體] ZoomIt V1.72

[+/-] : [基本 HTML] iframe

[+/-] : [HTML] 要怎麼樣才能讓文字欄位在 IE 中不自動提示呢？

[+/-] : [HTML & JavaScript] 遇到鬼的 IE ，到底怎樣將 IE 頁框裡水平捲軸給移除掉～

[+/-] : [Blogger 教學] 如何設定你的 Widget

[+/-] : [好站分享] 一個很棒的 InDesign 教學網站

[+/-] : [InDesign] InDesign Lock File 到底在鎖什麼啊！

[+/-] : [InDesign] inDesign 有遮色片功能嗎？

[+/-] : [心得 | 觀點 | 其他] 學北歐人過生活─ 簡約、效率、重視家庭

[+/-] : [其他] 來測測你的腦齡吧！

[+/-] : [XML / XSL / XSLT] VML(Vector Markup Language) to SVG(Scalable Vector Graphics)

[+/-] : [Firefox Add-ons] 好用輕巧的 CSSViewer

##HIDEME##

Who care Fanchie (蕃茄)

訂閱我吧！

搜尋文章

文章分類

最新回應

贊助廣告

贊助廣告

我不認識的好朋友們～

每日一句

Good Link (歡迎推薦或交換連結哦!)

All Post