冷氣房裡真好眠
Spry選單列
類別
While(true)
{
新增ID插入DIV
}
Spry選單列
類別
While(true)
{
新增ID插入DIV
}
烏姑~我上這堂時幾乎完全在睡覺啊!!
時間軸失控~好久好久沒撐這麼久勒
當天實況
早上六點就醒勒
之後10點跑去參加生涯規劃(咦!?我明明是要去問電腦的不是)
因為在耗下去我會掛掉所以決定被說服買筆電了
之後居然去富邦開個戶可以等上兩小時
最後再去上課時已經完全昏迷~睡夢中度過課程後來到22點
.........再來我就發飆了
要聊天就別叫別人等
每次都發呆發一個小時多你以為就很輕鬆啊
所以總之~以下憑周公跟我說的為準XD
時間軸失控~好久好久沒撐這麼久勒
當天實況
早上六點就醒勒
之後10點跑去參加生涯規劃(咦!?我明明是要去問電腦的不是)
因為在耗下去我會掛掉所以決定被說服買筆電了
之後居然去富邦開個戶可以等上兩小時
最後再去上課時已經完全昏迷~睡夢中度過課程後來到22點
.........再來我就發飆了
要聊天就別叫別人等
每次都發呆發一個小時多你以為就很輕鬆啊
所以總之~以下憑周公跟我說的為準XD
一樣先設個ID在插入DIV之後~在這個區域插入----版面物件----Scry選單列
接下來看要幾個選單~就調幾個~
特別注意~想要調整選單列的顏色、寬度.....的css必須去調SpryAssets那邊的
由於相當多選項所以大概要調的是
MenuBarHorizontal li
margin: 0;
padding: 0;
text-align: center;
cursor: pointer;
width: 149px;
MenuBarHorizontal a
background-color: #B3D5D3;
color: #345F5E;
margin-right: 1px;
MenuBarHorizontal ul li
border-bottom-width: 1px;
border-bottom-style: solid;
僅供參考
由於相當多選項所以大概要調的是
MenuBarHorizontal li
margin: 0;
padding: 0;
text-align: center;
cursor: pointer;
width: 149px;
MenuBarHorizontal a
background-color: #B3D5D3;
color: #345F5E;
margin-right: 1px;
MenuBarHorizontal ul li
border-bottom-width: 1px;
border-bottom-style: solid;
僅供參考
接下來瘋狂的設id (調整好css)然後插入div
特別注意寬度、外距、浮動視窗(Float)
特別注意寬度、外距、浮動視窗(Float)
接下來為了好看~
在網頁導覽的div內插入一個2列一欄的表格
在網頁導覽的div內插入一個2列一欄的表格
接下來在第一列打上網頁導覽~然後把表頭打勾
在第二列把內容打上
最後新增css 類別 .table
在第二列把內容打上
最後新增css 類別 .table
調整css
例如像這樣
.table {
width: 100%;
border-top-width: 2px;(邊框寬度)
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 2px;
border-right-style: solid;(這是邊框樣式)
border-bottom-style: solid;
border-right-color: #589E9C;
border-bottom-color: #589E9C;
}
然後按一下剛剛表格的標籤~把類別調成table
例如像這樣
.table {
width: 100%;
border-top-width: 2px;(邊框寬度)
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 2px;
border-right-style: solid;(這是邊框樣式)
border-bottom-style: solid;
border-right-color: #589E9C;
border-bottom-color: #589E9C;
}
然後按一下剛剛表格的標籤~把類別調成table
在新增一個類別.table th
用來設定標題的css~方便往後套用
.tableth {
font-weight: bold;(粗體)
color: #101F1F;
background-color: #6AACAA;(背景顏色)
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
用來設定標題的css~方便往後套用
.tableth {
font-weight: bold;(粗體)
color: #101F1F;
background-color: #6AACAA;(背景顏色)
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
之後點一下第一行(就是網頁導覽)把類別設為table th即可
然後關於下面的部份一樣新增一個類別.p
.p {
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
把下面幾行反白~設定類別
然後關於下面的部份一樣新增一個類別.p
.p {
margin-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
把下面幾行反白~設定類別
之後建立中間內容的部份重點一樣就是寬度&浮動視窗&外距&背景顏色
接下來做會員中心~
跟之前的網頁導覽差不多~先加入2列一欄表格~類別設定跟剛剛同
而第二行~先插入一個表單
設定帳號密碼的輸入
插入一個按鈕來送出
跟之前的網頁導覽差不多~先加入2列一欄表格~類別設定跟剛剛同
而第二行~先插入一個表單
設定帳號密碼的輸入
插入一個按鈕來送出
要把按鈕設為中央方法一樣用快速設定標籤即可
然後要為按鈕設定一個類別.button
調整成需要的樣子
.button {
color: #3F7271;
background-color: #88BDBC;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border: 1px solid #91C1C0;
}
按一下按鈕設為.button
然後要為按鈕設定一個類別.button
調整成需要的樣子
.button {
color: #3F7271;
background-color: #88BDBC;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border: 1px solid #91C1C0;
}
按一下按鈕設為.button
最後是增加一個版權宣告區~
#footer {
color: #427574;
background-color: #BBD9D8;
text-align: center;
width: 900px;
margin-top: 5px;
clear: both;
}
這次不用設浮動視窗~而是要把重複到的部份清除
#footer {
color: #427574;
background-color: #BBD9D8;
text-align: center;
width: 900px;
margin-top: 5px;
clear: both;
}
這次不用設浮動視窗~而是要把重複到的部份清除
看起來就會變得跟講師做的一樣了!
(睡昏頭~卻還能跟上大部分得進度耶!!)
(睡昏頭~卻還能跟上大部分得進度耶!!)
本堂完~~(應該)
之後等人完後~大約半夜12點10分到家~睡
再次回覆意識~是下午2~3點了耶XD
(換句話說我睡了將近14個小時啊滿足)
~~希望筆電能早日弄到
不過~這台的資料要怎麼弄過去啊囧
隨身硬碟我還沒買新的耶!
而且說實在W7要重新適應好麻煩(懶鬼開)
.....
另外聽說我被點了......
我想想喔要發在哪裡勒
話說光第一題點15人我就不想答了說(喂
之後等人完後~大約半夜12點10分到家~睡
再次回覆意識~是下午2~3點了耶XD
(換句話說我睡了將近14個小時啊滿足)
~~希望筆電能早日弄到
不過~這台的資料要怎麼弄過去啊囧
隨身硬碟我還沒買新的耶!
而且說實在W7要重新適應好麻煩(懶鬼開)
.....
另外聽說我被點了......
我想想喔要發在哪裡勒
話說光第一題點15人我就不想答了說(喂