ドクロでもハッピーな黒系素材
ドクロでもハッピー♪な黒背系素材。 フリー素材です。
ペンを買う時の試し書きは、ハート・花・ドクロ・・という私であります。素材はマウス描きが好きなので細かいところは息を止めて描いてます（その必要はないけどね・・）
二次加工はOKです。好きなように素材追加などして下さい。その後の再配布はNGです。
素材は必ず保存してお持ち帰りください。
◆◇ ドクロハッピーTOP用 w800×h350 ◇◆ クリックしてオリジナルサイズを保存してください
ハッピードクロ
ワイルドドクロ
◆◇ 記事タイトル ◇◆
w420×ｈ50
w610×h50 ↓かなり縮小されてます。上と同じ縦幅で横幅が違います。
◆◇ サイドバータイトル ◇◆
w170×h35
Don't worry!Be happyなハート素材
くよくよしないで ハッピーにいこうよ って感じです。
白ベースなので背景色が色つきだと↑こうなります。
◆◇素材について◇◆
二次加工もOKです。アメブロでのご使用はご自由に使ってやってください。
二次加工後の再配布はNGです。画像をクリックしてオリジナルサイズをお持ち帰りください。
保存の仕方が分からない人はコチラ
5/24 2カラム用の記事タイトルを追加しました。
♪TOP素材 w800×h350
Don't worry!Be happy
ハート＋ラインのみ
♪記事タイトル背景 w420×h50
＝＝＝＝＝＝＝＝＝＝＝＝これくらいの横幅＝＝＝＝＝＝＝＝＝＝＝＝＝
ハートのみ
ハート＋ライン
赤地白ハート
♪記事タイトル w610×h50
文字をクリックしてください
ハートのみ ハート＋ライン 赤地白ハート
♪サイドタイトル w170×h35
＝＝これくらいの横幅＝＝＝
文字なし
文字入り
ブログのタイトルを消す
初心者さん向け カスタム可能（ベーシック）での説明です。
CSS面倒だな・・と思う程度の知識の私がとりあえずココが変わればいいや的なノリでやっているので
カスタマイズは自己責任でお願いします。万が一のためCSS編集前にテキストへの保存をしてください。
ブログタイトルの文字の位置を変えるやり方と同じで追加するタグが違うだけです。
◆◇ ブログタイトルと説明文の文字を消す方法です ◇◆
マイページの上にあるクイックリンクからスキンCSS編集を開いて
/*■■■デザインカスタマイズ - ヘッダー*/
/*■ブログタイトル*/
の項目を見つけます。
*■ブログタイトル*/
#header h1{
font-weight:bold;
line-height:1.2;
※ここへ青文字をコピーして貼付け
}
/*■ブログ説明*/
#header h2{
font-weight:normal;
line-height:1.2;
※ここへ青文字をコピーして貼付け
}
両方とも下の青文字のタグを追加します。文字を消したい方だけ追加してください。
visibility:hidden;
text-decoration:none;
*■ブログタイトル*/
#header h1{
font-weight:bold;
line-height:1.2;
visibility:hidden;
text-decoration:none;
}
/*■ブログ説明*/
#header h2{
font-weight:normal;
line-height:1.2;
visibility:hidden;
text-decoration:none;
}
↑こうなっていればOK。 表示を確認して保存してください
ブログタイトル・説明文の位置を変える
初心者さん向け カスタム可能（ベーシック）での説明です。
CSS面倒だな・・と思う程度の知識の私がとりあえずココが変わればいいや的なノリでやっているので
カスタマイズは自己責任でお願いします。万が一のためCSS編集前にテキストへの保存をしてください。
◆◇ ブログタイトルと説明文の位置を変える ◇◆
マイページの上にあるクイックリンクからスキンCSS編集を開いて
/*■■■デザインカスタマイズ - ヘッダー*/
/*■ブログタイトル*/
を見つけてください。
赤枠の中にタグを追加していきます
まずブログタイトルにタグを追加します
/*■ブログタイトル*/
#header h1{
font-weight:bold;
line-height:1.2;
※ここに下の青文字をコピーして貼付ける
}
padding-top: 10px; /*- 文字の垂直位置 -*/
margin-left: 10px; /*- 文字の水平位置 -*/
text-decoration: none;
↓こうなります
/*■ブログタイトル*/
#header h1{
font-weight:bold;
line-height:1.2;
padding-top: 10px; /*- 文字の垂直位置 -*/
margin-left: 10px; /*- 文字の水平位置 -*/
text-decoration: none;
}
ピンクの数値を変えて位置を調整します
文字の水平位置→右へ移動させたい時は数値を大きく
文字の垂直位置→下に下げたいときは数値を大きく
表示を確認しながら調整してください。
次にブログ説明にタグを追加します
/*■ブログ説明*/
#header h2{
font-weight:normal;
line-height:1.2;
※ここに下の青文字をコピーして貼付け
}
padding-top:10px; /*- 文字の垂直位置 -*/
margin-left:10px; /*- 文字の水平位置 -*/
↓こうなります
/*■ブログ説明*/
#header h2{
font-weight:normal;
line-height:1.2;
padding-top:10px; /*- 文字の垂直位置 -*/
margin-left:10px; /*- 文字の水平位置 -*/
}
ピンクの数値を変えて位置を調整します
文字の水平位置→右へ移動させたい時は数値を大きく
文字の垂直位置→下に下げたいときは数値を大きく
表示を確認しながら調整してください。
↓こうなっていればOK（ピンクの数値はそれぞれの数値）
/*■ブログタイトル*/
#header h1{
font-weight:bold;
line-height:1.2;
padding-top:10px; /*- 文字の垂直位置 -*/
margin-left:10px; /*- 文字の水平位置 -*/
}
/*■ブログ説明*/
#header h2{
font-weight:normal;
line-height:1.2;
padding-top:10px; /*- 文字の垂直位置 -*/
margin-left:10px; /*- 文字の水平位置 -*/
}
表示を確認してOKなら保存してください。
サイドバーのタイトルの文字の位置を変える
初心者さん向け カスタム可能（ベーシック）での説明です。
CSS面倒だな・・と思う程度の知識の私がとりあえずココが変わればいいや的なノリでやっているので
カスタマイズは自己責任でお願いします。万が一のためCSS編集前にテキストへの保存をしてください。
◆◇ サイドバーのタイトルの文字の位置を変える ◇◆
マイページの上にあるクイックリンクからスキンCSS編集を開いて
/*■モジュールタイトル - 基本設定 - サイド*/
を見つけてください
上の赤枠の部分を編集していきます
/*■モジュールタイトル - 基本設定 - サイド*/
h4.menu_title{
margin:0 0 10px 0;
margin-left:6px;
margin-right:6px;
padding:3px 6px; ←この部分を削除してください
｝
削除した部分にタグを追加します(改行しておくといいかも）
/*■モジュールタイトル - 基本設定 - サイド*/
h4.menu_title{
margin:0 0 10px 0;
margin-left:6px;
margin-right:6px;
※ここに下の青文字をコピーして貼付ける
}
padding-left:30px; /*- 文字の水平位置 -*/
line-height:37px; /*- 文字の垂直位置 -*/
ピンクの数値を変更して表示を確認しながら位置を調整してください
文字の水平位置→右へ移動させたい時は数値を大きく 左へは小さく
文字の垂直位置→下へ下げたいときは数値を大きく 上へは小さく
↓こうなっていればOK（ピンクの数値はそれぞれの数値）
/*■モジュールタイトル - 基本設定 - サイド*/
h4.menu_title{
margin:0 0 10px 0;
margin-left:6px;
margin-right:6px;
padding-left:30px; /*文字の水平位置*/
line-height:37px; /*文字の垂直位置*/
｝
表示を確認して保存してください。
文字のサイズ･色などの変更はCSS編集の上のほうにあるかんたんCSS編集にあります。