【問題】！CSS迷惑！

kusonono

由 kusonono,
在 電腦與資訊科技版

 Share 追隨者 0

Recommended Posts

kusonono

kusonono 10

發表於
發表於

在我今天開啟日誌時

發現到了，居然版面都怪掉了…(汗)

我知道，再11/24時，已經更新了舊版的CSS設定

不過我卻全然摸不透新版的CSS...

雖然，在Blog站長的日誌裡看的到教學

我卻看的兩眼直發抖

終究是探不出其中的關鍵屬性

不知如何修改 　　ˊ　 ˋ

點我進入我的日誌

看到了嗎？在我的時鐘那邊，右邊的框邊被擋住了

且在【關於我】的欄位那邊往下看，通通在左半邊都被遮擋住！

最傻眼的，是整個中間版面都空掉，內容被擠到下面....

我在這邊提供出我的CSS．．．

/* CSS Document */

/*主體*/

html{

scrollbar-face-color:#FFFBEC;

scrollbar-highlight-color:#EDC06D;

scrollbar-shadow-color:#EDC06D;

scrollbar-3Dlight-color:#FFFBEC;

scrollbar-arrow-color:#EDC06D;

scroll-track-color:#FFFBEC;

scroll-darkshadow-color:#FFFBEC;

}

body{

margin:0px 0px 0px 0px;

text-align: center;

background-image:url(/_theme/skin/background/8/blogBg_2.jpg);

background-attachment:fixed;

background-repeat:repeat;

}

/*連結*/

A {

color: #999966;

text-decoration: none;

}

A:link {

color:#4D4C1E;

text-decoration:none;

}

A:visited {

color: #4D4C1E;

text-decoration:none;

}

A:active {

color: #7F7E52;

text-decoration:none;

}

A:hover {

color: #7F7E52;

text-decoration:none;

}

/*定位框*/

#container {

position:relative;

text-align: left;

/*width:100%;*/

behavior:expression( this.style.width = (document.documentElement.offsetWidth<970)?"970px":"100%");

min-width:970px;

padding:0px 0px 0px 0px;

margin:0px auto;

background-image:url(/_theme/skin/background/8/blogBg_1.jpg);

background-repeat:no-repeat;

}

/*檔頭*/

#banner{

margin: 0px 5px 0px 5px;

padding: 0px;

height: 200px;

}

/*左欄*/

#linksLeft{

float: left;

width: 195px;

margin: 5px;

pading: 5px;

}

/*右欄*/

#linksRight{

float: right;

width: 195px;

margin: 5px;

pading: 5px;

}

/*中間欄*/

#mid{

position:relative;

margin: 0px 205px 0px 205px;

padding: 5px 5px 5px 5px;

}

/*檔尾*/

#footer{

clear: both;

text-align:center;

font-size: 13px;

color:#C18746;

font-family: "Verdana", "Arial", "Helvetica", "sans-serif";

line-height: 16px;

}

/*欄位名稱*/

.sidetitle{

padding:2px;

border: #F6E294 1px solid;

background:;

font-weight:normal;

background-image:url(/_theme/skin/windows/8/blog011_2.gif);

color:#826B3C;

font-family:Verdana, Arial, Helvetica, sans-serif;

letter-spacing:0.1em;

font-size:15px;

margin-top:5px;

}

/*欄位內容*/

.side{

background:#ffffff;

border: #F6E294 1px solid;

font-size:12px;

font-weight:normal;

line-height:140%;

font-family:Verdana, Arial, Helvetica, sans-serif;

padding:4px;

}

/*空白*/

.spacer{

clear:both;

}

/******************************************/

/*檔頭class*/

/*日誌名稱*/

.blogname{

font-size: 22px;

font-weight: bold;

color: #455236;

padding-left:10px;

padding-top:100px;

}

/*今日心情*/

.blogemotion{

}

/*日誌描述*/

.description{

font-size: 15px;

color: #5A3C29;

padding-left:10px;

}

/*選單列*/

.menulist{

padding-top:5px;

width:100%;

}

/*選單*/

.menu{

padding-top:5px;

float:right;

padding-right:80px;

}

/*Logo*/

.logo{

visibility:visible;

}

/******************************************/

/*中間欄位class*/

/*文章外框*/

#content{

padding: 5px;

margin: 5px;

background-color:#ffffff;

border: #F6E294 5px solid;

}

/*文章標題列*/

.title{

width:100%;

height:25px;

background:#EFEFEF;

padding-top:5px;

}

/*文章標題名稱*/

span.titlename{

font-size:15px;

color:#185987;

font-weight:normal;

padding-left:5px;

}

