文字公告
永久RSS http://feeds.feedburner.com/jakeandy
轉貼文章請先知會一聲,別靜悄悄來啊!
2012年到,沒有媽的日子滿一年了!
好友密碼在此,請先登入,如果阿桑失智把你忘了,那就留言給我吧!


自從買了"愛上我的無名小站" ,就陷入了無止盡的專業用語的漩渦中,
想要動手做個版,實在不是件容易的事情,因為專有名詞看不懂,還好
書中介紹的很詳盡,不過目前還是無法自己撰寫,至少基本的用語已經
可以理解,就這樣先動手做了一個我與兒子都愛的哆啦A夢版,讓自己
回味一下童年!

哆啦A夢 CSS

 HTML {
 SCROLLBAR-FACE-COLOR: #a3e2ff; SCROLLBAR-HIGHLIGHT-COLOR: #60cdff; SCROLLBAR-SHADOW-COLOR: #e0f5ff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #e0f5ff; SCROLLBAR-TRACK-COLOR: #c2ecff; SCROLLBAR-DARKSHADOW-COLOR: #60cdff
}
BODY {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff repeat-y 40% 40%; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 0.8em Arial; COLOR: #888; PADDING-TOP: 0px
}
A {
 COLOR: #6666ff
}
A:hover {
 COLOR: #cc9900; TEXT-DECORATION: none
}
#container1 {
 MARGIN: 0px auto; WIDTH: 900px
}
#banner {
 BACKGROUND: url(http://pic9.pic.wretch.cc/photos/1/j/jakeandy/16/1136178283.jpg) no-repeat right top; HEIGHT: 375px
}
#banner H1 {
 PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: normal; FONT-SIZE: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 170px
}
#description2 {
 PADDING-LEFT: 30px; FONT-SIZE: 15px; WIDTH: 320px; COLOR: #888
}
#content {
 FLOAT: left; WIDTH: 620px
}
.date {
 PADDING-LEFT: 80px; FONT-SIZE: 20px; BACKGROUND: url(http://p7.p.pixnet.net/albums/userpics/7/9/226379/1160466139.jpg) no-repeat left top; COLOR: #0275c5; PADDING-TOP: 3px; LETTER-SPACING: -1px; HEIGHT: 55px
}
.articletext {
 BORDER-RIGHT: 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: 1px solid; PADDING-LEFT: 20px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid
}
.title {
 COLOR: #cc6699
}
.innertext {
 FONT-SIZE: small; MARGIN-LEFT: 0px; COLOR: #777; LINE-HEIGHT: 160%; FONT-STYLE: normal; LETTER-SPACING: 0px
}
.extended {
 TEXT-ALIGN: right
}
.posted {
 FONT-SIZE: 11px; MARGIN-BOTTOM: 15px; COLOR: #cc6699; TEXT-ALIGN: center
}
.comments-head {
 PADDING-LEFT: 50px; FONT-SIZE: 15px; BACKGROUND: url(http://pic9.pic.wretch.cc/photos/1/j/jakeandy/16/1136178278.jpg) no-repeat left top; COLOR: #ffb4b4; PADDING-TOP: 3px; FONT-FAMILY: simhei; LETTER-SPACING: -1px; HEIGHT: 30px
}
.comments-body {
 PADDING-RIGHT: 20px; PADDING-LEFT: 20px
}
.comments-body P {
 PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
.comments-post {
 BACKGROUND: #eef5ff; MARGIN-BOTTOM: 10px; TEXT-ALIGN: right
}
#links {
 FONT-SIZE: 15px; FLOAT: right; WIDTH: 170px
}
.sidetitle {
 BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; PADDING-LEFT: 43px; FONT-WEIGHT: bold; BACKGROUND: url(http://pic9.pic.wretch.cc/photos/1/j/jakeandy/16/1136178284.jpg) no-repeat left top; BORDER-LEFT: 1px solid; COLOR: #cc9900; PADDING-TOP: 20px; BORDER-BOTTOM: 1px solid; HEIGHT: 20px
}
.side {
 PADDING-RIGHT: 10px; PADDING-LEFT: 10px
}
DIV.calendar {
 FONT-SIZE: 13px
}
#boxNewComment .side {
 FONT-SIZE: 13px; TEXT-ALIGN: right
}
#boxNewCommnet .side BR {
 DISPLAY: none
}
#boxNewComment .side A {
 DISPLAY: block; FONT-SIZE: 12px; TEXT-ALIGN: left
}
TEXTAREA {
 BORDER-RIGHT: #6b8e23 1px solid; BACKGROUND-POSITION: 50% 80%; BORDER-TOP: #6b8e23 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: #6b8e23 1px solid; COLOR: #000000; BORDER-BOTTOM: #6b8e23 1px solid
}
TEXTAREA {
 BORDER-RIGHT: #6b8e23 1px dashed; BORDER-TOP: #6b8e23 1px dashed; FONT-SIZE: 10pt; BACKGROUND-IMAGE: url(http://pic9.pic.wretch.cc/photos/1/j/jakeandy/16/1136178286.jpg); BORDER-LEFT: #6b8e23 1px dashed; BORDER-BOTTOM: #6b8e23 1px dashed; BACKGROUND-REPEAT: no-repeat
}
A:link {
 COLOR: #6666ff
}
A:visited {
 COLOR: #6666ff
}
A:active {
 COLOR: #6666ff
}


創作者介紹

Jane's 胡 言 亂 語

jakeandy 發表在 痞客邦 PIXNET 留言(8) 人氣()


留言列表 (8)

發表留言
  • antiquity
  • 辣媽~妳做的不錯耶<br />
    這樣讓我也想敗一本來看看了<br />
  • macaron
  • 還以為跑錯地方...<br />
    好可愛!雖然這一篇在MACARON眼中如同天書一般<br />
    還是很佩服啊~><
  • cat66
  • 這個故事是叫我也要去買一本嗎?<br />
  • jakeandy
  • 洛<br />
    只是先用別人的版,一個一個改<br />
    還沒辦法自己寫<br />
    <br />
    macaron<br />
    我跟兒子就是喜歡多拉A夢<br />
    所以第一個作品就該屬於他咧<br />
    <br />
    阿君<br />
    你是需要敗一本的<br />
    我也愛貓阿<br />
    我只愛小叮噹<br />
    哈哈哈
  • monacat
  • 喔~好可愛唷....<br />
    這樣我真的會想買那本書耶<br />
    想要營造一個完整貓店的貓老大
  • jakeandy
  • 貓老大<br />
    79折划算啦^^<br />
    <br />
    耶?我這樣也算愛貓嗎?<br />
    不包括kitty貓喔
  • Emma0417
  • 辣媽 多啦A夢也是貓呀 他是機器貓 XD<br />
    <br />
    辣媽好厲害 看一看就會自己做CSS了<br />
    我的書 還沒從信封拿出來耶~<br />
    <br />
    Emma
  • jakeandy
  • emma<br />
    說真的<br />
    那天下午我足足看了3個小時<br />
    眼都花了= =