目前分類:基米拉的教室 (4)

瀏覽方式: 標題列表 簡短摘要

為VIP,總算可以有一點比較炫的特權了
就是能使用JavaScript

不過,基米拉當初學JavaScript時
很不認真
所以學得很差(偶是買書回來K的)
為了能使用JS,基米拉是應該再把書翻一翻

JS到底有什麼用咧,它又是什麼鳥東西??
------------------------------------
我是金豬影帝基米拉,後面那個是我的好幫手﹕Google
聽講資料找得不錯,來,看一下

1.Javascript 可視為 HTML 原始碼的一部分 
2.開放原始碼
3.是程式碼的一種,但是和Java共用性很少(某些屬性相通)
  ,也不是Sun所開發,而是由 Netscape發展
4.基本語法類似C++或Java,可支援物件觀念
5.JavaScript直接建在瀏覽器上,所以有時候會看到這樣的東西
  "本網頁需要以支援JavaScript的瀏覽器瀏覽"
  Firefox和IE都支援,但是IE不全部支援(ooxx....)
-------------------------------------------------

利用JS,可以讓網頁變得生動一點
瀏覽者也可以和網頁設計者有更多的互動

一言以蔽之,JavaScript用下去,網頁就會"虎力雅補(Up)"啦 XDD
(缺點也一堆就是,基米拉下次再說)

下課啦~



gimila 發表在 痞客邦 留言(0) 人氣()

框老是用別人的,久了也會覺得怪怪的
就像買衣服,總是不想要撞衫
相框也不會想別人一樣的(除非他的真的好好看
)

這是我自己做的二個相框

左邊的一般的相框
右邊相框,則是當你的mouse移到上面時會呈現的相框
這二個都是用PhotoImpact來完成的

如果以上二個圖有興趣,基米拉非常歡迎大家拿去用
請在留言版和基米拉告知一下就可以了
(圖上的簽名,是為了防盜圖而附上的
 和基米拉說一聲,基米拉非常願意分享,請勿盜圖)
--------------------------------------------------------
如果今天已經完成相框,那要怎麼改呢?
一樣的,要對CSS下手
跟著基米拉的Step教學吧~

Step 1: 
首先先把你的相框傳到無名的相本中吧
存好後,去看一下相框的照片
對照片
按右鍵->選內容,有沒有看到有一個"網址"Copy 一下

Step 2:
登入到相簿,選擇"樣式管理"
進去後,再選"修改CSS樣式表"
看到一堆火星文了吧,相信我,我對它們也很不爽
建議啦...把火星文整個Copy起來(全選:Ctrl+A)
然後丟到筆記本,比較好看啦,也可以做Search的功能,方便很多