/*文章日期*/

span.titledate{

float:right;

height:25px;

padding-right:10px;

font-family: "Verdana", "Arial", "Helvetica", "sans-serif";

font-size: 11px;

color: #7A75B9;

}

/*文章評價列*/

.blogrank{

width:100%;

line-height:200%;

margin-top:10px;

}

/*文章瀏覽數*/

span.counter{

float:right;

margin-top:15px;

font-size: 12px;

color: #999999;

}

/*文章瀏覽數項目符號*/

span.counter li{

list-style-image:url(/_theme/skin/list/bulletCounter.gif);

}

/*文章分類*/

span.category{

float:right;

margin-top:15px;

}

/*文章分類項目符號*/

span.category li{

list-style-image:url(/_theme/skin/list/bulletContentArticle.gif);

}

/*文章主體*/

.blogbody{

width:100%;

}

/*作者列*/

.posted{

width:100%;

text-align:right;

}

/*上下文章*/

.selectbar{

width:100%;

text-align:center;

}

/*引用列*/

.trackbacktitle{

width:100%;

margin-top:20px;

margin-bottom:5px;

border-top:1px dotted #cccccc;

border-bottom:1px dotted #cccccc;

font-size: 12px;

color: #CC6600;

height:24px;

background:#FEFAED;

}

/*引用網址*/

.trackbackurl{

width:100%;

background:#F2F2F2;

padding-top:20px;

padding-bottom:20px;

text-indent:10px;

}

/*引用日期*/

.trackbackdate{

width:100%;

text-align:right;

font-family: "Verdana", "Arial", "Helvetica", "sans-serif";

font-size: 11px;

color: #7A75B9;

}

/*引用內容*/

.trackbackcontent{

width:100%;

line-height:150%;

margin-top:5px;

border-bottom:1px dotted #cccccc;

}

/*留言列*/

.comment{

width:100%;

border-top:1px dotted #cccccc;

border-bottom:1px dotted #cccccc;

font-size: 12px;

color: #CC6600;

height:24px;

margin-top:20px;

padding-top:5px;

padding-bottom:5px;

background:#FEFAED;

}

/*留言名稱*/

span.commenttitle{

}

/*留言名稱項目符號*/

span.commenttitle li{

list-style-image:url(/_image/bulletMessageList.gif);

}

/*留言按鈕*/

span.commentbutton{

float:right;

}

/*留言作者列*/

.author{

width:100%;

}

/*留言作者名稱*/

span.authorname{

}

/*留言日期*/

span.commentdate{

float:right;

text-align:right;

font-family: "Verdana", "Arial", "Helvetica", "sans-serif";

font-size: 11px;

color: #7A75B9;

}

/*留言內容*/

.commenttext{

width:100%;

margin-top:10px;

margin-bottom:10px;

}

/*留言編輯按鈕*/

.commentedit{

width:100%;

border-bottom:1px dotted #cccccc;

}

/*留言者信箱*/

span.email{

}

/*分隔線*/

span.line{

}

/*留言者網址圖示*/

span.urlicon{

}

/*留言者網址*/

span.url{

}

/******************************************/

/*左欄class*/

/*關於我*/

.avatar{

margin-top:5px;

background-color:#FFFFFF;

padding:5px;

border: #F6E294 1px solid;

}

/*照片*/

.avatarPhoto{

text-align:center;

}

/*帳號*/

.avatarID{

}

/*我的描述*/

.avatarDesciption{

}

/*關於我按鈕*/

.avatarbutton{

}

/*文章分類*/

.categoryTitle li{

list-style-image:url(/_theme/skin/list/bulletCategory.gif);

}

.categorySide li{

list-style-image:url();

}

.categoryTitle{

}

.categorySide li{

list-style-image:url(/_image/blogIcon19.gif);

}

.categorySide{

}

/*日曆*/

.calenderTitle li{

list-style-image:url(/_theme/skin/list/bulletCalendar.gif);

}

.calenderTitle{

}

.calenderSide li{

list-style-image:url(/_image/blogIcon19.gif);

}

.calenderSide{

}

/*日曆table*/

.calMonth{

width:95%;

}

/*日曆首列*/

.calMonthNav{

}

/*日曆上個月*/

.calMonthBackward{

}

/*日曆目前顯示年月*/

.calMonthCurrent{

font-size: 12px;

font-weight: bold;

color: #000000;

font-family: "Verdana", "Arial", "Helvetica", "sans-serif";

}

/*日曆下個月*/

.calMonthForward{

color: #FF0000;

font-family: "Verdana", "Arial", "Helvetica", "sans-serif";

font-size: 12px;

}

