自製立體月曆
十二面體的月曆, 而且還有兩種不同形式的十二面體呢~
分別是正十二面體(Dodecahedron)和菱形十二面體(Rhombic Dodecahedron).
很別緻的設計, 如果加上自己的底圖應該會更加完美吧~
有空弄一個來玩玩看~
@import url( "http://www.mocasting.com/main/wp-content/sitetemplates/wintermagick/templates/wp-layout.css" );
/* Begin Typography & Colors */ body { font-size: 11px; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background-color: #f5f5f5; color:#999999; } #page { padding:0; margin: 0 0 0 30px; text-align: left; background-image:url(/main/wp-content/sitetemplates/wintermagick/img/6112_bg.jpg); background-repeat:repeat-y; border: none; } #content { font-size: 1.2em } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.2em; } .narrowcolumn .postmetadata { text-align: left; font-size:11px; } .alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #footer { border: none; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; } h1 { font-size: 4em; text-align: center; } .description { font-size: 1.2em; text-align: center; } h2 { font-size: 1.2em; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; } h2.pagetitle { font-size: 1.2em; } #menu h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; } h3 { font-size: 1.3em; } h1, h1 a, h1 a:hover, h1 a:visited, .description { text-decoration: none; color: white; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #menu h2, #wp-calendar caption, cite { text-decoration: none; } .entry p a:visited { color: #b85b5a; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform #url, #commentform #email, #commentform #author { width:300px; } #commentform #comment { width:350px; } #commentform #button { width:50px; } .commentlist li { font-weight: bold; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #menu { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } small, #menu ul ul li, #menu ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color:#000000; text-decoration: none; } a:hover, a:active { color:#999999; text-decoration: underline; } #wp-calendar #prev a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Structure */ body { margin: 0; padding: 0; } #page { /*background-color: white;*/ /*margin: 20px auto;*/ padding: 0; width: 760px; /*border: 1px solid #959596; */ } #header { background-image:url(http://www.mocasting.com/main/album/4300/original/76394.jpg); background-repeat:no-repeat; margin:0; padding:0; height: 220px; width: 738px; } #header h1 { font-size: 16pt; margin:0; padding: 30px 0 0 30px; text-align:left; } #header h1 a:link, #header h1 a:visited { color: black; } #header h1 a:hover, #header h1 a:active { color: #C84684; } .narrowcolumn { float: left; padding: 0 20px 20px 20px; margin: 0 0 0 0; width: 480px; } .post { margin: 0 0 40px; text-align: justify; } .widecolumn .post { margin: 0; } #footer { padding: 0 0 0 1px; margin: 0 auto; width: 738px; clear: both; } #footer p { margin: 0; padding: 20px 0; text-align: center; } /* End Structure */ /* Begin Headers */ h1 { margin: 0; } .description { text-align: center; } h2 { margin: 30px 0 0; } h2.pagetitle { margin-top: 30px; text-align: center; } #menu h2 { margin: 5px 0 0; padding: 0; } h3 { padding: 0; margin: 30px 0 0; } h3.comments { padding: 0; margin: 40px auto 20px ; } /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before, #menu ul ul li:before { /*content: "\00BB \0020";*/ } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #menu ul, #menu ul ol { margin: 0; padding: 0; } #menu ul li h2{ color:#999999; } #menu ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; } #menu ul p, #menu ul select { margin: 5px 0 8px; } #menu ul ul, #menu ul ol { margin: 5px 0 0 0px; } #menu ul ul ul, #menu ul ol { margin: 0 0 0 10px; } ol li, #menu ul ol li { list-style: decimal outside; } #menu ul ul li, #menu ul ol li { margin: 3px 0 0; padding: 0; } #menu ul ul li { padding-left:10px; } /* End Entry Lists */ /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } #menu #searchform #s { width: 115px; padding: 2px; } #menu #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 100%; padding: 2px; } #commentform #submit { margin: 0; float: right; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin menu */ #menu { float: left; padding: 0 20px 20px 20px; width: 178px; } #menu form { margin: 0; } /* End menu */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } /* End Various Tags & Classes*/ #topbar { padding: 1px 0 1px 0; margin:0; /*height:10px;*/ height:auto; width: 770px; text-align: right; } #topbar a:link { text-decoration: none; page-break-after: always; } #topbar a:visited { text-decoration: none; } #sidebararea #sidebarmenu { text-align: left; } #sidebarcontents { text-align: left; } #comment_content { font-weight:normal; } /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */十二面體的月曆, 而且還有兩種不同形式的十二面體呢~
分別是正十二面體(Dodecahedron)和菱形十二面體(Rhombic Dodecahedron).
很別緻的設計, 如果加上自己的底圖應該會更加完美吧~
有空弄一個來玩玩看~
青春彷彿因我愛你開始 但卻令我看破愛這個字
自你患上失憶 便是我扭轉命數的事
只因當失憶症發作加深
沒記住我但卻另有更新蜜運
像狐狸精般 並未允許我步近
無回憶的餘生 忘掉往日情人
卻又記住移情別愛的命運
無回憶的男人 就當偷厄與瞞騙 抱抱我不過份
吻下來 豁出去 這吻別似覆水
再來也許要天上團聚
再回頭 你不許 如曾經不登對
你何以雙眼好像流淚
彼此追憶不怕愛要終止
但我大概上世做過太多壞事
能從頭開始 跪在教堂說願意
娛樂行的人影 還在繼續繁榮
我在算著甜言蜜語的壽命
人造的蠢衛星 沒探測出我們已 已再見不再認
Repeat
我下來 你出去 講再會也心虛
我還記得到天上團聚
吻下來 豁出去 從前多麼登對
何以雙眼好像流淚 每年這天記得再流淚
期待再期待 期待中 我先存在
期待再期待 瓶內的乾花能盛開
期待再期待 明日天眼開
共他分手後 三五七載
能讓我在 原地等到 得到過的愛
期待再難奈 還是不忍 不期待
誰話我存在 純為好景不常默哀
忘掉了時代 執拗地期待
或可單身得 比較精彩
誰若 似我試過 這樣深愛
同樣 會再冀待 逝去的愛
誰在 一雙手鬆開之後 懷念 一束飛走的汽球
還剩 半世約定要守 勝過最後兩手 裡面一陣風都沒有
誰又 捨得揮一揮衣袖
然後 以最撇脫 那種步姿 高飛遠走
連舊世界都不帶走
原諒我懷舊 無奈新的 不如舊
人為我輪候 仍為等他找來藉口
其後那回味 比故事長壽
若天生這麼 不會收手
情願 有個信仰 信就得救
除下 這個重量 自覺虛構
Repeat
留下 這醫不好的心漏
能讓 我信我也有種幸福 差點到手
甜蜜試過 只是不夠
作曲的是藍奕邦, 他寫的歌的旋律都有一種淡然之感(白夢自己的一廂情願)
感覺是很不錯就是了~
神像跌踤了 仍然是碎石吧
人魚著陸後 大概得泡沫吧
那陣時 還沒有戀愛過
才無知到真的信吧
誰亦不吻我 回頭又再睡吧
原型未敗露 就再等午夜吧
要是誰還是說不愛我
誰求魔鏡解答嗎
演出一場一人的童話
不必一路一直等候他
沒戀愛出現不用生活嗎
無緣騎上白馬會自行歸家
苦戀不一定是浪漫 不必欺騙人
孤單不一定是寂寞 掛少一個人
花一生追逐動地驚天 真的太苦心
從沒王子愛惜都要做人
一開始總是幸運地 識到這個人
到結尾總是順利地 安穩過一生
但其實其實命運 很少寫得這麼吸引
如若童話永不變真 給趕出糖果屋
擠不上南瓜車 揭開了紅帽子
沉睡了等誰熱吻
還未到我試 球鞋亦著住吧
仍然沒艷遇 木偶都抱住吧
我暫時還沒有急切到
求其找隻青蛙吻吧
無論龜與兔 能全部到達吧
巫婆日夜煉 煉製出快樂吧
要夢遊無論置身那裡
隨時可以出發嗎
演出一場一人的童話
不必一路一直等候他
沒戀愛出現不用生活嗎
苦戀不一定是浪漫 不必欺騙人
孤單不一定是寂寞 掛少一個人
聽得多穿鑿附會真的不該太天真
從沒王子愛惜都要做人
一開始總是幸運地 識到這個人
到結尾總是順利地 安穩過一生
但其實真實命運很少寫得這麼吸引
如若童話永不變真 給趕出糖果屋
擠不上南瓜車 揭開了紅帽子
還未算輸別激憤
寓意很深的一首歌~