Close

快速找資料的檔案總管類的軟體,Everything,搜尋檔案快速又方便

1520350871155

真的很好用唷,重點是他是免費軟體,使用起來不擔心版權及時間,如果你要找一個資料夾裡面,全部的圖片或啥的,使用【Everything】這個軟體,可以在很短的時間內把所有的資訊找出來唷,

1520350774056

windows 7 或 windows 10 搜尋檔案,要在檔案總管的右上方進行搜尋,他會跑全部,但是因為運算的程序,導致搜尋時都慢很多,

不彷來試試吧 🙂 找到的檔案,還可以選起來,copy或剪下再移至別的資料夾,一整個方便很多唷,

進階搜尋的方法:上方工具列 > 搜尋 > 進階搜尋,就可以依自已的需求進行進階搜尋 🙂

1520350786889

下載連結:https://www.voidtools.com/

[html]讓自已的網頁不被搜尋到的方法

讓自已的網頁不要被找到,最佳的方式可以參考google的文件唷

基本上,只要在
<head></head>之間置入下面的程式碼就可以了唷

<meta name=”robots” content=”noindex”>

 

 

參考資訊:https://support.google.com/webmasters/answer/93710?hl=zh-Hant&ref_topic=4598466

如要避免特定網頁出現在 Google 搜尋結果中,您可以在該網頁的 HTML 程式碼中加入 noindex 中繼標記,或是在 HTTP 要求中傳回「noindex」標頭。這樣一來,當 Googlebot 下次檢索該網頁時,就會發現「noindex」標記或標頭,進而將其完全排除在 Google 搜尋結果之外,不論是否有其他網站連結到該網頁皆是如此。

<meta> 標記

如要防止「大部分的搜尋引擎網路檢索器」建立網站網頁的索引,請在網頁的 <head> 區段放置下列中繼標記:

<meta name="robots" content="noindex">

如何防止「Google 網路檢索器」為特定網頁建立索引:

<meta name="googlebot" content="noindex">

 

 

RWD 手機版面網頁程式可以用手勢放大收小的小方法

要做手機版網頁,就要先對網頁進行宣告,通常網路上會介紹下述的一個方法:

在<head>~</head>之間:

加入下方的資訊:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0″ />

這結果是真的會變成手機的瀏覽方式,但就無法用手指放大縮小畫面了 ><

 

所以呀,把上述資料調整如下,就可以在手機版網頁介面下,用手指進行放大縮小了唷!!

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

 

在joomla的文章使用youtube影片(適用版本2.5 & 3)

Embed YouTube Videos in Joomla 2.5 and 3

●參考及程式說明網址:

http://www.ostraining.com/blog/joomla/youtube-embedder/

●程式下載網址:

http://www.ostraining.com/downloads/joomla-extensions/youtube-embedder/

(選Download,會要你輸入email,不用擔心,輸入完就會下載嘍)

 

無法內嵌youtube影片嗎?

可以參考上述的的程式唷,

下載程式以後,在後台>擴充套件,上傳安裝完成以後,

再去擴充套件>外掛管理,把Content – YouTube Video Embedding打成綠色鉤鉤啟動以後,

在文章的地方,只需要 輸入: http://www.youtube.com/watch?v=XXXXXXXXXX

media_1358522924763.png

儲存以後,就會直接播放影片嘍 微笑 有需求的朋友也來試試唷!!

media_1358522992717.png

[html] iframe邊框厚度設定

搞網頁時有時用到iframe參數時,邊框通常不要讓它出現會比較美觀唷!!
那要怎麼設定呢?

<iframe frameborder="0" width="300" height="200" scrolling="no" src="http://使用的網址"></iframe>

  • frameborder="0"  邊框的厚度設定,可以設為0哦!!
  • width="300" 寬度設定
  • height="200" 高度設定
  • src="網址" 內嵌的網頁的網址
  • scrolling="no" 沒有捲軸,另外可設定 no、yes、auto

[html] 基本flash 放置及透明背景語法

因為測試dw4 和 flash4時無法讓上傳後的網頁讀取flash,
我也找不出什麼所以然原因,
所以還是key入最基本的語法問題就搞定了…

以下是範例,它只調整寬高還有檔案位置,還不錯用唷 🙂

<object width="300" height="200">
   <param name="movie" value="somefilename.swf">
   <embed src="somefilename.swf" width="300" height="200" wmode="transparent"></embed>
</object>

wmode="transparent  此項目是設定背景透明,不加就背景就不透明嘍! 

[css]簡易css水平下拉式選單製作

這幾天特別研究一下 css下拉式選單

當然…他也是有ie6 ie7的問題,

因為css在ie6與ie7是不會讀取 XX:hover 的標籤,ie6與ie7只能讀取a:hover的標籤 (這個是上網查的)…

所以必須要有方法能讓他讀取 XX:hover 的標籤 = =”

 

以下是自已做的範例:

image

最上方宣告
第一行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

css選單程式
可以外部呼叫或放在

<style type="text/css">
<!–

–>
</style> 之間

/*menu01選單連結的顏色及去底線*/
#menu01 a {
    text-decoration: none;
    color: #CCCCCC;
}

/*menu01選單整體寬高及顏色置中設定*/
#menu01 {
    width: 770px;
    height: 30px;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    background: #4E4E4E;
}

/*讓menu01選單的標頭都隱藏起來*/
#menu01 ol, li, ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

