PIXNET Logo登入

ω。艾媽の手作 Mapin-cloth 小舖。ω

跳到主文

HI!大家好這是我的烘焙世界~歡迎多多指教

部落格全站分類:收藏嗜好

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 6月 25 週三 200817:58
  • 版型文章邊框應用


↓

版型文章邊框應用



















版型文章邊框(二度空間)語法應用編輯

這是運用各版型邊框達人製作的版型邊框作為(各)個篇文章的美化文章框線 ,使用版型框線如不是您自創的,一定要註明引自出處,以示尊重智慧喔~

以往都是利用HTML語法製作多層次邊框線,在這篇文章中,改變另一種模式,以CSS在各篇不同的文章中自定文章樣式, 如果您不懂語法,一定要一字不漏的仔細詳讀所有內容,語法應用前,首先了解 CSS 語法的初步概念請點我。本章文章邊框語法 應用如下:



邊框語法來源(芯誼部落格),應用 規則範例↓    瀏覽實際參考樣式:請點我



↓由箭頭下拉反白開始複製,否則文章框線無法正常顯示,特別注意!


<style>
<!--
.pycntmod {width:100%;text-align:left;background:#000000;}
.pycntmod .rctop {background:url('http://hk.geocities.com/hhhe88999/106-1.gif') no-repeat left top;margin-right:5px;filter:Alpha(opacity=100);}
.pycntmod .rctop div {background:url('http://hk.geocities.com/hhhe88999/106-2.gif') no-repeat right top;height:50px;font-size:0;filter:Alpha(opacity=100);}
.pycntmod .rcbtm {background:url('http://hk.geocities.com/hhhe88999/106-03.gif') no-repeat left bottom;margin-right:5px;filter:Alpha(opacity=100);}
.pycntmod .rcbtm div {background:url('http://hk.geocities.com/hhhe88999/106-04.gif') no-repeat right bottom;height:169px;font-size:0;filter:Alpha(opacity=100);}
.pycntmod .rcl {padding-left:10px;background:url('http://hk.geocities.com/hhhe88999/106-5.gif') repeat-y;filter:Alpha(opacity=100);}
.pycntmod .rcr {padding-right:6px;background:url('http://hk.geocities.com/hhhe88999/106-6.gif') repeat-y right;filter:Alpha(opacity=100);}
#ptext1{color:#ff00ff;font-family:標楷體;font-size:24px;font-weight:bold;text-align:center;}
#ptext2{font-family:新細明體;font-size:18px;}
-->
</style>
<center>
<div class="pycntmod">
<div class="rctop">
<div></div></div>
<div class="rcl">
<div class="rcr">
<center><img src="文章內容裝飾圖片網址" ></center>
<div id="ptext1">文章標題</div>
<div id="ptext2">
<font color="#FFFFFF"><br>這裡是文章<br>
</font></div></div></div>
<div class="rcbtm">
<div></div></div></div></center>

↑


在這框線部份特別提示注意點:(框線提示)

在版型邊框達人引用複製框線語法製作文章時,必須做個修改,為了避免與部落格自訂樣式中的語法產生不可預測的干擾,必須將 .ycntmod 改成 .pycntmod ,然後將 .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden/*不管任何內容都去除*/;} 改成 .pycntmod {width:100%;text-align:left;background:#000000;}


原語法:(只要複製擷取框線部分)


.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:url(http://hk.geocities.com/hhhe88999/106-1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/hhhe88999/106-2.gif) right top no-repeat;height:50px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:url(http://hk.geocities.com/hhhe88999/106-03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/hhhe88999/106-04.gif) right bottom no-repeat;height:169px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:6px;background:url(http://hk.geocities.com/hhhe88999/106-5.gif) repeat-y;}
.ycntmod .rcr {padding-right:6px;background:url(http://hk.geocities.com/hhhe88999/106-6.gif) right repeat-y;}


修改後:


.pycntmod {width:100%;text-align:left/*文章內容預設置左*/;background:#000000/*文章底色*/;}
.pycntmod .rctop {background:url('http://hk.geocities.com/hhhe88999/106-1.gif') no-repeat left top;margin-right:5px;filter:Alpha(opacity=100);}
.pycntmod .rctop div {background:url('http://hk.geocities.com/hhhe88999/106-2.gif') no-repeat right top;height:50px;font-size:0;filter:Alpha(opacity=100);}
.pycntmod .rcbtm {background:url('http://hk.geocities.com/hhhe88999/106-03.gif') no-repeat left bottom;margin-right:5px;filter:Alpha(opacity=100);}
.pycntmod .rcbtm div {background:url('http://hk.geocities.com/hhhe88999/106-04.gif') no-repeat right bottom;height:169px;font-size:0;filter:Alpha(opacity=100);}
.pycntmod .rcl {padding-left:10px;background:url('http://hk.geocities.com/hhhe88999/106-5.gif') repeat-y;filter:Alpha(opacity=100);}
.pycntmod .rcr {padding-right:6px;background:url('http://hk.geocities.com/hhhe88999/106-6.gif') repeat-y right;filter:Alpha(opacity=100);}


(filter:Alpha(opacity=100)) 另外加入框線透明度,預設為100
語法中的元件 .pycntmod 也可以是其它英文語言,但是不可與部落格自訂樣式中的語言重複,避免不可預測的干擾,如在框線樣式中設定為 "pycntmod" 時,文章CSS子項 ID 、 class類別也必須設定相同的 "pycntmod" 否則無法辨識作用位置 ,例如:元件變更為 .abcd ,其 ID 、 class類別即為"abcd"
















語法應用重點分段解說



↓由箭頭下拉反白開始複製,否則文章框無法正常顯示,特別注意!/*在文章中加註引導引用複製箭頭起點*/


/*自訂文章type="text/css"父項指令開始↓*/


/*也可以為<style type="text/css">,在此使用<style>簡語即可*/


<style>
<!--


/*框線元件宣告語法↓*//*參考↑(框線提示)*/
.pycntmod {width:100%;text-align:left;background:#000000;}
.pycntmod .rctop {background:url('http://hk.geocities.com/hhhe88999/106-1.gif') no-repeat left top;margin-right:5px;filter:Alpha(opacity=100);}
.pycntmod .rctop div {background:url('http://hk.geocities.com/hhhe88999/106-2.gif') no-repeat right top;height:50px;font-size:0;filter:Alpha(opacity=100);}
.pycntmod .rcbtm {background:url('http://hk.geocities.com/hhhe88999/106-03.gif') no-repeat left bottom;margin-right:5px;filter:Alpha(opacity=100);}
.pycntmod .rcbtm div {background:url('http://hk.geocities.com/hhhe88999/106-04.gif') no-repeat right bottom;height:169px;font-size:0;filter:Alpha(opacity=100);}
.pycntmod .rcl {padding-left:10px;background:url('http://hk.geocities.com/hhhe88999/106-5.gif') repeat-y;filter:Alpha(opacity=100);}
.pycntmod .rcr {padding-right:6px;background:url('http://hk.geocities.com/hhhe88999/106-6.gif') repeat-y right;filter:Alpha(opacity=100);}


/*框線元件宣告語法↑*/


/*元件集體宣告共同繼承語法↓*//*#元件 {性質: 值 ;}*/


/*文章標題元件 {字體顏色; 字型; 字體大小; 粗體字; 文字置中;}*/


#ptext1{color:#ff00ff;font-family:標楷體;font-size:24px;font-weight:bold;text-align:center;}


/*文章內容元件 {字型; 字體大小;}*//*此段另外說明:因為元件宣告.pycntmod {width:100%;text-align:left;background:#000000;}中已表示文字置左,所以文章內容受其置左性質控制,如文章內容也要置中,可在 #ptext2 的元件之性質中加入 text-align:center; 例如:#ptext2{font-family:新細明體;font-size:18px;text-align:center;}*/


#ptext2{font-family:新細明體;font-size:18px;}


/*元件集體宣告共同繼承語法↑*/
-->
</style>


/*自訂文章type="text/css"父項指令結束↑*/


/*自訂文章CSS子項 ID 、 class類別挑選作用位置開始↓*/


/*注意每段用語的<起始語>與</結束語>,為方便了解,以同顏色作檢視配對區分*/
<center>/*置中*/
<div class="pycntmod">/*介入邊框 線的所有元件宣告指令*/
<div class="rctop">/*上框線*/
<div></div>/*右上角框線*/</div>
<div class="rcl">/*左框線*/
<div class="rcr">/*右框線*/
<center>/*裝飾圖片置中*/<img src="文章內容裝飾圖片網址" ></center>
<div id="ptext1">文章標題</div>
<div id="ptext2">/*內文起始*/
<font color="#FFFFFF">/*內文顏色*/<br>這裡是文章<br>/*br是分段語*/
</font></div></div></div>
<div class="rcbtm">/*下框線*/
<div></div>/*右下角框線*/</div></div>
</center>


/*自訂文章CSS子項 ID class類別挑選作用位置結束↑*/


↑/*複製箭頭終點*/



特別注意!格友自行發文章時,建議加上上下引用指示引導箭頭,引導文章引用複製起點與結束,以免版型圖框複製不完全或其它錯誤!


語法中的元件 #ptext1與 #ptext2  也可以是其它英文語言,但是不可與部落格自訂樣式中的語言重複,避免不可預測的干擾,在元件中設定為 #ptext1與 #ptext2時,文章CSS子項 ID 、 class類別也必須設定相同的 "ptext1"與 "ptext2" 否則無法辨識作用位置,例如:元件變更為 #efgh1與#efgh2 ,其 ID 、 class類別即為"efgh1"與 "efgh2"

為了方便字體顏色在奇摩文章編輯視窗能任意改變,所以合併了HTML的用語 ,如要改變文字顏色,滑鼠指標在編輯視窗上點兩下,出現游標|,然後反白需要變更的文字段,即可利用色碼套入器換色

另外!勿直接在奇摩文章編輯視窗改變片段文字位置(整個邊框會改變),必須進入HTML模式進行語法段加入語法作變更,例如:文字片段置中<center>文字內容</center>,預設為置左,所以置左不需另外在文章片段中設定




↑


 


 


(繼續閱讀...)
文章標籤

Mapin-cloth 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:♡♬《blog教學》♬♡
▲top
  • 6月 25 週三 200817:47
  • 改變預覽確認框加框線及底圖的語法 2(新)


















芯誼blog 


芯誼又研究出預覽確認框加框線及底圖的語法囉~


修改後將語法直接貼至「管理部落格」--「面板設定」--「自訂樣式」--css表裡就好囉~



語法如下:


/*芯誼製按鈕框(彩色線條)*/


input, select{background:url(圖的網址);color:#(文字顏色);border-top :上框的寬度px solid #上框的顏色;border-bottom :
下框的寬度px solid #下框的顏色; border-left :左框的寬度px solid #左框的顏色; border-right :右框的寬度px solid #右框的顏色;font-size:(這可調框的大小)px;font-family:verdana;}



/*芯誼製按鈕框 (線條)*/


input, select{background:url(圖的網址);color:#(文字顏色);border:(框的寬度)px double #(框線顏色)
;font-size:(這可調框的大小)px;font-family:verdana;}



/*芯誼製按鈕框(虛線)*/


input,select{background:url(圖的網址);color:#(文字顏色);border:(框的寬度)px dashed #(框線顏色)
;font-size:(這可調框的大小)px;font-family:verdana;}


 


~*~*~以下是先前語法~*~*~


 


修改後將語法直接貼至「管理部落格」--「面板設定」--「自訂樣式」--css表裡就好囉


語法如下:


/*芯誼製按鈕框*/
input,select{background:url(圖的網址);color: #B4C3F0(文字顏色);border: 3px dotted #FF00F0(框線顏色);font-size:16px(這可調框的大小);font-family:verdana;}


第二種框線~


語法如下:


/*芯誼製按鈕框*/
input,select{background:url(圖的網址);color: #B4C3F0(文字顏色);solid: 3px dotted #FF00F0;font-size:16px(這可調框的大小);font-family:verdana


(繼續閱讀...)
文章標籤

Mapin-cloth 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:♡♬《blog教學》♬♡
▲top
  • 6月 24 週二 200812:50
  • 小恩甜蜜情侣文字置中透明版






 


 





 


/*customization CSS小恩甜蜜情侣文字置中透明版*/



/*Links連結底圖無底線及左右欄位文字顏色*/
a,a:link,a:visited{color:#4B0078;text-decoration: none;}
a:hover{color:#3C0F00;text-decoration: none;background-image:url(http://kr.img.blog.yahoo.com/ybi/1/70/d5/daisykr9864/folder/29/img_29_18412_16?1174690564.gif)}


 



/*Master header奇摩頂圖*/
#yhtw_masthead{background:#D2FFF0;background-image:url(http://i83.photobucket.com/albums/j285/GiGilove_ai/sgdcl2/cd5d406d.gif);color:#00003C;font-size:130%;}
#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#3C003C;}


 



/*捲軸*/
HTML {
scrollbar-face-color: #E187F0 ;
scrollbar-track-color: #E1A5F0 ;
scrollbar-arrow-color: #B400B4 ;
scrollbar-3dlight-color: #690078 ;
scrollbar-highlight-color: #D2A5F0 ;
scrollbar-shadow-color: #C3E1F0 ;
scrollbar-darkshadow-Color: #D2E1F0 ;}


 



/*Background image for whole page背景圖*/
BODY {background:white url(http://online.sccnn.com/desk/928/2007love009.jpg);background-attachment:fixed;}



/*Blog title部落加歡迎圖片,字型顏色*/
#yblogtitle .mbd{text-align:center}
#yblogtitle .mbd .thd{background-image:url(http://b2734610.t35.com/c4.gif);background-repeat:no-repeat;background-position:0% 100%
;width:404px;height:222px;font-family:華康少女文字W3;font-size:16px;text-align:center}
#yblogtitle h1{color:#4B1E00;font-weight:bold; }
#yblogtitle .mbd .tbd{display:none}
#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,
#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}


 


 


/*粉紅花朵二款游標圖*/
body{cursor:url(http://ruby-pink.myweb.hinet.net/ppp/flower_1.ani)}
a:hover {cursor:url(http://ruby-pink.myweb.hinet.net/ppp/m12.ani)}


 



/*Main content body文章底圖,自我介紹文字顏色*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url();
color: #2D0FB4;TEXT-ALIGN: center;} #ymodcal .mbd td strong {color:#000000;}



 


/*Main content header文章標題圖*/
.yc3pribd .mhd{ background:url() repeat; color:#002D00;}


 



/*Opacity for blogtitle部落橫框透明度*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)}
 



/*Opacity for sub column 左右欄位透明度*/
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:0)}


  
 


/*Opacity for main content調整內文透明度*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:0)}


 



/*性別圖*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:80px;height:206px;background:url(http://pds38.cafe.daum.net/image/8/cafe/2007/07/08/05/10/468ff23882181) center no-repeat;}
#ymodprf .horos img{display:none;}


 



/*Subs list訂閱部落格*/
 div#btnsbsrb a{display:block;width:150px;height:71px;overflow:hidden;background:url(http://b2734610.t35.com/w201.gif) no-repeat;margin:0;}
 div#btnsbsrb_nologin a{display:block;width:150px;height:71px;overflow:hidden;background:url(http://b2734610.t35.com/w201.gif) no-repeat;margin:0;}
 #yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}


 



/*Blog title 部落格名置中文字顏色大小及橫框底圖*/
#yblogtitle .mbd,#yblogtitle .mft{background: url() repeat;height:100px ;}
#yblogtitle h1{ color: #5A0078;font-size:130%;TEXT-ALIGN: center;}


 


/*Text color for blog title部落橫標下排文字及自我介紹欄位標題字體*/
#yblogtitle .text {color: #00003C;font-size:130%;padding-left:25px;TEXT-ALIGN: center;}


 



/*Text color for module左右欄標題文字顏色*/
.text {color: #0F4B3C;}


 


/*Text color for main content文章內文及格友留言內容文字顏色*/
.yc3pribd .text {color:#4B003C;}


 



/*Background color for main content body放大文章及留言板內文字體*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p {font-size:100%;background: ;(opacity:100)}


 



/*Nav module header左右欄標題文字置中,文字大小,留言板文字顏色*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{font-size:112%;background:;color:#0F0000;TEXT-ALIGN: center;}


 



/*Blog guest book module留言板文字加閃圖*/
#ymodmsgbd h3{background-image:url(http://photo1.bababian.com/upload1/20070621/76162F4332BAE1C4C42EE14E1526ACBC.jpg);background-repeat:no-repeat;filter:alpha(opacity=100);background-position:30% 100%;height:20px}


 



/*Nav module body左右欄文字大小*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{font-size:100%;background:; color: ;}


 



/*article content module內文的文章標題文字顏色及前小圖*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1}
.yblogcnt .blgtitlebar h2 {font-size:14pt;font-weight:bold;background:url(http://online.sccnn.com/gif2/139/18900000.gif) no-repeat;padding-left:58px;height:50px;font-family:新細明體;}
.yblogcnt .blgtitlebar h2 a {color:#00003C;padding-right:5px;}


 



/*Nav module list左右欄小圖示*/
.ycntmod .mbd ul.list li {background:url(http://i83.photobucket.com/albums/j285/GiGilove_ai/tb4/ame-542.gif) left .1em no-repeat;padding-left:17px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://i83.photobucket.com/albums/j285/GiGilove_ai/tb/pin_17.gif) 15px center no-repeat;}


 



/*Module latest upup更新日期前小圖*/
#ymodupdate .mbd .date{background:url(http://i83.photobucket.com/albums/j285/GiGilove_ai/tb3/f8a50b91.gif) left center no-repeat;font-size:98%;font-family:verdana;}


 


/*連結浮出*/
a:hover{ border: 6px #fff outset }


 


/*部落格大框線*/
body {border: 4px double ;}


 


/*Blog album module隱藏部落格相簿*/
#ymodalbum{display:none;}


 


/*Blog latest update module隱藏更新日期欄*/
#ymodupdate{display:none}


 



/*Opacity for blast招呼語圖框貼齊最新文章邊線及換字體加大文字*/
#yblast{zoom:1;position:relative;top:-20px;left:0px;margin:0 0 -57px 0;z-index:2;}
#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:580px;height:70px;}
#yblast .text{zoom:1;margin:-57px 0 0;}
#yblast .text a
#yblast a.edit{background:url(http://i198.photobucket.com/albums/aa18/9870_813/0802/0803/866a2dce.gif);width:13px;height:13px;}
#yblast .bg {zoom:1; filter:alpha(opacity:70); background: url(http://i198.photobucket.com/albums/aa18/9870_813/0802/0803/866a2dce.gif) no-repeat}
#yblast .text{color:#0F1E00;font-size:120%;}


 



/*comment list management管理回應底圖*/
#ycmntlist .mbd{}
.listbd {background:url(http://i83.photobucket.com/albums/j285/GiGilove_ai/kabj2/cdafa2b9.gif);}
#ycmntlist .listhd ul {font-size:13px;}
#ycmntlist .listhd li strong,.listhd li a {}
#ycmntlist .listhd li a {}
#ycmntlist .actionbar {}
table#datatable th {}
#ycmntlist h4{font-size:13px;}


 



/*shared rounded corner for all modulesLOVE熊熊框線*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://a0987226145.t35.com/nj1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://a0987226145.t35.com/nj2.gif) right top no-repeat;height:50px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://a0987226145.t35.com/nj3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://a0987226145.t35.com/nj4.gif) right bottom no-repeat;height:65px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:3px;background:url(http://a0987226145.t35.com/n5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:3px;background:url(http://a0987226145.t35.com/n6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


 




語法使用:


進入  管理部落格 面版設定 自訂樣式


  請先將原有的語法 COPY 至  WORD 文書檔案存檔備用


  存檔後刪去原有的CSS 


  到管理部落格 各式樣板   簡單類  先點任一簡單類的樣版  按確定  按回我的部落格


  再次進入管理部落格   自訂樣式   把奇摩簡單類樣板語法全部 清空   


  將小恩的版型語法全部 複製 貼入 自訂樣式的 CSS 語法中


   面版設定  進階樣式   把 標題設定 欄位設定  內文設定 的透明度都調整至 0% (全透明)


 註 :   內文設定的文字顏色 可依自己喜好調整


          文字顏色 請依  色碼表 http://board.ek21.com/colortable.htm  更改


 


          其它背景底圖 可參考更換圖片網址   


                  雅虎壁紙大全    http://image.cn.yahoo.com/imglist.html?bid=3&source=ysearch_img_wallpaper_morekw&curr=4


                   染布坊  http://dye.mychat.to/


                   阿盛網站  http://sheng.phy.nknu.edu.tw/


                   訂閱圖   ╭ღ。藍精靈。ღ╮  http://tw.myblog.yahoo.com/tracylft/article?mid=9380&prev=9420&next=9334




引用:http://tw.myblog.yahoo.com/jw!r9nZCrmTAhkuM9iHiA8MIQ--/article?mid=22769


我要引用

我要回應

儲存至「分享書籤」

上一篇 下一篇


回應(1)



1



隱藏設定: 公開回覆 隱藏回覆





※ 提醒您:發表前請先登入,以免內容遺失。

觀看HTML 原始碼 (說明)



引用(2)





☆~冰心~☆於2008/05/15 14:46 引用


/*customization CSS小恩甜蜜情侣文字置中透明版*/ /*Links連結底圖無底線及左右欄位文字顏色*/a,a:link,a:visited{color:#4B0078;text-decoration: none;}a:hover{ ...《詳全文》






無憂無慮的家於2007/08/16 20:49 引用


  ...《詳全文》



1

(繼續閱讀...)
文章標籤

Mapin-cloth 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:♡♬《blog教學》♬♡
▲top
  • 6月 24 週二 200810:09
  • 4組部落格透明度css語法


分類:語法教學區&美圖世界
2008/06/24 10:05
 
 

如果網頁開太慢*按滑鼠右鍵*點內容*


會開很快喔 !



分享園地     一天學一點 


希望大家能輕鬆上網~快樂學習~相互勉勵


【4組】部落格透明度CSS語法


Opacity for blogtitle  標題底色透明度  
Opacity for main content  文章底色透明度
Opacity for sub column  左右欄位底色透明度
Background color for module 個人欄位底色透明度

 

以下為完全透空之語法

↓

 






/*Opacity for blogtitle標題底色透明度*/ 
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)}


/*Opacity for main content文章底色透明度*/ 
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:0)}


/*Opacity for sub column左右欄位底色透明度*/ 
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:0)}


/*Background color for module個人欄位底色透明度*/ 
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background:#99FF99; filter:alpha(opacity:0)}





**************************************



部落格【透明度】CSS語法教學


請從


管理部落格 → 面板設定 → 自訂樣式 → 在到CSS欄



將下面語法覆製 → 貼在CSS內容欄最下面


CSS語法內沒有這語法  就直接貼上


有的話請(覆蓋原先的設定)


(重覆貼取語法會干擾程式,可能會造成效果無法顯示,


或是其他無法預期的事情,除非把語法清除重新設定)


【進階樣式和自訂樣式的設定也會相互干擾】



 


引用文章【語法】發表教學


↓


要如何引用文章呢?


※ 記得要先登入你奇摩部落格的帳號喔!!



1.複製要發表的【整篇文章內容】

不會的請參考)→     基本貼圖

2.點文章的右下角的【我要引用】


3.點了【我要引用】之後就直接連結到您要發表文章的地方


4.貼上剛才複製的全部文章內容

5.【整理好文章內容】

6.【寫好文章標題】


7.按【立即發表】→ 完成


(繼續閱讀...)
文章標籤

Mapin-cloth 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:♡♬《blog教學》♬♡
▲top
  • 6月 23 週一 200812:40
  • 使用Firefox 瀏覽器時的透明版面


 

  您是不是花了很多心思,打造了具有個人風格的版面,可是使用Firefox 瀏覽器時,卻發現版面的透明度無效,整個版面變得比沒修改時不好看,真是有點 失望。如果您和我有相同的困擾,請來試試這個方法...


這是小精靈 提供的透明底圖  http://blog.roodo.com/idea_et32/cd342afa.gif


您將這一張透明底圖套進去語法,就能在 Firefox 瀏覽器下 都變透明


/*文章內文背景圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfotable, #yusrintro p{background: url(http://blog.roodo.com/idea_et32/cd342afa.gif) no-repeat;}


/*Main content header*文章標題背景圖/
.yc3pribd .mhd{ background:url(http://blog.roodo.com/idea_et32/cd342afa.gif) repeat; color:#333;}


/*左右欄位內容底圖*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background: url(http://blog.roodo.com/idea_et32/cd342afa.gif) no-repeat;}


/*Nav module header*左右欄位標題底圖/
.yc3sec .mhd, .yc3subbd .mhd{ background:url(http://blog.roodo.com/idea_et32/cd342afa.gif) repeat; color:#333;}


/*部落格最上方控制列背景圖及文字顏色(置頂區)*/
#yhtw_masthead{background: url(http://blog.roodo.com/idea_et32/cd342afa.gif) no-repeat;}


/*部落格底圖*/
#yblogtitle .mbd,#yblogtitle .mft{background: url(http://blog.roodo.com/idea_et32/cd342afa.gif) no-repeat;}


/*招呼語底圖*/  
#yblast .bg {background: url(http://blog.roodo.com/idea_et32/cd342afa.gif) no-repeat;}




/*shared rounded corner for all modules無框線語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url() left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url() right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url() right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url() repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url() right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}



 

  也就是說,背景底圖使用透明圖,在 Firefox 瀏覽器下 就會變透明,您只要將您版面上的所有圖片都加上這張透明圖,就可變透明了,但是GIF 檔只能作透明底圖,而無法作半透明底圖,所以在 Firefox 瀏覽器 下,一是透明底圖,一是不透明底圖,沒有半透明。


如果您的招呼語設定隱藏,或置頂圖設定隱藏,就不需要貼透明圖,也就是說,您只要選您有使用的部份語法來貼就成了。然後加上無框線語法,整個版面就變成透明了。


這張↓是加透明圖以前,Firefox 瀏覽器下的版面



這張是↓加了透明圖之後,Firefox 瀏覽器下的版面。



   您看~~是不是使用Firefox 瀏覽器時,也和使用IE 瀏覽器時一樣呢?


這張是↓使用IE 瀏覽器時的版面...



(繼續閱讀...)
文章標籤

Mapin-cloth 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:♡♬《blog教學》♬♡
▲top
  • 6月 21 週六 200808:21
  • Flash時鐘製作3-三合一時鐘應用(含時鐘數字鐘日期源碼)


時鐘製作3-三合一時鐘應用(含時鐘數字鐘日期源碼)

 


這篇是時鐘數字鐘日期源碼,通通放在一起的3合1時鐘^^



一. 準備動作:請先點擊下載→ CTD時鐘源碼


 


二. 3合1時鐘製作:


1. 請打開 Macromedia Flash MX 軟體


按主要工具圖示開舊檔案,找到你下載的時鐘源碼,將時鐘源碼叫入Flash MX裡。


或者按上方文字工具列的檔案→點擊開舊檔案



 


2. 叫出元件庫,按視窗點選元件庫,點擊後會跳出視窗。



 


3. 設定電影畫布尺寸


這次我選的圖片尺寸是:370*370,所以先把電影畫布設定成370*370


※ 若是在工作台下方看不到屬性-背景,只要點一下工作台灰色塊,就會出現了。



設好尺寸後↑畫布變大了,時鐘沒有置中,這個先不管它,繼續下面步驟^^


 


4. 將圖片讀入元件庫


→


↓放進元件庫之前會出現這個詢問,選第二個按確定



↓圖片被放入元件庫了,到元件庫中找到叫入的底圖


(被叫入元件庫裡面的圖,後面都有複製兩字)



 


5. 將底圖拉進工作台的時鐘源碼上,底圖剛好佔滿整個畫布。


(※這裡很重要的,一定要先將時間軸底圖圖層第一格點選反白,才能將元件庫裡的主圖拉到工作台上放置。)



圖片有藍框圍起來的情況,表示這張圖片可以任意移動位置


(就是當滑鼠移到工作台的主圖時,游標會變成→,這時就可以點著底圖不放,


移動滑鼠拖曳底圖,將圖拖到畫布上。)


放好底圖後可以先看預覽。到這裡也算是完成第一階段的時鐘^^


按文字工具列的控制,再點測試影片,看看主圖在時鐘上的效果。



 看到時鐘.電子鐘還有日期了吧↑只是時鐘還沒調整好位置,而且數字顏色不清楚。


現在就來更換數字顏色還有把3合1時鐘位置調整好


 


6. 調整3合1時鐘位置及更換數字顏色


作法1. 移動時鐘到適當位置



4. 把底圖鎖起來,移動時鐘時,才不會一直移動到底圖。


5. 鼠標壓著藍框不放拖曳,這時鼠標變成,將時鐘拖到底圖上的適當地方。


作法2. 改變電子鐘數字顏色



↓


3.將鼠標指著藍框,這時鼠標變成,快點兩下。藍框變成↓



這樣的形狀就是可以修改文字的狀態↑


再來將工作台下方的屬性-背景工具列點出來,開始改變數字,其他沒圈的地方不用動它^^



↓



文字設定好之後,按控制先看一下測試影片


↓



咦,電子鐘↑沒有完全顯示出來。


那是因為,剛才加大字體時,沒有把上面文字格子也拉大,而數字只能顯示在限制框框內,所以電子鐘無法完全顯示。


那麼就再回到工作台,將文字格子拉大。


↓


回到工作台面,將鼠標點在文字格的右下小方格上不放,這時鼠標會變成,開始拖曳往右拉,


拉時會有黑色虛框出現,拉到你覺得電子鐘數字可以全部顯示出來的大小後放開鼠標。


→拉→


拉好後再按控制進入看測試影片,看看電子鐘是否有全部顯示,若沒有,就再回到工作台面,再拉。


↓


拉好後,再來調整電子鐘的位置



壓著藍框不動,拖曳滑鼠,將電子鐘移到底圖上適當位置。


↓現在時鐘跟電子鐘位置都移好了。



作法3. 調整日期位置及更換日期顏色



日期星期是分三格顯示:年月‧日‧星期→


先將鼠標指著第一格年月快點兩下,年月格變成文字設定狀態,到屬性-背景工具列中將年月文字改變。



年月改好後,日跟星期數字也是同樣作法。


日期文字都改好後,把年月日期三個格子都選取,然後指著格子不放,移動日期的位置。


連選物件方法:先點取第一個格子,然後按住鍵盤Shift 鍵,同時按第二格子後,再按第三格子


三格都選取了,開始移動日期,將它們擺在底圖適當位置。


大致上這樣3合一時鐘就完成了,可以將所有物件再調整一下,擺的位置都可以後


再進入控制,看一下測試影片,滿意了,就可以儲存了。


 


7. 儲存檔案(另存新檔)



↓



↓



↓



↓



↓



 


儲存完成,再將swf檔上傳到樂多空間,取得網址,就可以貼到自訂欄位裝飾部落格了^^


 成果展示



 <embed src="http://img337.imageshack.us/img337/821/t02eo5.swf" width="370" height="370"></embed>




3合一時鐘製作也很簡單,因為源碼一定是固定的,難的是Flash軟體應用,


不過若您熟悉軟體操控,相信您一定可以把時鐘做的很上手。


這裡有呂聰賢老師的Flash MX軟體教學,若您想深入研究,不妨進去看看喔^^


 


祝您玩的愉快


祝 大家天天開心 順心如意


 


玄音 合十 97.06.17



(繼續閱讀...)
文章標籤

Mapin-cloth 發表在 痞客邦 留言(0) 人氣(2)

  • 個人分類:♡♬《blog教學》♬♡
▲top
  • 6月 19 週四 200813:04
  • 12星座運勢語法



 
             

               12星座運勢



                                 
                                



1. 管理部落格進入    -->





  2. 點選管理自訂欄位  -->





3. 輸入自訂欄位名稱  -->





4. 將12星座語法 複製到自定欄位內容裡 -->



<p><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=11"><img src="http://tw.starq.com/newstar2005/images/msn_2006/icons/11.gif"height=60 width=60><font color=#666699 size=4><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=12"><img src="http://tw.starq.com/newstar2005/images/msn_2006/icons/12.gif" height=60 width=60></a><br><strong><font color=#666699 size=4></font></strong></font><br>



<p><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=1"><img src="http://tw.starq.com/newstar2005/images/msn_2006/icons/1.gif" height=60 width=60><font color=#666699 size=4><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=2"><img src="http://tw.starq.com/newstar2005/images/msn_2006/icons/2.gif" height=60 width=60></a><br><strong><font color=#666699 size=4></font></strong></font><br>


<p><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=3"><img


src="http://tw.starq.com/newstar2005/images/msn_2006/icons/3.gif" height=60 width=60><font





color=#666699 size=4><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=4"><img src="http://tw.starq.com/newstar2005/images/msn_2006/icons/4.gif" height=60 width=60></a><br><strong><font color=#666699 size=4></font></strong></font><br>





<p><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=5"><img src="http://tw.starq.com/newstar2005/images/msn_2006/icons/5.gif" height=60 width=60><font color=#666699 size=4><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=6"><img src="http://tw.starq.com/newstar2005/images/msn_2006/icons/6.gif" height=60 width=60></a><br><strong><font color=#666699 size=4></font></strong></font><br>





<p><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=7"><img src="http://tw.starq.com/newstar2005/images/msn_2006/icons/7.gif" height=60 width=60><font color=#666699 size=4><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=8"><img src="http://tw.starq.com/newstar2005/images/msn_2006/icons/8.gif" height=60 width=60></a><br><strong><font color=#666699 size=4></font></strong></font><br>





<p><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=9"><img src="http://tw.starq.com/newstar2005/images/msn_2006/icons/9.gif" height=60 width=60><font color=#666699 size=4><a rel="nofollow" href="http://tw.starq.com/newstar2005/dayyunshi.php?starno=10"><img src="http://tw.starq.com/newstar2005/images/msn_2006/icons/10.gif" height=60 width=60></a><br><strong><font color=#666699 size=4></font></strong></font><br>



 
(繼續閱讀...)
文章標籤

Mapin-cloth 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:♡♬《blog教學》♬♡
▲top
  • 6月 19 週四 200812:49
  • 對孩子最好和最不好的四句話


 
 
 

語言的力量很神奇,

一個人也許會因為一句話而積極一生,
也可能因為一句話而失去自信。
在生活中與孩子說話,
有些話對他有幫助,有些話最好不要說……… 
● 有4句話,對孩子有幫助:
1. 「你來決定……」

如果你要讓孩子來做什麼事情,或者你想阻止他做什麼事情,
你可以這樣說:「你來決定吧……」
給他一個清晰的認識:我自己決定我的行為,同時對我自己的行為負責。

比如,你的孩子正和他的夥伴在家裏瘋鬧,
你可以對他們說:
「這樣大聲會影響到鄰居休息,那麼你們來決定吧,
 是安靜一點兒呢?還是到外面去玩兒?」
如果他們選擇出去玩,但5分鐘後他們還在屋裏大喊大叫,
你就可以接著說:「你們剛才已經答應了到外面去玩不是嗎?」
這樣做,既可以教會孩子明白<選擇就意味著承擔後果>,
而且也可以使父母避免總是充當一個約束他們的壞員警角色。
要讓孩子明瞭:你選擇了,並且對它負責,這就是真正的自由。

2.
「我愛你,但我不喜歡你的這種行為。」

教導和約束,對於孩子來說總是必要的,
但你一定要把他不好的行為和他這個人分開,這會使你和他都懂得──
不好的行為,並不意味著做這件事的人就是「壞人」。
在你管教他的同時告訴他:
「我為你指出什麼是不好的、不被接受的行為,正是出於我愛你,
 儘管我不喜歡這種行為,但是我愛你!」
這樣同樣能夠給你自己一個提醒,你的目的是糾正和引導孩子的幼稚和無知,
讓他變得更加可愛和優秀,而不是僅僅為了教訓或懲罰。
同時,這也能夠使你在面對孩子的時候,更能保持平靜平和,
而不至於表現出低品質的、起不到榜樣作用的咆哮。

3.
「你要知道,不同的人會有自己不同的需求。」
當你的孩子又在重複那句「這不公平!」的時候,你需要做的不是呵斥或忽視他,
而是要耐心地讓他明白一個道理:事實上,每個人並不是一定都會得到同等待遇的,在這種狀況下,「公平」真實的含義其實是:「每個人在他需要這個東西的時候得到它。」

於是,如果你買了什麼禮物給親戚的孩子,
你不要再買一份給自己的孩子,以示「公平」或「安慰」。
試想如果別的孩子生病了,你的孩子是不是也要一起吃藥呢? 

4. 「告訴我,你心裏真實的想法!」

當你的孩子在被激怒的時候,
很可能會破口而出那些難聽的話來:「你這混蛋!」,或者「我討厭你!」
因為這是他們在情緒激烈的時候所能想到(或者說模仿到)的最「狠」最解氣的話。但你作為父母,你需要幫助你的孩子更深刻地瞭解自己的情緒——
究竟是什麼激怒了他,讓他感到憤怒(或者是不安、委屈等等),幫他分析整個事實。
比如在他自己暫時理不清頭緒時,你可以給他一些幫助:
「你不高興,是不是因為娜娜跟別人說了你告訴她的小秘密?」
根據事實,幫孩子掌握自己的情感,教導他在這種時刻應該怎麼想,
讓自己能平和,能和他人處理好關係。
這樣,將來在沒有家長在身邊的時候,他們也能學著克制和緩解自己的情緒了。

● 有4句話,最好不要說:


1.
「這像是你這麼大的孩子做的事兒嗎!」

當一個5歲的孩子因為得不到自己想要的東西而哭,
或者一個4歲的孩子拒絕在公共汽車上老老實實地坐著的時候,
他其實就是在做他這個年齡的孩子「應該」做的事兒。
當然,如果孩子表現得更加成熟、懂事、得體,父母會十分滿意和高興,
但當你要求他「合理」時,
你實際上是在沒有弄清楚為什麼他會出現這樣「不合理」的行為的原因之前,
就說出了這樣帶有責備性質的話。
這時,你真正關心的,其實是孩子帶給你的影響(讓你尷尬或者難堪)。

真正去關心他的感受,理解他並給他足夠的體恤和同情——
他是不是因為覺得呆在這裏很煩悶?或者他餓了?

2.
「你真是個沒用的孩子!」

和孩子開玩笑,看起來是一個不錯的開發他幽默能力的好方法,
但是諸如「你又忘記了擰緊瓶蓋,你是不是沒腦子啊!」
這樣的「玩笑」,卻很可能讓孩子感到受傷或者氣餒。
儘管有些父母想,這樣嘲笑一下孩子,
也許會對他將來承受更多複雜人際關係會有幫助——
他會因為有過這樣的「訓練」而變得「堅強」!
這是錯誤的。
作為孩子的父母,你的任務是愛他、支持他、幫助他、教導他,
而不是把這種裝腔作勢的「挫折訓練」隱藏在「玩笑」裏。
如果並不是真心覺得他很蠢很沒用,那就請你不要那麼說。
即使你真的覺得他很蠢很沒用,也請你不要那麼說。

3.
「你怎麼就不能像別人家的孩子一樣啊!」

這種把孩子與別人比較的方式,最直接能達到的效果就是,
讓孩子自己覺得像個二等公民,同時加劇他與其他人的對立情緒。

也許父母是想通過這種比較,讓孩子更聽話或者更努力學習,
但它除了會降低孩子的自信之外,不會有更好的效果了。
你愈是說他不行,他就愈會覺得自己不行。

父母要相信孩子的力量,同時也要正視孩子的弱點。
引導孩子關注自己的行為,發揚或改進,才是正確之道。

4.
「別跑!你會摔跟頭的!」

也許父母自己認為自己的關心和提醒簡直是無微不至了,
可你的這種警示,其實是在告訴他「我已經預見了你會摔跟頭的」,
這會讓孩子覺得很沮喪,他愈努力(想做得更好)愈會遭遇失敗(跑了就會摔跟頭)!
其實你可以叮囑他「把鞋帶繫好再出去玩」,
這時你談論的是他的鞋子,是裝備的準備,而不是孩子的「無能」。
而且,你愈想警告不要發生什麼事情,孩子往往愈會忽視你的提醒,
因為他覺得,你根本不知道自己在說什麼!

(資料來源:台灣素食網 http://www.vegefoods.com.tw/ )
(繼續閱讀...)
文章標籤

Mapin-cloth 發表在 痞客邦 留言(0) 人氣(2)

  • 個人分類:♡♬《文章分享》♬♡
▲top
  • 6月 19 週四 200812:47
  • 十二招教養出快樂的小孩



 
 

十二招教養出快樂的小孩



1. 給孩子隨性玩耍的時間,不要把生活安排得太有規則



美國兒童教育學者湯姆斯.阿姆斯壯指出,自由玩耍比有計劃性的活動,對學齡前的孩子來說更為健康有益。

父母要避免將孩子的時間塞滿各種活動、課程。所有的孩子都需要有一些無所事事,隨性玩耍的時間。

 

2. 教導他關懷別人

快樂的孩子需要能感受到自己與別人有某些有意義的連結,了解到他對別人的意義。

要發展這種感覺,可以幫助孩子多與他人接觸。你可以和孩子一起整理一些舊玩具,和他一起捐給慈善團體,幫助無家可歸的孩子。

也可以鼓勵孩子在學校參與一些義工活動。專家指出,即使在很小的年齡,都能從幫助他人的過程中,獲得快樂。並養成喜歡助人的習慣。

 

3. 鼓勵他多運動

陪你的孩子玩球、騎腳踏車、游泳…,多運動不但可以鍛鍊孩子的體能,也會讓他變得更開朗。

保持動態生活可以適度紓解孩子的壓力與情緒,並且讓孩子喜歡自己,擁有較正面的身體形象,並從運動中發現樂趣與成就感。

 

4. 笑口常開

常和孩子說說笑話、一起編些好笑的歌,和你的孩子一起開懷大笑,對你和孩子都有益處。

光是大笑,就是很好的運動。

 

5. 有創意的讚美

當孩子表現很好時,不要只是說:「很好。」讚美要具體一些,說出細節,指出有哪些地方讓人印象深刻,或是比上次表現更好。

例如,「你今天有主動跟警衛伯伯說早安,真的很有禮貌。」

不過,讚美時也要注意,不要養成孩子錯誤的期待。有些父母會用禮物或金錢獎賞孩子,讓孩子把重點都放在可以獲得哪些報酬上,而不是良好的行為上。

父母應該讓孩子自己發現,完成一件事情所帶來的滿足與成就感,而不是用物質報酬來獎賞他。

 

6. 確保孩子吃得健康

健康的飲食,不僅讓孩子身體健康,也能讓孩子的情緒較穩定。不論是正餐或點心,儘量遵循健康原則,例如:低脂、低糖、新鮮、均衡的飲食。

 

7. 激發他內在的藝術天份

雖然科學家已證實沒有所謂的「莫札特效應」,但是多讓孩子接觸音樂、美術、舞蹈等活動,依然可以豐富孩子的內心世界。

專家發現,當孩子隨音樂舞動、或是拿著畫筆鴉,其實都是孩子在抒發他內在世界、表達情感的法。孩子喜歡畫畫、跳舞或彈奏音樂,也會對自己感到比較滿意。

 

8. 常常擁抱

輕輕一個擁抱,傳達的是無限的關懷,是無聲的「我愛你」。

研究發現溫柔的撫觸擁抱,可以讓早產兒變得較健康、較活潑,情緒也較穩定。

對於大人而言,擁抱也能讓人減輕壓力,撫平不安的情緒。

 

9. 用心聆聽

沒有什麼比用心聆聽更能讓孩子感受到被關心。想要當個更好的傾聽者嗎?

不要只用一隻耳朵聽,當孩子對你說話時,儘量停下你手邊正在做的事情,專心聽他講話。

要耐心聽孩子說完話,不要中途打斷、急著幫他表達或是要他快快把話說完,即使他所說的內容你已經聽過很多遍了。

陪孩子去上學途中或哄孩子上床睡覺時,是最佳的傾聽時刻。

 

10. 放棄完美主義

我們都期望孩子展現出他最好的一面,可是有時候太過急切糾正或改善他們的表現。

例如,嫌棄他們沒把桌子擦乾淨,乾脆自己再擦一遍;或是糾正他們一定要把東西放到一定位置。事事要求完美,會減弱孩子的自信心與不怕犯錯的勇氣。

下次當你忍不住想要參一腳,急著幫孩子把事情做的更好時,不妨先想想看:

「這件事跟健康或安全有關嗎?」「想像10年之後,這件事還有這麼嚴重嗎?」如果答案是No,那麼就放手讓孩子去做吧。

 

11. 教導他解決問題

從學會繫鞋帶到自己過馬路,每一步都是孩子邁向更獨立的里程碑。當孩子發現他有能力解決面對的問題,就能帶給他們快樂與成就感。

當他遇到阻礙時,例如:被玩伴嘲笑或是無法拼好一塊拼圖時,你可有幾個步驟來幫助他:

1.確認他的問題。

2.讓他描述他的解決方式。

3.找出解決問題的步驟。

4.決定讓他自己解決這個問題或提供一些幫助。

5.確定他能獲得需要的協助。

 

12. 給他表演的舞台

每個孩子都有特有的天賦,何不給他們機會表現一下?如果他們喜歡說故事,鼓勵他多說故事給你聽。

如果他對數字很擅長,帶著他去逛街,讓他幫你挑選價格便宜的東西。

當你能欣賞孩子的才能,並表現出你的熱情時,孩子自然會更有自信心。

 

 

感想:

我們身邊的孩子所需要的,不只是衣食無慮的生活環境而已,他們需要大人陪伴他去「經歷」它的成長過程。

有句話說:「要知道孩子眼中的世界是什麼樣子,得先蹲下來,由孩子的位置和高度去看世界。」
(繼續閱讀...)
文章標籤

Mapin-cloth 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:♡♬《文章分享》♬♡
▲top
  • 6月 19 週四 200812:36
  • 破壞親子 關係的100句話


 
 
1. 你真笨。
2. 為什麼教你這麼久,你還不會。
3. 老師是怎麼教你的?
4. 動作粗魯,真不像女生。
5. 打你、罵你都是為了你好。
6. 你的自尊心值多少錢?
7. 懶的像豬一樣。
8. 你真是「阿達、阿達」。
9. 沒有人會喜歡你的。
10. 你看,又做錯了。
11. 終於逮到你了。
12. 你真是馬不知臉長。
13. 不行,這樣做不行。
14. 如果沒有你,我不知有多高興。
15. 你是哥哥(姊姊),要以身作則。
16. 你已經長大了,一切事情都要自己去做。
17. 我討厭你。
18. 吵吵鬧鬧,沒有一分鐘安靜下來。
19 你真討厭。
20. 房間像垃圾堆一樣。
21. 對你真失望。
22. 成績那麼差,以後怎麼辦。
23. 你欠揍。
24. 可惡。
25. 頭腦簡單,四肢發達。
26. 你太胖(太矮、太高)了。
27. 娘娘腔。
28. 慢郎中。
29. 病夫。
30. 豬、烏龜。
31. 沒知識。
32. 為什麼講不聽。
33. 你跟XXX一樣。
34. 如果你能跟XX一樣就好了。
35. 等會再跟你算帳。
36. 你試試看。
37. 你如果...我就...。
38. 打電話跟你們老師說。
39. 你對不起列祖列宗。
40. 混蛋。
41. 我對你,是沒什麼指望。
42. 你能考30分,就是祖上積德。
43. 你朋友大概也是這副德行吧!
44. 漂亮有什麼用?什麼都不會!
45. 你除了吃、睡,還會什麼?
46. 拜託你,要壞自己壞,別把弟弟(妹妹)拖下水。
47. 如果你不在我們家有多好。
48. 真倒楣,我居然有你這種孩子。
49. 最好不要讓我看到你。
50. 照照鏡子,一副賊頭賊腦樣。
51. 為什麼老是聽不懂?
52. 是不是又在想男生了,真不知恥。
53. 以你這副料子,也配用這種東西。
54. 啟智學校的學生也比你強。
55. 你以為你很行,是不是?
56. 不是你做的,才怪?
57. 閉嘴,沒有你說話的份。
58. 考得好,別得意,也許是你走狗運。
59. 你命太好了,父母都像傭人般的伺候你。
60. 你能做得到,太陽打西邊出來。
61. 當我在你這般年紀時。
62. 如果你一定要這樣做,你會後悔莫及...
63. 你根本就不用心嘛!
64. 你不應該這樣做!
65. 我從沒有見過像你這麼笨的小孩。
66. 好,你真該受這個教訓!
67. 你再不聽話,把你送到警察局去。
68. 年際輕輕不學好,將來拿什麼去謀生。
69. 你再講話頂嘴,我就揍你。
70. 你沒有理由好說。
71. 我要好好修理你。
72. 你這是什麼態度。
73. 你實在好幼稚。
74. 你是在找我麻煩是嗎?
75. 你有什麼了不起。
76. 你卑鄙無恥。
77. 真是朽木不可雕。
78. 你們應該好好向XXX學習。
79. 你們都一樣,沒有一個好東西。
80. 沒教養。
81. 你實在無法讓我信賴。
82. 劣根性。
83. 笨。(呆)
84. 無可救藥。
85. 我不喜歡你。
86. 你腦袋中裝的是豆腐渣。
87. 你是活死人啊!
88. 你給小心點,再考不好,看我怎麼修理你?
89. 混蛋加三級。
90. 從未看過這麼差勁的人。
91. 少三八。
92. 這麼簡單都不會。
93. 我走過的橋比你走過的路還多。
94. 不想在家就出去,不要給我回來。
95. 豬頭腦、點不通。
96. 你實在很幼稚。
97. 自己不會想啊!
98. 跳樓好啦。
99. 你以為我不知道?
100.不准你再去XXX,去參加XX的都是壞學生。
取材自呂麗絲著《一百句給父母說好話》一書
(繼續閱讀...)
文章標籤

Mapin-cloth 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:♡♬《文章分享》♬♡
▲top
«1...151152153»

麻吉交流

Mapin-cloth
暱稱:
Mapin-cloth
分類:
收藏嗜好
好友:
累積中
地區:

熱門文章

  • (6,364)引用~[教學] 手工蝴蝶結 櫻花~
  • (1,914)製作簡易圓規
  • (698)大/小剪刀套 紙型與作法
  • (530)1月19日東風新料理美食王食譜(192集) 李梅仙老師-蜜汁咕咾肉
  • (462)做法分享。 一片布就可做~有內裡的單拉頭束口袋
  • (255)蔡季芳老師-鹹蜆仔
  • (66)林宸緯師傅-和風牛筋煮烏龍麵&蔡季芳老師-梅干扣肉蛋黃粽(12-15個)
  • (59)鈎針術語中英文對照
  • (42)[鈎針編織]60種一線連圖解
  • (28)引用~折邊縫紉直角收邊法 (二)

文章分類

  • 手工皂 (1)
  • ♡♬《作品分享》♬♡ (38)
  • 我的證書作業 (3)
  • ♡♬《blog製圖教學》♬♡ (147)
  • ♡♬《blog時計游標》♬♡ (51)
  • ♡♬《心情の故事》♬♡ (23)
  • ♡♬《目錄樂果》♬♡ (110)
  • ♡♬《blog教學》♬♡ (250)
  • ♡♬《文章分享》♬♡ (92)
  • flash小玩物 (55)
  • 髮飾相關教學 (12)
  • 飾品做法 (1)
  • ♡♬《手工皂》♬♡ (1)
  • 串珠編織 (29)
  • 作品賞析 (97)
  • 果醬&餅乾 (15)
  • 養生食療 (4)
  • 手工餅乾訂購區 (176)
  • ♡♬《各式版型》♬♡ (17)
  • 引用拼布教學 (116)
  • 拼布引用分享 (205)
  • 未分類資料夾 (77)
  • 美食食譜 (0)
  • 拼布引用作法分享 (0)
  • 美食報報 (1)
  • 拼布作品 (3)
  • 未分類文章 (1)

最新文章

  • 巧克力棉花糖蛋糕派
  • 金盞花洗顏皂
  • 蘿蔔糕作法&泡菜
  • 【豆辦牛肉片】
  • 要將yahoo格子搬到痞客邦
  • ω。 冠吟手作小舖ω。部落格搬到痞客邦囉PIXNET
  • 全機縫手握零錢包作法分享 (分享時間到2013/08/13(二) 下午五點~)
  • 引用分享三角零錢包作法分享
  • 胖咪的【支架型口金包製版過程】不藏私大公開囉
  • 引用~分享~KT/Vintage Collage化妝包

最新迴響

  • [15/12/20] 姑姑 於文章「全機縫手握零錢包作法分享 (分享時間到2...」留言:
    你好:還可以跟你分享此紙型與作法嗎?謝謝...
  • [15/12/03] 吳筱雲 於文章「甜美可愛天娣毛線兒童毛衣^^(有織圖分享...」留言:
    胖咪 妳好:此篇文章我無法複製引用耶,這件真的好美喔!!我...
  • [15/11/24] yuyuping68 於文章「如何同時織一雙襪子...」留言:
    這是瘋織幫的文章,請註明引用及出處...
  • [15/04/19] 侑子 於文章「巧巧鏡&棒針收納袋...」留言:
    還有再幫忙做這款收納袋嗎? 價位是?...
  • [14/12/12] 訪客 於文章「《Adobe Photoshop CS2...」留言:
    有中文版載點嗎??...
  • [14/11/24] Angel 於文章「引用~老公的眼罩...」發表了一則私密留言
  • [14/05/28] 小圓 於文章「引用文~[紙型分享]JC自創證件零錢包4...」留言:
    請問還有分享嗎?謝謝...
  • [14/05/15] 訪客 於文章「甜美可愛天娣毛線兒童毛衣^^(有織圖分享...」發表了一則私密留言
  • [13/08/15] 綠家園無患子 於文章「全機縫手握零錢包作法分享 (分享時間到2...」留言:
    來拜訪並分享圖文,綠家園有最新的健康養生資訊,歡迎好友參閱。...
  • [13/03/10] ♥樂樂♥ 於文章「超可愛~迷你短夾...」留言:
    好可愛小巧的短夾唷!做得真棒~<img src="http:...

文章精選

文章搜尋

誰來我家

參觀人氣

  • 本日人氣:
  • 累積人氣:

我去誰家