宜蘭縣教育支援平台 會員登入 會員註冊 我的i教書

« 上一篇 | 下一篇 »

說來興奮,
也不知哪根筋不對了,
想到別人的網誌都有弄上班級的照片,只是覺得很special,也具有個別的特色,
今天心血來潮,
自己試看看把自己的blog版,給他改了一下,

試了好久,好久,好久,
弄到html的版,剛開始眼睛是花的,
有點膽怯,
但只要把最新的原始檔copy到word後,我就不怕了.

首先進入到網誌的lifetype admin後,也就是登入,(下圖圖示1,2)
外觀管理/修改網誌樣式.........就可以開始玩了,
而且我發現他還可以選擇備份檔,那我就更無後顧之憂了(因為每修改一次,他就會儲存一次,就不怕被我玩壞了.) (下圖圖示3)

1.貼上班級的照片
先找到
#container 的background-iimage: url(貼上班上照片的網址)(圖示4)
......>班上的照片得先存在網誌的檔案夾,並且設成740*240,依各個網誌圖檔的大小而訂我的圖原本是740*260,而貼上740*240會讓圖縮小,所以要將整個文章往上提,就要找到
#banner 
 HEIGHT: 140px;......>(把原本的180px改成想到的高度,就可以把整個文章往上提)(圖示5)

2.修改部落格的title(圖示6,因為圖的關係,無法抓合部的字,後面就用想的囉!)
#banner A {COLOR: #ffffff; TEXT-DECORATION: none}
#banner A:link {
 COLOR: #ffffff;
 TEXT-DECORATION: none;
}
#banner A:visited {
 TEXT-DECORATION: none;
 color: #ffffff;
}
#banner A:active {
}
#banner A:hover {
 COLOR: #ABCEE9;
 TEXT-DECORATION: underline;

......>banner A:visited和banner A:active是呈現#FFFFFF白色; banner A:hover是滑鼠滑過去後的顏色呈現#ABCEE9淺藍色,兩個不同喔!

3.修改每篇文章的TITLE
找到
.title後可修改顏色及想要的狀態 (字的顏色,字的大小等)

4.修改每篇文章的內容
找到
.main後可修改顏色及想要的狀態(字的顏色,字的大小等)

5.將小時鐘弄成適當大小,並且往上調整
先將小時鐘的原始碼copy到記事本,(研習檔案中)
再將小時鐘剪剪貼貼,試試看,我把<embed.......>整個剪掉就成功了呢!另外可以調整高度和寬度,目前我的部落格小程式的高度是150,寛度是180.

================================================

為了同好,所以我去研究phtocap的圖怎麼操作(本人最近在玩此自由軟體,很方便的呢!)
但為了不讓自己操死,所以我只貼一張教學步驟圖,
看得懂的,謝謝你,磁場跟我很合(希望你們看得懂)
看不懂的,就當作佳蓉在亂畫吧!
PS:我從來沒參加過這種研習,都是自己亂玩出來的,如果有人會更簡單的方式,再告訴我.




 
 
 
用LINE傳送

  1. Re: 小壁虎

    不要放棄啦!不會很難的,
    我花5個小時,
    下次我跟你說,你只要5分鐘就好.
    真的!

    [回覆] chr1029 迴響於 05 二月, 2009 23:27

  2. 小壁虎老師 Re:

    眼花~~~放棄~~~~~

    [回覆] 小壁虎老師 迴響於 05 二月, 2009 22:59

  3. wills Re:

    你想太多了喔...
    對於html,我也只是大致認識它的架構,大概了解那裡可以東剪西貼而已,做個小修改、複製、貼上、刪除。對於css,我也以同樣的目標自我期許著(哇,好偉大的目標,還得用期許來面對哩...)。別再說什麼什麼的料了,也就剛好人在什麼位置,對那個位置的事熟一些而已,胡扯間扯出一點術語出來,麻煩請別以為我對那些東西很熟啊...

    [回覆] wills 迴響於 02 二月, 2009 18:52

  4. chr1029 Re: wills

    哇!css 聽起來挺難的
    資訊組的就是不一樣,
    我只要會一點html我就覺得自己很厲害了啊!至少一個電腦白痴能亂玩html編輯就很偷笑了.
    你果然是資訊組的料.呵呵呵.

    [回覆] chr1029 迴響於 02 二月, 2009 17:26

  5. wills Re:

    我上個回應附的連結裡有下載點,請自用。
    另,最近在啃一些css語法教學的東西,如http://css.1keydata.com/tw/ 和html果真有些不同,看來,學點皮毛能東剪西貼就很高興了。

    [回覆] wills 迴響於 02 二月, 2009 07:47

  6. chr1029 Re: wills

    你說的自由軟體,我知道,
    上次試過一次,很好用,
    也因為他是抓取時間點的畫面,所以連影片也可以畫重點,不過就是會停在抓取的那個時間點,
    只是我突然找不到那個自由軟體,
    而photocap是我最近在摸的,
    趁此機會,玩看看,也玩出一條路,
    但還不熟就是了.

    [回覆] chr1029 迴響於 02 二月, 2009 02:56

  7. wills Re:

    哇,這樣就清楚多了....
    不過,用pointofix可能會方便一些。但pointofix最大的缺點就是加上的文字大小無法控制...
    http://blog.ilc.edu.tw/blog/blog/3228/post/10133/44932

    [回覆] wills 迴響於 31 元月, 2009 08:13

  8. wills Re:

    叫我試?我已在前一個回應裡說了,做那樣子的介紹會累死人,何況還是自己不熟悉的東西。另,我還欠了一些債,承諾要做的一個介紹還沒搞好,若再加上其他的,會死人啊...

    [回覆] wills 迴響於 30 元月, 2009 23:23

  9. chr1029 Re: wills

    對呀!不過我原本設定是,有那麼一天,
    佳蓉我忘記了,我還可以詢著以前的軌跡做一次,而我自己也不是專業的講師,所以先做給自己看,
    你所說的有圖片,那真的是會挺麻煩的.因為每個人的需求不同,
    所以我想如果你想要試試看,可以用搜尋引擊找和我相似的語法.
    例如:如果你想換圖片,可以複製語法,貼到尋找,找到語法就可以換你想要的路徑,
    但如果你想試試看的話,你可以做看看啦!

    [回覆] chr1029 迴響於 30 元月, 2009 19:31

  10. wills Re:

    分享很棒,可是對我這種沒參加這種研習的人來說,有點霧裡看花,如果有圖片讓人看實際操作時所要操作的步驟位置,並做前後比照,這樣比較容易看懂。(不過,做這樣的介紹會累死人...)

    [回覆] wills 迴響於 30 元月, 2009 18:07