Step 3:
在CSS火星文裡,請找到
.side A這個東東
它有4個小分支,分別是:
.side A:link
.side A:active
.side A:visited
.side A:hover
有沒有發現,這四個分支裡,都有一個
BACKGROUND: url(http://pic32.pic.wretch.cc/photos/xxx.jpg)

對了,你得到它了
Step 1是不是有記得一個網址呢?(忘記的話..........重抄一次吧XD)
把它貼上去吧,四個分支都可以把原來的連結換成你想要的
就是那麼簡單的啦 XDDDD

Step 4:
那四個分支分別幹啥米用的啊>__
問得好:
link: 就是所有連結,在相簿裡看得的封面相片下的相框都是這個
active: 就是你目前點下去,作用中的相簿的背景
visited:就是已經點過(參觀過)相簿的背景
hover:就是目前mouse所在的相簿的背景

以基米拉的相簿來說,link、active、visited都是用上方左邊的相框
hover則是用右邊的相框

所以當你mouse滑過某一本相簿
那本相簿就會從左邊的相框,變成右邊的相框

了解了嗎? ^^
基米拉教室下課啦~~





gimila 發表在 痞客邦 留言(0) 人氣()

看看BLOG的右邊或是左邊是不是想把某些用不到方塊幹掉呢
可惜,基米拉也無法把它完全移除
但是基米拉卻可以把它隱藏喔~,看下去就知道

在教學前,基米拉要說明一件事
CSS只是樣式表,它能管理色彩、字型、對齊等性質
但是它不是程式
它也不能增加刪除任何BLOG中的元件
CSS詳細語法,基米拉在這裡並不講(也不一定會XD)
了解後就向下GO~

CSS的語法中
有一個叫display:none
也就是把不顯示某個語法所描述的東西
這是關鍵囉,看到這裡就完成第一部分了
第二部分,就是找到想隱藏的東西,是在哪一個CSS描述裡

接下來,打開BLOG吧
以步驟來講,比較好懂
假設今天,我們想要幹掉"最新的回應"這個方塊
Step1:
先在BLOG中,按右鍵,選"檢視原始檔"
會出現一個記事本,記了一堆火星文

Step2:
記事本裡找一下"最新的回應"這五個字
怎麼找喔?  嗯  大絕招:Ctrl+f 

Step3:
找到了之後,看一下圖


有沒有和你記事本上的字一樣
圖中紫色的地方,就是"最新的回應"這標題的大本營
然後圖下方有一個地方是boxNewComment1
這就是"最新的回應"這方塊整個的大本營
找到大本營了,就看下一步如何料理它了

Step4:
料理方式有三種:殺或不殺或殺一半
ㄜ,是:
只隱藏標題(但底下的那些回應還是會在)
回應方塊隱藏(但標題還是在)
二個都幹掉(什麼都看不見,你看不見我咧~)
看一下圖

這裡例子沒搞好
以上面的"最新的回應"來講好了
剛剛找到他的大本營是boxNewComment0
那要隱藏標題
.boxNewComment0 .sidetitle{display:none}
但是下面的回應方塊還是會出來吵你
  要全部隱藏就
.boxNewComment0 .sidetitle{display:none}
.boxNewComment1 {display:none}
其他就類推了~
看要幹掉標題、方塊、還是全砍了(你還是看不見我XD)
都可以囉

對了,知道在什麼地方改CSS樣式吧~~吧....吧?
如果不知道的話.......
我要先跑了,Bye~XDDDD

然後咧,找到CSS樣式後咧...都沒講
這教學有夠爛的.........

別急拉-.-
以上那些火星文寫在什麼地方好呢~
加的地方太多,那就加在最後吧
(謝的人太多,那就謝天吧)

PS:別問我有沒有火星CSS樣式翻譯機
   我是地球人,還在學火星文



gimila 發表在 痞客邦 留言(0) 人氣()

 搞東搞西的搞了一晚,就只是想Blog搞得自我化一點
如果眼睛夠厲害的話,應該有發覺我左邊那一大條~~中
少了二個搜尋的方塊,多了一個小時鐘
。How to do~~??

先講如何多出小時鐘
這裡都是參考
艾瑪大大的網誌以及無名小站BBS/0BLOG版/精華區
阿里阿多 ^0^
跟著我來做吧
1.請連到這個網站http://www.clocklink.com/
  ,接著點選上方的"Clock Gellary"
2.然後選擇要哪一種時鐘,先看好,然後每個時鐘下面都有一個
  "View HTML tag"
  看要哪一個時鐘就點哪個時鐘下面的那個tag囉
3.點了以後,跑出另一個視窗,在這裡就可以選時鐘的顏色
  另外記得在Time Zone中要選"GMT+08:00"的時區啊(台灣時區)
  Copy下方框框內的全部文字
4.回到自己的Blog中,在你在的左邊或右邊那一大排的方塊中
  找一個叫"資料夾管理的"
  點一下,然後就能做自己新資料夾
  (記得替資料夾取名字,我就用"看看現在幾點了")
5.在新產生的資料夾方塊中,會有一個"連結管理"的小按鈕
  按一下,出現一個可以新增連結的畫面。
  選擇上面的新增,會出現新連結的三個屬性要我們填
  此時把剛剛步驟3Copy下來的東西貼在"名稱"欄上
  其他二個可以不填
6.OK~~然後確定儲存吧
  回到Blog,就有一個時鐘可以來看囉~~

時鐘種類很多
除了大大圓圓的時鐘,也有數位式的時鐘
這可以參考艾瑪的網誌中所提

基米拉小小整理一下前人們做時鐘的過程
有問題的人歡迎來和基米拉聊個天^^


gimila 發表在 痞客邦 留言(7) 人氣()