---------------------------引用開始------------------------------ 文文分享~blog版型(538)
又是久久才分享的版型
雖然很簡單..但我很喜歡簡簡單單的版型
sinia6 發表在 痞客邦 留言(0) 人氣(0)
sinia6 發表在 痞客邦 留言(0) 人氣(2)
用顏色代碼製作邊框
一層邊框代碼
<TABLE borderColor=#ffd700 cellSpacing=10
cellPadding=8 width=470 align=center
bgColor=#0000ff border=12> <TBODY> <TR> <TD > <BR><BR><BR><BR><BR><BR> </TD></TR></TBODY></TABLE>
效果圖如下
2層邊框代碼
<TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8
width=470 align=center bgColor=#f70968 border=12> <TBODY> <TR> <TD > <TABLE borderColor=#ffd700 cellSpacing=5 cellPadding=8
width=465 align=center bgColor=#bb4444 border=1> <TBODY> <TR> <TD> <BR><BR><BR> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
效果圖如下 :
加入圖片的2層邊框代碼
<table border=16 cellSpacing=8 cellPadding=5
borderColor=# 841A 00 bgcolor=#FFFF 6F > <td> <TABLE border=1> <TR> <TD width=寬度 background=圖片網址 height=高度 border=3> </TD></TR></TABLE> </td></table>
效果圖如下 :