/*調整整個選單各主標題連結*/
#menu01 li.submenu {
    float: left;            /*讓主標題連結變成水平狀*/
    padding: 0;
    margin: 0;
    width: 154px;           /*各主標題連結的寬度*/
    height: 30px;           /*各主標題連結的高度*/
    text-align: center;
}

/*調整子選單的寬度和高度*/
#menu01 li {
    padding: 10px;
    width: 80px;     /*各子選單連結的寬度*/
    height: 20px;     /*各子選單連結的高度*/
    text-align: left;
}

/*ie8 ff 調整子選單的相對位置*/
#menu01 li ul {
    display: none;          /*展現方式為隱藏*/
    position: absolute;      /*子選單的對齊方法為絕對方式*/
    z-index: 999;            /*子選單的圖層層級為999,在最上方*/
    background: #000;
    margin-top: 5px;         /*子選單區塊與主連結的相對往下移點數*/
    margin-left: 40px;       /*子選單區塊與主連結的相對往右移點數*/
}

/*顯示子選單區塊*/
#menu01 li:hover ul {       /*當滑鼠移到li時,ul會*/
    display: block;         /*ul會顯示出來,即子選單區塊顯示出來*/
}

/*調整滑鼠移到主選單的項目時會變什麼顏色*/
#menu01 li:hover {          /*當滑鼠移到li時*/
    background-color: red;
    color: white;
}

/*調整滑鼠移到子選單的項目時會變什麼顏色*/
#menu01 li li:hover  {          /*當滑鼠移到li裡的li時*/
    background-color: blue;
    color: white;
}

 

css for ie6 及 ie7
放在<head> … </head>之間

<!–[if (IE 7)|(IE 6)]>
<style type="text/css">
<!–
/*ie6 :hover hack ,讓ie6可以讀取 li:hover 這個css指令,必須要把網頁上傳後瀏覽才有效*/
/*ie6 :hover hack下載: http://www.xs4all.nl/~peterned/htc/csshover3.htc */
body { behavior: url("csshover3.htc"); }

/*修正ie6,ie7隱藏區塊的相對位置,與ie8 ff 標準不同*/
#menu01 li:hover ul {
    margin-top: 25px;        /*子選單區塊與主連結的相對往下移點數*/
    margin-left: -60px;       /*子選單區塊與主連結的相對往右移點數*/
}
–>
</style>
<![endif]–>

 

html程式碼
放在<body> … </body> 之間

    <ol id="menu01">
      <li class="submenu"><a href="index.html">主連結1</a>
           <ul>
            <li><a href="" target="_self">內容1</a></li>
            <li><a href="" target="_self">內容2</a></li>
            <li><a href="" target="_self">內容3</a></li>
            </ul>
      </li>
      <li class="submenu"><a href="#">主連結2</a>
            <ul>
            <li><a href="" target="_self">內容1</a></li>
            <li><a href="" target="_self">內容2</a></li>
            <li><a href="" target="_self">內容3</a></li>
            </ul>
      </li>
      <li class="submenu"><a href="#">主連結3</a>
            <ul>
            <li><a href="" target="_self">內容1</a></li>
            <li><a href="" target="_self">內容2</a></li>
            <li><a href="" target="_self">內容3</a></li>
            </ul>
      </li>       
      <li class="submenu"><a href="#">主連結4</a>
            <ul>
            <li><a href="" target="_self">內容1</a></li>
            <li><a href="" target="_self">內容2</a></li>
            <li><a href="" target="_self">內容3</a></li>
            </ul>
      </li>
      <li class="submenu"><a href="#">主連結5</a>
      </li>
    </ol>

 

這回css選單的重點在於ie6 :hover hack

csshover3htc 此檔案要寫在以下的位置上:

body { behavior: url("csshover3.htc"); }

請把csshover3.htc 放在讀取網頁的同一個資料夾唷!

實測時記得必須要把網頁上傳後瀏覽才有效哦!!

ie6 :hover hack下載網址: http://www.xs4all.nl/~peterned/htc/csshover3.htc

 

網頁讀取方面:

<!–[if (IE 7)|(IE 6)]> 內容 <![endif]–>

ie6及ie7會特別讀取這個宣告,這樣才能在css及網頁上做ie6及ie7的修正哦!!

 

其它部分,都在css上面加註解了,加油!!

 

參考資料:

[CSS]區塊透明度css設定

想要在一個區塊或表格的背景加入透明度,要怎麼解決呢?

當然還是有ie與ff兩者相處的問題了0.0

以下是我處理透明度的方法:

CSS部分:

<style type="text/css">
<!–

.transparent {                                 /*這個是設透明度的標籤*/
    filter:alpha(opacity=50);           /*ie8 ok*/
    opacity:0.5;                                /*firefox ok*/
}

.green {                                                  /*這個是設綠色背景的標籤*/
    background-color:#090;                  /*這個是設區塊的背景色為綠色*/
}

body {                                                    /*這個是設整個網頁的標籤*/
    background-color: #000;                 /*這個是設整個網頁背景為黑色,以利分辨透明的感覺*/
}
–>
</style>

HTML部分:

<body>

<div class="transparent green">我是一個div區塊,背景綠色,透明度50%唷!!</div>

<p></p>

<table width=100% border="1" class="transparent green">
<tr><td>把效果用在表格上也行哦!!</td><tr>
<tr><td>1</td><tr>
</table>

</body>

所以… 還是瀏覽器在CSS上相容的問題 真害….
好 打完收工!!