DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CssGaga教程:自動同步文件和哀悼日網站一鍵變灰
CssGaga教程:自動同步文件和哀悼日網站一鍵變灰
編輯:CSS進階教程     

CssGaga – 自動同步文件

支持同步的文件類型css/jpg/png/gif/cur/ico

自動登錄同步服務器

自動登錄腳本放置在autorun目錄中
注:CssGaga啟動時即自動登錄服務器

同步文件並生成提單文件列表

  • 須配置本地路徑與目的路徑的對應關系
    <add key="pathSource" value="E:\isd_webrebuild_rep\qzonev5_proj\trunk\qzonestyle" />
    <add key="pathDest1" value="\\172.25.32.72\imgcache\qzonestyle" />
  • 須配置本地路徑與提測格式的對應關系
    <add key="pathSource" value="E:\isd_webrebuild_rep\qzonev5_proj\trunk\qzonestyle" />
    <add key="pathReport" value="/usr/local/imgcache/htdocs/qzonestyle" />

    生成的提測文件列表格式如下:

    /usr/local/imgcache/htdocs/qzonestyle/img/1.png
    /usr/local/imgcache/htdocs/qzonestyle/img/2.png
    /usr/local/imgcache/htdocs/qzonestyle/img/3.png

注:同步路徑可在配置中更改顯示名稱

<add key="pathDest1Name" value="拷到72" />

CssGaga – 哀悼日網站一鍵變灰

勾選去色

css去色

將css中的色值(包括rgb、rgba、英文單詞色值如red等)轉為黑白,生成文件名

*.source.cs → *.gray.css

圖片去色

可處理 css/jpg/png/gif

圖片生成位置:當前目錄下的gray文件夾

*.jpg → gray/*.jpg

一鍵變灰

同時勾選去色及抽取圖片,將css拖拽進來即可

抽取圖片功能 詳見CssGaga – 抽取圖片

此操作後:

生成變灰的css

*.source.cs → *.gray.css

生成變灰的圖片並替換css中的路徑

url(原地址) → url(img-css文件名/gray/)

若同時使用同步功能則自動同步至相關服務器並生成提單文件列表

網站頁面變灰則只需在哀悼日改變css的文件名為*.gray.css,並上傳gray目錄的圖片,哀悼日後改回原文件名即可

CssGaga – 哀悼日一鍵變灰 View more videos from ytzong

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved