close
下面語法是從CSS達人那邊摘取的
希望有連結的朋友都能夠附上資料來源的網址
畢竟達人要把這麼多的字母 KEY 上去
真的很辛苦
http://www.wretch.cc/hala/viewtopic.php?t=419602
-------------/*留言板常用的修改*/-------請告訴我.還有哪裡要改進-----
{;/*測試用藍色虛線框框*/border:2px #AC55FF dashed ! important;}
希望設計者能明白.美不美只差十分.能不能用是差六十分.
任何項目的移動(包含小零件).
如果你從左邊大偏到中間或右邊.或從右邊大偏到到中間或左邊.或從中間靠到右邊與左邊.
那麼在別人的瀏覽器裡看到的你注定要"跑框"
建議你能從別人的觀點來調整別人能接受的畫面
例如: 950請用"右邊減回RIGHT:50".否則他家如果是別種瀏覽器那你就跑框了....
例如: 50請不要不要用中間減450........請用"左邊加LIFT:50"
例如: 400或 600請用"中間減RIGHT:100或加LIFT:100"
原則上:不要用大數字.請用"左.中.右邊加或減一點點."
啊都靠左邊吼做推推margin-RIGHT : **px;靠右邊吼做推推margin-LIFT : **px;
你在游泳池裡要游向哪邊.那你要向哪邊踢牆踢水呢.請用魚的想法去想.
/*一般的瀏覽器雙語法主體靠中偏右*/
body{
width:652px;
margin: 1 auto 1 232px;
*margin-left: 102px;}
/*整體區塊的中心點與畫面的中心點重疊時為 0 */
/*不用再算了啦.整組拿去用吧*/
/*要整組一起用喔*/
/*整體位置在中間*/body{/*寬度*/width:650px;
/*火狐位置的中間*/margin: 0 auto 0 auto ;
/*IE7的 0px中間*/ *margin-left: 0px;}
/*整體位置在中間靠右px50*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠右px50*/margin: 0 auto 0 225 ;
/*IE7的 0px中間靠右px50*/ *margin-left: 100px;}
/*整體位置在中間靠右px100*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠右px100*/margin: 0 auto 0 275 ;
/*IE7的 0px中間靠右px100*/ *margin-left: 200px;}
/*整體位置在中間靠右px150*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠右px150*/margin: 0 auto 0 325 ;
/*IE7的 0px中間靠右px150*/ *margin-left: 300px;}
/*整體位置在中間靠左px50*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠左px50*/margin: 0 225 0 auto ;
/*IE7的 0px中間靠左px50*/ *margin-right: 100px;}
/*整體位置在中間靠左px100*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠左px100*/margin: 0 275 0 auto ;
/*IE7的 0px中間靠左px100*/ *margin-right: 200px;}
/*整體位置在中間靠左px150*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠左px150*/margin: 0 325 0 auto ;
/*IE7的 0px中間靠左px150*/ *margin-right: 300px;}
/*文字字型基本參考選一*/ A {font-family: 細明體,新細明體,標楷體,,,,,,,,Georgia,verdana,arial,helvetica,sans-serif;}
/*橫幅標題文字字型基本參考選一*/#banner a {font-family: 細明體,新細明體,標楷體,,,,,,,,Georgia,verdana,arial,helvetica,sans-serif;}
/*相片名稱和張數文字字型基本參考選一*/ b .small-c{font-family: 細明體,新細明體,標楷體,,,,,,,,Georgia,verdana,arial,helvetica,sans-serif;}
/*貼上你要改的項目文字字型基本參考選一*/ 貼上你要改的項目文字字型基本參考選一{font-family: 細明體,新細明體,標楷體,,,,,,,,Georgia,verdana,arial,helvetica,sans-serif;}
---------------------------請告訴我.還有哪裡要改進-------------
/*網頁捲軸*/HTML {參考:捲軸設定}
http://www.wretch.cc/hala/viewtopic.php?t=396829
/*滑鼠移到文字上方*/
/*滑鼠移到文字上方文字浮起*/a:hover {border: 3px outset;}
/*滑鼠移到文字上方加背景圖*/a:hover {background: url(圖片網址) no-repeat 90% 20% ! important;}
/*滑鼠移到文字上方更換游飆*/a:hover {cursor: url('游標網址')! important;}
/*滑鼠移到文字上方文字顏色*/a:hover {color: #ac55ff ! important;}
/*滑鼠移到文字上方底限取消*/a:hover {text-decoration: none ! important;}
/*連結列高度*/#MENU{HEIGHT: 100}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(可個別或一起用)*/
---------------------------請告訴我.還有哪裡要改進-------------
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字右邊用終點寬度設定配合 100% 50%)*/
#linkMypage, #linkAlbum, #linkBlog, #linkGbook, #linkUser, #linkFriend ,#linkVideo { padding-right:22px; background: url(圖片網址) no-repeat 100% 50% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字左邊用起點寬度設定配合 0% 50%)*/
#linkMypage, #linkAlbum, #linkBlog, #linkGbook, #linkUser, #linkFriend ,#linkVideo { padding-left:22px; background: url(圖片網址) no-repeat 0% 50% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字上方用上留高度設定配合 50% 0%)*/
#linkMypage, #linkAlbum, #linkBlog, #linkGbook, #linkUser, #linkFriend ,#linkVideo { padding-top:22px; background: url(圖片網址) no-repeat 50% 0% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字下方用下方高度設定配合 50% 100%)*/
#linkMypage, #linkAlbum, #linkBlog, #linkGbook, #linkUser, #linkFriend ,#linkVideo { padding-bottom:22px; background: url(圖片網址) no-repeat 50% 100% ! important;}
/*首頁.連結加小圖(圖在字左邊)*/
#linkMypage
{text-align:right ! important;width: 62px ! important;background: url(圖片網址) no-repeat 0% 50% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加寬度(用個別寬度設定)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{width: 62px ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字左邊)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{text-align:right ! important;width: 62px ! important;background: url(圖片網址) no-repeat 0% 50% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字右邊)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{text-align: left ! important;width: 62px ! important;background: url(圖片網址) no-repeat 100% 50% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字下方)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{text-align: center ! important;height: 62px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 100% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字上方)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{padding-top: 42px ! important;text-align: center ! important;height: 62px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加寬度(用文字間距)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{letter-spacing: 22PX ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在文字中間)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{letter-spacing: 22PX ! important;background: url(圖片網址) no-repeat 50% 50% ! important;}
/*首頁.連結加小圖(圖在兩個分開的文字上跳來跳去)*/
#linkMypage
{letter-spacing: 18PX ! important;text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*留言.連結加小圖(圖躲在字後上方)*/
#linkGbook
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 27px ! important;text-align: center ! important;height: 62px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*影音.連結加小圖(圖在斜火紅字後上方)*/
#linkVideo
{letter-spacing: 28PX ! important;text-decoration: none;font-size: 22px ! important;color: #FA0300 ! important;padding-top: 29px ! important;text-align: center ! important;height: 75px ! important;width: 67px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
---------------------------請告訴我.還有哪裡要改進-------------
{;/*測試用藍色虛線框框*/border:2px #AC55FF dashed ! important;}
/*自由移動.首頁.連結加小圖(圖在字上方)*/
#linkMypage
{letter-spacing: 18PX ! important;text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 22px;}
/*自由移動.相簿.連結加小圖(圖在字上方)*/
#linkAlbum
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 102px;}
/*自由移動.網誌.連結加小圖(圖在字上方)*/
#linkBlog
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 182px;}
/*自由移動.留言.連結加小圖(圖在字上方)*/
#linkGbook
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 27px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 40% ! important;twohand2012;position: absolute;left: 47px;top: 262px;}
/*自由移動.名片.連結加小圖(圖在字上方)*/
#linkUser
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 342px;}
/*自由移動.好友.連結加小圖(圖在字上方)*/
#linkFriend
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 422px;}
/*自由移動.影音.連結加小圖(圖在字上方)*/
#linkVideo
{letter-spacing: 28PX ! important;text-decoration: none;font-size: 22px ! important;color: #FA0300 ! important;padding-top: 29px ! important;text-align: center ! important;height: 82px ! important;width: 67px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 502px;}
---------------------------請告訴我.還有哪裡要改進-------------
{;/*測試用藍色虛線框框*/border:2px #AC55FF dashed ! important;}
/*整體卷軸*/body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffebf5;
scrollbar-shadow-color: #ffebf5;
scrollbar-3dlight-color: #ffebf5;
scrollbar-arrow-color: #ffcde5;
scrollbar-track-color: #ffebf5;
scrollbar-darkshadow-color: #ffffff;}
/*整體游標*/body {cursor:url("游標網址");}
/*整體文字大小顏色*/body {font-size: 16PX;color:#895117 ;}
/*整體文字靠中*/ body {text-align:center;}
/*整體文字間距*/body {letter-spacing: 2PX;}
/*整體文字行高*/body {line-height: 100%;}
/*整體文字離上離左*/body {padding-top: 2px;padding-left: 2px;}
/*整體背景圖片*/body {background: url(圖片網址) fixed no-repeat 0% 100%;}
/*整體區塊離上離中*/body {*margin-top: 2px;*margin-left: 2px;}
/*整體區塊靠邊*/body {align: center;}
/*桌面區塊靠邊*/ table {width: 642px;align: center;}
/*點入留言區塊靠邊*/form table {width: 642px;align: center;}
/*桌面區塊文字行高*/ table {LINE-HEIGHT: 150% ! important;}
/*文字基本參考*/ A {color: #777777 }
---------------------------請告訴我.還有哪裡要改進-------------
/*滑鼠移到文字上方*/
/*滑鼠移到文字上方文字浮起*/a:hover {border: 3px outset;}
/*滑鼠移到文字上方加背景圖*/a:hover {background: url(圖片網址) no-repeat 90% 20% ! important;}
/*滑鼠移到文字上方更換游飆*/a:hover {cursor: url('游標網址')! important;}
/*滑鼠移到文字上方文字顏色*/a:hover {color: #ac55ff ! important;}
/*滑鼠移到文字上方底線取消*/a:hover {text-decoration: none ! important;}
/*滑鼠移到文字上方起點跟隨*/a:hover {twohand2012;position: relative ! important;}
---------------------------請告訴我.還有哪裡要改進-------------
/*(通用)輸入按鈕調字加框加游標調底色*/
input,select {
font-size: 16px ! important;color: #ff73b7 ! important;
border: #ffcde5 1px dashed;cursor: url('游標網址');background-color: #ffebf5;}
/*好友的留言板自由移動*/select {twohand2012;position: absolute;left: 182px;top: 7px;}
/*自己的留言自由移動*/#search select {twohand2012;position: absolute;left: 52px;top: 27px;}
/*搜尋按鍵自由移動*/#search {twohand2012;position: absolute;left: 522px;top: 7px;}
/*橫幅區文字大小顏色*/#banner {font-size: 18px;color: #FF7573;}
/*橫幅區文字靠邊粗細*/#banner {font-weight: 700;text-align: left;}
/*橫幅區文字底線取消*/#banner {text-decoration: none ! important;}
/*橫幅區區塊寬度高度*/#banner {height: 62px;}
/*橫幅區區塊加背景圖*/#banner {background: url(圖片網址) no-repeat 40% 90% ! important;}
---------------------------請告訴我.還有哪裡要改進-------------
/*留言板標題直行放旁邊*/
/*橫幅標題文字大小顏色*/#banner a {font-size: 47px;color: #FF7573;}
/*橫幅標題文字底線取消*/#banner a {text-decoration: none ! important;}
/*橫幅標題文字文字行高*/#banner a {LINE-HEIGHT: 120% ! important;}
/*橫幅標題文字靠邊靠上*/#banner a {text-align: RIGHT;padding-top: 54px ! important;}
/*橫幅標題文字寬度高度*/#banner a {height: 382px ! important;width: 52px ! important;}
/*橫幅標題文字加背景圖*/#banner a {background: url(圖片網址) no-repeat 50% 0% ! important;}
/*橫幅標題文字自由移動*/#banner a {twohand2012;position: absolute;left: 112px;top: 12px;}
---------------------------請告訴我.還有哪裡要改進-------------
/*首頁.連結加小圖(圖在字上方)*/
#linkMypage
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*相簿.連結加小圖(圖在字上方)*/
#linkAlbum
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*網誌.連結加小圖(圖在字上方)*/
#linkBlog
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*留言.連結加小圖(圖在字上方)*/
#linkGbook
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 27px ! important;text-align: center ! important;height: 62px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*名片.連結加小圖(圖在字上方)*/
#linkUser
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*好友.連結加小圖(圖在字上方)*/
#linkFriend
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*影音.連結加小圖(圖在字上方)*/
#linkVideo
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 75px ! important;width: 67px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
---------------------------請告訴我.還有哪裡要改進-------------
/*留言數.描述直行放右邊可直放一排小玩意*/
/*留言數.描述文字大小顏色*/ .description {font-size: 18px ! important;color: #FF7573 ! important;}
/*留言數.描述文字文字行高*/ .description {LINE-HEIGHT: 150% ! important;}
/*留言數.描述區塊寬度高度*/ .description {width: 182px ! important;height: 312px ! important;}
/*留言數.描述區塊加背景圖*/ .description {background: transparent url(圖片網址) no-repeat 0% 50% ! important;}
/*留言數.描述區塊自由移動*/ .description {twohand2012;position: absolute;left: 807px;top: 12px;}
/*隱藏新功能!好友廣播*/#postmsg a font{display:none;}
/*縮小新功能!好友廣播文字仍具功能*/#postmsg a font{font-size: 2px ! important;color: #FF7573 ! important;}
/*讓背景圖只有一個*//*把圖設在#postmsg 而不是#postmsg a */
/*我要留言字樣改成圖獨立移動*/
#postmsg a {font-size:13px; ! important;color: #ffffff ! important ;}
#postmsg {height: 100px;width: 100px;
background: url(圖片網址) no-repeat 50% 100%;
/*要移動才用*/twohand2012;position:absolute;left: 580px;top: 140px;}
/*我要留言字樣區塊高度寬度*/#postmsg {height: 192px ! important;width: 122px ! important;}
/*我要留言字樣區塊加背景圖*/#postmsg {background: url(圖片網址) no-repeat 50% 100% ! important;}
/*我要留言字樣區塊自由移動*/#postmsg {twohand2012;position: absolute;left: 12px;top: 302px;}
/*我要留言字樣文字大小顏色*/ #postmsg a {font-size:22px ! important; !important;color: #ff73b7 ! important;}
/*我要留言字樣文字底線取消*/ #postmsg a {text-decoration: none ! important;}
---------------------------請告訴我.還有哪裡要改進-------------
/*點進留言的標題直行放旁邊*/
/*點進留言的標題文字大小顏色*/ .big-e {font-size: 42px ! important;color: #FF7573 ! important;}
/*點進留言的標題文字靠邊靠上*/ .big-e {text-align: center ! important;padding-top: 64px ! important;}
/*點進留言的標題文字高度寬度*/ .big-e {width: 64px;}
希望有連結的朋友都能夠附上資料來源的網址
畢竟達人要把這麼多的字母 KEY 上去
真的很辛苦
http://www.wretch.cc/hala/viewtopic.php?t=419602
-------------/*留言板常用的修改*/-------請告訴我.還有哪裡要改進-----
{;/*測試用藍色虛線框框*/border:2px #AC55FF dashed ! important;}
希望設計者能明白.美不美只差十分.能不能用是差六十分.
任何項目的移動(包含小零件).
如果你從左邊大偏到中間或右邊.或從右邊大偏到到中間或左邊.或從中間靠到右邊與左邊.
那麼在別人的瀏覽器裡看到的你注定要"跑框"
建議你能從別人的觀點來調整別人能接受的畫面
例如: 950請用"右邊減回RIGHT:50".否則他家如果是別種瀏覽器那你就跑框了....
例如: 50請不要不要用中間減450........請用"左邊加LIFT:50"
例如: 400或 600請用"中間減RIGHT:100或加LIFT:100"
原則上:不要用大數字.請用"左.中.右邊加或減一點點."
啊都靠左邊吼做推推margin-RIGHT : **px;靠右邊吼做推推margin-LIFT : **px;
你在游泳池裡要游向哪邊.那你要向哪邊踢牆踢水呢.請用魚的想法去想.
/*一般的瀏覽器雙語法主體靠中偏右*/
body{
width:652px;
margin: 1 auto 1 232px;
*margin-left: 102px;}
/*整體區塊的中心點與畫面的中心點重疊時為 0 */
/*不用再算了啦.整組拿去用吧*/
/*要整組一起用喔*/
/*整體位置在中間*/body{/*寬度*/width:650px;
/*火狐位置的中間*/margin: 0 auto 0 auto ;
/*IE7的 0px中間*/ *margin-left: 0px;}
/*整體位置在中間靠右px50*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠右px50*/margin: 0 auto 0 225 ;
/*IE7的 0px中間靠右px50*/ *margin-left: 100px;}
/*整體位置在中間靠右px100*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠右px100*/margin: 0 auto 0 275 ;
/*IE7的 0px中間靠右px100*/ *margin-left: 200px;}
/*整體位置在中間靠右px150*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠右px150*/margin: 0 auto 0 325 ;
/*IE7的 0px中間靠右px150*/ *margin-left: 300px;}
/*整體位置在中間靠左px50*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠左px50*/margin: 0 225 0 auto ;
/*IE7的 0px中間靠左px50*/ *margin-right: 100px;}
/*整體位置在中間靠左px100*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠左px100*/margin: 0 275 0 auto ;
/*IE7的 0px中間靠左px100*/ *margin-right: 200px;}
/*整體位置在中間靠左px150*/body{/*寬度;twohand2012;*/width:650px;
/*火狐位置的中間靠左px150*/margin: 0 325 0 auto ;
/*IE7的 0px中間靠左px150*/ *margin-right: 300px;}
/*文字字型基本參考選一*/ A {font-family: 細明體,新細明體,標楷體,,,,,,,,Georgia,verdana,arial,helvetica,sans-serif;}
/*橫幅標題文字字型基本參考選一*/#banner a {font-family: 細明體,新細明體,標楷體,,,,,,,,Georgia,verdana,arial,helvetica,sans-serif;}
/*相片名稱和張數文字字型基本參考選一*/ b .small-c{font-family: 細明體,新細明體,標楷體,,,,,,,,Georgia,verdana,arial,helvetica,sans-serif;}
/*貼上你要改的項目文字字型基本參考選一*/ 貼上你要改的項目文字字型基本參考選一{font-family: 細明體,新細明體,標楷體,,,,,,,,Georgia,verdana,arial,helvetica,sans-serif;}
---------------------------請告訴我.還有哪裡要改進-------------
/*網頁捲軸*/HTML {參考:捲軸設定}
http://www.wretch.cc/hala/viewtopic.php?t=396829
/*滑鼠移到文字上方*/
/*滑鼠移到文字上方文字浮起*/a:hover {border: 3px outset;}
/*滑鼠移到文字上方加背景圖*/a:hover {background: url(圖片網址) no-repeat 90% 20% ! important;}
/*滑鼠移到文字上方更換游飆*/a:hover {cursor: url('游標網址')! important;}
/*滑鼠移到文字上方文字顏色*/a:hover {color: #ac55ff ! important;}
/*滑鼠移到文字上方底限取消*/a:hover {text-decoration: none ! important;}
/*連結列高度*/#MENU{HEIGHT: 100}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(可個別或一起用)*/
---------------------------請告訴我.還有哪裡要改進-------------
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字右邊用終點寬度設定配合 100% 50%)*/
#linkMypage, #linkAlbum, #linkBlog, #linkGbook, #linkUser, #linkFriend ,#linkVideo { padding-right:22px; background: url(圖片網址) no-repeat 100% 50% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字左邊用起點寬度設定配合 0% 50%)*/
#linkMypage, #linkAlbum, #linkBlog, #linkGbook, #linkUser, #linkFriend ,#linkVideo { padding-left:22px; background: url(圖片網址) no-repeat 0% 50% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字上方用上留高度設定配合 50% 0%)*/
#linkMypage, #linkAlbum, #linkBlog, #linkGbook, #linkUser, #linkFriend ,#linkVideo { padding-top:22px; background: url(圖片網址) no-repeat 50% 0% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字下方用下方高度設定配合 50% 100%)*/
#linkMypage, #linkAlbum, #linkBlog, #linkGbook, #linkUser, #linkFriend ,#linkVideo { padding-bottom:22px; background: url(圖片網址) no-repeat 50% 100% ! important;}
/*首頁.連結加小圖(圖在字左邊)*/
#linkMypage
{text-align:right ! important;width: 62px ! important;background: url(圖片網址) no-repeat 0% 50% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加寬度(用個別寬度設定)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{width: 62px ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字左邊)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{text-align:right ! important;width: 62px ! important;background: url(圖片網址) no-repeat 0% 50% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字右邊)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{text-align: left ! important;width: 62px ! important;background: url(圖片網址) no-repeat 100% 50% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字下方)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{text-align: center ! important;height: 62px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 100% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在字上方)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{padding-top: 42px ! important;text-align: center ! important;height: 62px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加寬度(用文字間距)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{letter-spacing: 22PX ! important;}
/*首頁.相簿.網誌.留言.名片.好友.影音.連結加小圖(圖在文字中間)*/
#linkMypage,#linkAlbum,#linkBlog,#linkGbook,#linkUser,#linkFriend,#linkVideo
{letter-spacing: 22PX ! important;background: url(圖片網址) no-repeat 50% 50% ! important;}
/*首頁.連結加小圖(圖在兩個分開的文字上跳來跳去)*/
#linkMypage
{letter-spacing: 18PX ! important;text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*留言.連結加小圖(圖躲在字後上方)*/
#linkGbook
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 27px ! important;text-align: center ! important;height: 62px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*影音.連結加小圖(圖在斜火紅字後上方)*/
#linkVideo
{letter-spacing: 28PX ! important;text-decoration: none;font-size: 22px ! important;color: #FA0300 ! important;padding-top: 29px ! important;text-align: center ! important;height: 75px ! important;width: 67px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
---------------------------請告訴我.還有哪裡要改進-------------
{;/*測試用藍色虛線框框*/border:2px #AC55FF dashed ! important;}
/*自由移動.首頁.連結加小圖(圖在字上方)*/
#linkMypage
{letter-spacing: 18PX ! important;text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 22px;}
/*自由移動.相簿.連結加小圖(圖在字上方)*/
#linkAlbum
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 102px;}
/*自由移動.網誌.連結加小圖(圖在字上方)*/
#linkBlog
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 182px;}
/*自由移動.留言.連結加小圖(圖在字上方)*/
#linkGbook
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 27px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 40% ! important;twohand2012;position: absolute;left: 47px;top: 262px;}
/*自由移動.名片.連結加小圖(圖在字上方)*/
#linkUser
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 342px;}
/*自由移動.好友.連結加小圖(圖在字上方)*/
#linkFriend
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 422px;}
/*自由移動.影音.連結加小圖(圖在字上方)*/
#linkVideo
{letter-spacing: 28PX ! important;text-decoration: none;font-size: 22px ! important;color: #FA0300 ! important;padding-top: 29px ! important;text-align: center ! important;height: 82px ! important;width: 67px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;twohand2012;position: absolute;left: 47px;top: 502px;}
---------------------------請告訴我.還有哪裡要改進-------------
{;/*測試用藍色虛線框框*/border:2px #AC55FF dashed ! important;}
/*整體卷軸*/body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffebf5;
scrollbar-shadow-color: #ffebf5;
scrollbar-3dlight-color: #ffebf5;
scrollbar-arrow-color: #ffcde5;
scrollbar-track-color: #ffebf5;
scrollbar-darkshadow-color: #ffffff;}
/*整體游標*/body {cursor:url("游標網址");}
/*整體文字大小顏色*/body {font-size: 16PX;color:#895117 ;}
/*整體文字靠中*/ body {text-align:center;}
/*整體文字間距*/body {letter-spacing: 2PX;}
/*整體文字行高*/body {line-height: 100%;}
/*整體文字離上離左*/body {padding-top: 2px;padding-left: 2px;}
/*整體背景圖片*/body {background: url(圖片網址) fixed no-repeat 0% 100%;}
/*整體區塊離上離中*/body {*margin-top: 2px;*margin-left: 2px;}
/*整體區塊靠邊*/body {align: center;}
/*桌面區塊靠邊*/ table {width: 642px;align: center;}
/*點入留言區塊靠邊*/form table {width: 642px;align: center;}
/*桌面區塊文字行高*/ table {LINE-HEIGHT: 150% ! important;}
/*文字基本參考*/ A {color: #777777 }
---------------------------請告訴我.還有哪裡要改進-------------
/*滑鼠移到文字上方*/
/*滑鼠移到文字上方文字浮起*/a:hover {border: 3px outset;}
/*滑鼠移到文字上方加背景圖*/a:hover {background: url(圖片網址) no-repeat 90% 20% ! important;}
/*滑鼠移到文字上方更換游飆*/a:hover {cursor: url('游標網址')! important;}
/*滑鼠移到文字上方文字顏色*/a:hover {color: #ac55ff ! important;}
/*滑鼠移到文字上方底線取消*/a:hover {text-decoration: none ! important;}
/*滑鼠移到文字上方起點跟隨*/a:hover {twohand2012;position: relative ! important;}
---------------------------請告訴我.還有哪裡要改進-------------
/*(通用)輸入按鈕調字加框加游標調底色*/
input,select {
font-size: 16px ! important;color: #ff73b7 ! important;
border: #ffcde5 1px dashed;cursor: url('游標網址');background-color: #ffebf5;}
/*好友的留言板自由移動*/select {twohand2012;position: absolute;left: 182px;top: 7px;}
/*自己的留言自由移動*/#search select {twohand2012;position: absolute;left: 52px;top: 27px;}
/*搜尋按鍵自由移動*/#search {twohand2012;position: absolute;left: 522px;top: 7px;}
/*橫幅區文字大小顏色*/#banner {font-size: 18px;color: #FF7573;}
/*橫幅區文字靠邊粗細*/#banner {font-weight: 700;text-align: left;}
/*橫幅區文字底線取消*/#banner {text-decoration: none ! important;}
/*橫幅區區塊寬度高度*/#banner {height: 62px;}
/*橫幅區區塊加背景圖*/#banner {background: url(圖片網址) no-repeat 40% 90% ! important;}
---------------------------請告訴我.還有哪裡要改進-------------
/*留言板標題直行放旁邊*/
/*橫幅標題文字大小顏色*/#banner a {font-size: 47px;color: #FF7573;}
/*橫幅標題文字底線取消*/#banner a {text-decoration: none ! important;}
/*橫幅標題文字文字行高*/#banner a {LINE-HEIGHT: 120% ! important;}
/*橫幅標題文字靠邊靠上*/#banner a {text-align: RIGHT;padding-top: 54px ! important;}
/*橫幅標題文字寬度高度*/#banner a {height: 382px ! important;width: 52px ! important;}
/*橫幅標題文字加背景圖*/#banner a {background: url(圖片網址) no-repeat 50% 0% ! important;}
/*橫幅標題文字自由移動*/#banner a {twohand2012;position: absolute;left: 112px;top: 12px;}
---------------------------請告訴我.還有哪裡要改進-------------
/*首頁.連結加小圖(圖在字上方)*/
#linkMypage
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*相簿.連結加小圖(圖在字上方)*/
#linkAlbum
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*網誌.連結加小圖(圖在字上方)*/
#linkBlog
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*留言.連結加小圖(圖在字上方)*/
#linkGbook
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 27px ! important;text-align: center ! important;height: 62px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*名片.連結加小圖(圖在字上方)*/
#linkUser
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*好友.連結加小圖(圖在字上方)*/
#linkFriend
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 67px ! important;width: 62px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
/*影音.連結加小圖(圖在字上方)*/
#linkVideo
{text-decoration: none;font-size: 16px ! important;color: #693837 ! important;padding-top: 49px ! important;text-align: center ! important;height: 75px ! important;width: 67px ! important;background: url(圖片網址) no-repeat 50% 0% ! important;}
---------------------------請告訴我.還有哪裡要改進-------------
/*留言數.描述直行放右邊可直放一排小玩意*/
/*留言數.描述文字大小顏色*/ .description {font-size: 18px ! important;color: #FF7573 ! important;}
/*留言數.描述文字文字行高*/ .description {LINE-HEIGHT: 150% ! important;}
/*留言數.描述區塊寬度高度*/ .description {width: 182px ! important;height: 312px ! important;}
/*留言數.描述區塊加背景圖*/ .description {background: transparent url(圖片網址) no-repeat 0% 50% ! important;}
/*留言數.描述區塊自由移動*/ .description {twohand2012;position: absolute;left: 807px;top: 12px;}
/*隱藏新功能!好友廣播*/#postmsg a font{display:none;}
/*縮小新功能!好友廣播文字仍具功能*/#postmsg a font{font-size: 2px ! important;color: #FF7573 ! important;}
/*讓背景圖只有一個*//*把圖設在#postmsg 而不是#postmsg a */
/*我要留言字樣改成圖獨立移動*/
#postmsg a {font-size:13px; ! important;color: #ffffff ! important ;}
#postmsg {height: 100px;width: 100px;
background: url(圖片網址) no-repeat 50% 100%;
/*要移動才用*/twohand2012;position:absolute;left: 580px;top: 140px;}
/*我要留言字樣區塊高度寬度*/#postmsg {height: 192px ! important;width: 122px ! important;}
/*我要留言字樣區塊加背景圖*/#postmsg {background: url(圖片網址) no-repeat 50% 100% ! important;}
/*我要留言字樣區塊自由移動*/#postmsg {twohand2012;position: absolute;left: 12px;top: 302px;}
/*我要留言字樣文字大小顏色*/ #postmsg a {font-size:22px ! important; !important;color: #ff73b7 ! important;}
/*我要留言字樣文字底線取消*/ #postmsg a {text-decoration: none ! important;}
---------------------------請告訴我.還有哪裡要改進-------------
/*點進留言的標題直行放旁邊*/
/*點進留言的標題文字大小顏色*/ .big-e {font-size: 42px ! important;color: #FF7573 ! important;}
/*點進留言的標題文字靠邊靠上*/ .big-e {text-align: center ! important;padding-top: 64px ! important;}
/*點進留言的標題文字高度寬度*/ .big-e {width: 64px;}
全站熱搜
留言列表
my class (0)