/*日曆星期列*/

.calMonthHeader{

}

/*日曆日欄*/

.calMonthDay{

font-size: 10px;

color: #999999;

text-align:center;

font-family: "Verdana", "Arial", "Helvetica", "sans-serif";

}

/*日曆今日日期*/

.calMonthToday{

font-size: 11px;

text-align:center;

}

/*日曆假日日期*/

.calholiday{

font-size: 11px;

color: #FF3300;

text-align:center;

font-family: "Verdana", "Arial", "Helvetica", "sans-serif";

}

.calenderbutton{

text-align:right;

}

/*搜尋文章*/

.searchTitle li{

list-style-image:url(/_theme/skin/list/bulletSearch.gif);

}

.searchTitle{

}

.searchSide{

text-align:center;

}

.searchbutton{

text-align:center;

padding:2px;

}

/*我的哈拉室*/

.chatTitle li{

list-style-image:url(/_theme/skin/list/bulletChat.gif);

}

.chatTitle{

}

.chatSide{

}

/*已建立的日誌*/

.bloglistTitle li{

list-style-image:url(/_theme/skin/list/bulletBlogList.gif);

}

.bloglistTitle{

}

.bloglistSide li{

list-style-image:url(/_image/blogIcon19.gif);

}

.bloglistSide{

}

/*訂閱電子報*/

.epaperTitle li{

list-style-image:url(/_theme/skin/list/bulletEpaper.gif);

}

.epaperTitle{

}

.epaperSide{

text-align:center;

}

.epaperbutton{

text-align:center;

padding:2px;

}

/*自由欄位*/

.customTitle li{

list-style-image:url(/_theme/skin/list/bulletCustom.gif);

}

.customTitle{

}

.customSide{

}

/*日誌使用資源*/

.resourceTitle li{

list-style-image:url(/_theme/skin/list/bulletBlogResource.gif);

}

.resourceTitle{

}

.resourceSide{

text-align:center;

}

/*留言塗鴉版*/

.paintTitle li{

list-style-image:url(/_theme/skin/list/bulletPaint.gif);

}

.paintTitle{

}

.paintSide{

text-align:center;

}

/******************************************/

/*右欄class*/

/*背景音樂*/

.musicTitle li{

list-style-image:url(/_theme/skin/list/bulletMusicBox.gif);

}

.musicTitle{

}

.musicSide{

}

.musicbutton{

text-align:left;

padding:2px;

}

/*最新文章*/

.articleTitle li{

list-style-image:url(/_theme/skin/list/bulletArticleList.gif);

}

.articleTitle{

}

.articleSide li{

list-style-image:url(/_image/blogIcon19.gif);

}

.articleSide{

}

/*最新留言*/

.messageTitle li{

list-style-image:url(/_theme/skin/list/bulletMessageList.gif);

}

.messageTitle{

}

.messageSide li{

list-style-image:url(/_image/blogIcon19.gif);

}

.messageSide{

padding:5px;

}

.date {

font-family: "Verdana", "Arial", "Helvetica", "sans-serif";

font-size: 11px;

color: #7A75B9;

}

/*參觀人次統計*/

.countTitle li{

list-style-image:url(/_theme/skin/list/bulletCounter.gif);

}

.countTitle{

}

.countSide{

}

/*我的訂閱*/

.rssrollTitle li{

list-style-image:url(/_theme/skin/list/bulletRssRoll.gif);

}

.rssrollTitle{

}

.rssrollSide li{

list-style-image:url(/_image/blogIcon19.gif);

}

.rssrollSide{

}

.backbtn li{

list-style-image:url(/_image/blog038.gif);

}

.backbtn{

text-align:right;

}

.morebtn li{

list-style-image:url(/_image/blog037.gif);

}

.morebtn{

text-align:right;

}

/*日誌評價*/

.rankTitle li{

list-style-image:url(/_theme/skin/list/bulletRank.gif);

}

.rankTitle{

}

.rankSide{

}

/*已建立的相簿*/

.albumTitle li{

list-style-image:url(/_theme/skin/list/bulletAlbum.gif);

}

.albumTitle{

}

.albumSide{

}

/*最愛連結*/

.linkTitle li{

list-style-image:url(/_theme/skin/list/bulletLink.gif);

}

.linkTitle{

}

.linkSide li{

list-style-image:url(/_image/blogIcon19.gif);

}

.linkSide{

}

＊還是看的霧煞煞！

鏈接文章
分享到其他網站
  • 2 months later...

請登入後來留意見

在登入之後,您才能留意見



立即登入
 Share
追隨者 0
前往主題列表