 |
 |
前号へ
このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。
皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、テキストを影とストロークで装飾する方法をご紹介します。
 |
|
 |
 |
HTMLタグを挿入する
自由記入欄やHTMLタグ利用可能エリアに下記のHTMLタグをコピーして貼り付けてください。
<p class="text-stroke">CAFE OCNK</p>
スタイルシートを編集する
デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は最下部にお願いします。
-webkit-text-stroke: 1px #999999;が枠線の色。
text-shadow: 3px 5px 0 #fde203;が影の色となります。
.text-stroke {
-webkit-text-stroke: 1px #999999;
text-shadow: 3px 5px 0 #fde203;
color: transparent;
font-size: 50px;
font-weight: bold;
text-align: center;
}
Copyright (C) 2004-2006 OCHANOKO-NET All Rights Reserved.