|
|
.msgcontent .wsharing UL LI {
TEXT-INDENT:0px;}
.ysm {
BORDER-BOTTOM:#97abbc 1px solid;POSITION:relative;BORDER-LEFT:#97abbc 1px solid;PADDING-BOTTOM:1px;LINE-HEIGHT:1.4;MARGIN:5px;MIN-HEIGHT:10px;PADDING-LEFT:5px;PADDING-RIGHT:5px;FONT-SIZE:13px;OVERFLOW:hidden;WORD-BREAK:break-all;BORDER-TOP:#97abbc 1px solid;BORDER-RIGHT:#97abbc 1px solid;PADDING-TOP:1px;}
.ysm * {
CURSOR:pointer;}
.ysm .ysmlabel {
POSITION:absolute;TOP:2px;RIGHT:5px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
TEXT-ALIGN:left;PADDING-BOTTOM:6px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;ZOOM:1;PADDING-TOP:0px;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
MARGIN:0px;FONT-SIZE:12px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
}
.ysm-vertical .ysmlabel {
TEXT-ALIGN:center;MARGIN:0px auto;DISPLAY:block;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
A.smaplink IMG {
PADDING-BOTTOM:0px;PADDING-LEFT:2px;WIDTH:31px;PADDING-RIGHT:4px;HEIGHT:13px;PADDING-TOP:0px;}
sinia6 發表在 痞客邦 留言(0) 人氣(3)
可愛樂活小提包

去了花蓮玩了好幾天終於回來囉~
回來休息一下隔天又進入了忙碌的生活
趁著心裡還在樂活之際做了這個肩背包
縫上繡線和扣子夠樂活吧
當然容量及配備一個也不能少阿
裁下來的布片覺得可愛又做了背後口袋
放手機剛剛好
加上布標
整個就是~~~~~
水啦!!
有衝動再出遊一次勒!!
上個月分享的
拼布蕾絲祖母包 不知道大家做了阿這個月分享的就是這個包囉我決定分享以1個月為期好了
不然cherry我真的寄紙型就會寄斷手囉
分享的規則就是先引用再隱藏回覆留下您的msinia6 發表在 痞客邦 留言(0) 人氣(0)
文章加上符號序列的代碼
1.加上有序列表如下
代碼如下: <OL> <LI>文字內容</LI> <LI>文字內容</LI> <LI>文字內容</LI> </OL>
代碼如下: <UL> <LI>文字內容</LI> <LI>文字內容</LI> <LI>文字內容</LI> </UL>
3.加上圓點符號如下
●文字內容
●文字內容
●文字內容
代碼如下: <DIV> <FONT color=#9291FF> ●文字內容<BR> ●文字內容<BR> ●文字內容</FONT> </DIV>
4.加上三角符號如下 ▲文字內容 ▲文字內容 ▲文字內容 代碼如下: <DIV> <FONT color=#9291FF> ▲文字內容<BR> ▲文字內容<BR> ▲文字內容</FONT> </DIV>
5.加上数學符號如下 ①文字內容 ②文字內容 ③文字內容 代碼如下: <DIV> <FONT color=#9291FF> ①文字內容<BR> ②文字內容<BR> ③文字內容</FONT> </DIV> 6.加上Wingdings手指型字符如下 F文字內容 F文字內容 F文字內容 代碼如下: <DIV> <FONT color=#9291FF> <FONT face=Wingdings>F</FONT>文字內容<BR> <FONT face=Wingdings>F</FONT>文字內容<BR> <FONT face=Wingdings>F</FONT>文字內容</FONT> </DIV> 7.加上Wingdings笑臉字符如下 J文字內容 J文字內容 J文字內容 代碼如下: <DIV> <FONT color=#9291FF> <FONT face=Wingdings>J</FONT>文字內容<BR> <FONT face=Wingdings>J</FONT>文字內容<BR> <FONT face=Wingdings>J</FONT>文字內容</FONT> </DIV>

|
.msgcontent .wsharing UL LI {
TEXT-INDENT:0px;}
.ysm {
BORDER-BOTTOM:#97abbc 1px solid;POSITION:relative;BORDER-LEFT:#97abbc 1px solid;PADDING-BOTTOM:1px;LINE-HEIGHT:1.4;MARGIN:5px;MIN-HEIGHT:10px;PADDING-LEFT:5px;PADDING-RIGHT:5px;FONT-SIZE:13px;OVERFLOW:hidden;WORD-BREAK:break-all;BORDER-TOP:#97abbc 1px solid;BORDER-RIGHT:#97abbc 1px solid;PADDING-TOP:1px;}
.ysm * {
CURSOR:pointer;}
.ysm .ysmlabel {
POSITION:absolute;TOP:2px;RIGHT:5px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
TEXT-ALIGN:left;PADDING-BOTTOM:6px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;ZOOM:1;PADDING-TOP:0px;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
MARGIN:0px;FONT-SIZE:12px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
}
.ysm-vertical .ysmlabel {
TEXT-ALIGN:center;MARGIN:0px auto;DISPLAY:block;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
A.smaplink IMG {
PADDING-BOTTOM:0px;PADDING-LEFT:2px;WIDTH:31px;PADDING-RIGHT:4px;HEIGHT:13px;PADDING-TOP:0px;}
sinia6 發表在 痞客邦 留言(0) 人氣(4)
怎麼取得音樂網址?怎麼拿到音樂網址?(2011.7.28更新)
如果你不是無名小站的VIP會員
又想要在無名上
播放自己的音樂MP3
那就必須先拿到「音樂網址」 方法很簡單!
所謂的
'音樂網址',就是指這種網址~
http://ooooxxxxo/ooxxxx/oxxox/ooxx
.mp3到底要怎麼拿到音樂網址啊?
方法一
先把你的mp3音樂檔案,上傳到任一本無名相簿裡
然後回到網誌,按發表新文章(舊版)
按插入圖片
你的音樂放在哪本相簿?把它呼叫出來
找到你要的歌曲,打勾、按確定
音樂網址就會自己冒出來啦
方法二
這是另外一種看音樂網址的方法…
先把你的mp3音樂檔案,上傳到任一本無名相簿裡
進入到聽音樂的畫面
在畫面空白的地方按右鍵-檢視原始檔
會出現這個畫面
接著按下鍵盤上的 Ctrl 和 F
就會跳出一個搜尋框,在框裡輸入 .mp3
就會自動幫你找出寶貴的音樂網址
文章源於:UMODhttp://www.wretch.cc/blog/Umod/3623129
圖片已上傳個人網路空間.直接複製引用即可

.msgcontent .wsharing UL LI {
TEXT-INDENT:0px;}
.ysm {
BORDER-BOTTOM:#97abbc 1px solid;POSITION:relative;BORDER-LEFT:#97abbc 1px solid;PADDING-BOTTOM:1px;LINE-HEIGHT:1.4;MARGIN:5px;MIN-HEIGHT:10px;PADDING-LEFT:5px;PADDING-RIGHT:5px;FONT-SIZE:13px;OVERFLOW:hidden;WORD-BREAK:break-all;BORDER-TOP:#97abbc 1px solid;BORDER-RIGHT:#97abbc 1px solid;PADDING-TOP:1px;}
.ysm * {
CURSOR:pointer;}
.ysm .ysmlabel {
POSITION:absolute;TOP:2px;RIGHT:5px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
TEXT-ALIGN:left;PADDING-BOTTOM:6px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;ZOOM:1;PADDING-TOP:0px;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
MARGIN:0px;FONT-SIZE:12px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
}
.ysm-vertical .ysmlabel {
TEXT-ALIGN:center;MARGIN:0px auto;DISPLAY:block;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
A.smaplink IMG {
PADDING-BOTTOM:0px;PADDING-LEFT:2px;WIDTH:31px;PADDING-RIGHT:4px;HEIGHT:13px;PADDING-TOP:0px;}
sinia6 發表在 痞客邦 留言(0) 人氣(2)
網頁上的基楚學習
圖靠左:<IMG src="圖片網址 " align=left>
圖靠右:<IMG src=" 圖片網址 " align=right>
圖片代碼:<IMG height=50 src="圖片網址" width=60>
背景圖片代碼
<div style="WIDTH: 180px; HEIGHT: 120px;"> <img src="圖片網址" align="right"> <div style="float:left; background-color: TRANSPARENT;WIDTH: 180px; HEIGHT:120; "> <br>
彩色背景代碼<div style="width:100%;height:100%;background-color:#ffb 6c 1;">文字</div>
彩色邊框代碼:<div STYLE="border-style:solid;border-width:5pt; border-color:red">文字</div>
雙線框代碼:<div STYLE="border-style:Double;border-width:8pt; border-color: #8B008B"> <div style="width:100%;height:100%;background-color:#E6E 6F A;">文字</div></div>
<div style="border:1px solid #000000;">實線</div>
<div style="border-style:outset; border-width:1px;">外凸</div>
<div style="border:3px double #000000;">雙線</div>
<div style="border:1px dashed #000000;">虛線</div>
<div style="border: 1px dashed #f08080;background-color:#ffdab9">文字</div>
文字豎排代碼
<DIV style="FONT-SIZE: 9pt ; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>文字</P></DIV>
虛線<font style="BACKGROUND-COLOR:#FF00000" color="#FFFFFF">...</font>
郵票區域代碼: <DIV align=center> <DIV class=content style="BORDER-RIGHT: #ccccff dashed; BORDER-TOP: #ccccff dashed; BORDER-LEFT: #ccccff dashed; WIDTH: 82.78%; COLOR: # 0000f f; BORDER-BOTTOM: #ccccff dashed; HEIGHT: 85.66%; BACKGROUND-COLOR: #ccccff" align=center> <DIV align=left> </DIV> <DIV align=center><FONT size=3><STRONG>日志文字</DIV> <DIV align=center></STRONG></FONT> </DIV></DIV></DIV>
自訂欄位步驟:
登入→我的部落格→管理部落格→管理自訂欄位→命名→貼上語法→儲存→完成
CSS語法步驟:
登入→我的部落格→管理部落格→面板設定→自訂樣式→貼上語法→確定→完成
如何複製:
按住左鍵拖曳→反色→按右鍵→點複製→到文章或留言表格→按右鍵→貼上→完成
如何看圖片網址:
游標指在圖上→按右鍵→點內容→出現視窗→網址(URL)→複製→貼上→完成
如何將圖片存到電腦:
游標指在圖上→按右鍵→點另存圖片→按儲存→完成
如何將圖片設在桌布:
到我的圖片→將游標指在圖片→按右鍵→點設定為桌面背景→完成
如何將桌佈圖片放大:
回到桌面→按右鍵→點內容→點桌面→位置(p):→選延展→套用→確定→完成
圖片語法: <img src="圖片網址"/>
連結語法: <li><a href="連接網址">名稱</a>
換行語法: <p> </p> 或 <br>
置中語法: <center></center>
寬度語法: width=數值
高度語法:height=數值
邊界語法: morgin=數值
|
sinia6 發表在 痞客邦 留言(1) 人氣(2)
梯形小袋 (分享開始 至7 月 31 日)

花了兩天
昨天下午~畫紙型 剪布兼瞎忙
今天下午~超忙趁空擋做
小不是滿意,所以分享的紙型會稍微修改一點點
就是這個會修改啦(它只是個裝飾用的)
綁扣子的這條會加寬
中間紅色那一條也會加粗
我覺得~ 這樣會比較好看些!
它是固定在拉鍊頭上的
想也知道‧我在省那些小五金的配件 所以一股勁的固定上去
看到左上角沒?
這格子布是我買來做我家餐桌剩下的啦! 哈哈哈
我真的覺得我剛剛所寫的"加寬"會好看些! (這只是我的實驗品 )
尺寸:上寬約10cm x 高11.5cm
ps~ 沒有鋪綿 全部加了單面襯(沒有兩面都加)
它很簡單‧ 且 ~ 發現了嗎?
除了拉鍊的那個地方我有壓線 其他通通沒有耶!
我只是覺得沒有壓線是不是可以溫暖些 (應該有一點點啦 厚? )
圖片就將就點看吧~ 因為完成已經是快天黑了
先來說我的幾項規定 (主要是讓我方便作業 )
如想要此作品分享紙型的話請"引用"後再"回應"告知 例如:” 我已引用 12345@YAHOO.COM.tw (請單獨寫一行的MAIL 不用加E MAIL這樣的字眼)”我無法一一去確認各位的信箱,請再次的確認是否有打對?或是有沒有TW這個或是其他或者是妳引用了但是不是在奇摩的部落格里,就請另外告知妳引用在那一個網站里‧我希望妳的格子有妳自己手做的東西來分享,我無要求要馬上做出來,只希望有一天 妳願意賞臉完成這一個小手作 當然格子沒手做的卻在生活中有手做的也可以跟我要紙型及作法 分享只到 7 月 31 日 sinia6 發表在 痞客邦 留言(0) 人氣(0)
網頁常用框代碼
文字
滾動框代碼<DIV align=center style=' color: #990099; background-color:#FFFFE0; border: solid 2px black; width: 470px; height: 180px; overflow: scroll; scrollbar-face-color: #ffc0cb; scrollbar-shadow-color: #ffb 6c 1; scrollbar-highlight-color: #98fb98; scrollbar-3dlight-color: #ffb 6c 1; scrollbar-darkshadow-color: #90ee90; scrollbar-track-color: #ffdead; scrollbar-arrow-color: #f5deb3; '>文字</DIV>
外凸框代碼<div style="border-style:outset #ffdab9;background-color:#FFFFE0; border-width:3px;">文字</div> 虛線框代碼<div style="border: 3px dashed #ff4500;background-color:#ffdab9">文字</div> 實線框代碼<div style="border:3px solid #ffdab9;background-color:#FFFFE0">文字</div>
雙線框代碼 <div STYLE="border-style:solid;border-width:5pt; border-color:red">文字</div>
雙線框代碼<div style="border:3px double #000000;">文字</div>
實線框代碼<div style="border:1px solid #000000;">文字</div>
虛線框代碼<div style="border:1px dashed #000000;">文字</div>
外凸框代碼<div style="border-style:outset; border-width:1px;">文字</div>
彩色框代碼
<div STYLE="border-style:Double;border-width: 6pt ; border-color: #f08080"> <div style="width:100%;height:100%;background-color:#FFFFE0;"> 文字</div></div>
立體框代碼
<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge; border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#E6E 6F A;">文字</div></div>

|
|
.msgcontent .wsharing UL LI {
TEXT-INDENT:0px;}
.ysm {
BORDER-BOTTOM:#97abbc 1px solid;POSITION:relative;BORDER-LEFT:#97abbc 1px solid;PADDING-BOTTOM:1px;LINE-HEIGHT:1.4;MARGIN:5px;MIN-HEIGHT:10px;PADDING-LEFT:5px;PADDING-RIGHT:5px;FONT-SIZE:13px;OVERFLOW:hidden;WORD-BREAK:break-all;BORDER-TOP:#97abbc 1px solid;BORDER-RIGHT:#97abbc 1px solid;PADDING-TOP:1px;}
.ysm * {
CURSOR:pointer;}
.ysm .ysmlabel {
POSITION:absolute;TOP:2px;RIGHT:5px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
TEXT-ALIGN:left;PADDING-BOTTOM:6px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;ZOOM:1;PADDING-TOP:0px;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
MARGIN:0px;FONT-SIZE:12px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
}
.ysm-vertical .ysmlabel {
TEXT-ALIGN:center;MARGIN:0px auto;DISPLAY:block;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
A.smaplink IMG {
PADDING-BOTTOM:0px;PADDING-LEFT:2px;WIDTH:31px;PADDING-RIGHT:4px;HEIGHT:13px;PADDING-TOP:0px;}
sinia6 發表在 痞客邦 留言(0) 人氣(5)
sinia6 發表在 痞客邦 留言(0) 人氣(5)