自己流ブログカスタマイズログ

カラーコードリスト　ユーロ





*ちょっと見にくいので後日拡大してアップし直します。  

パステルカラーコードリスト



  

元のテンプレートがこんな感じ、


昨日の要領でテンプレートのカスタマイズをクリック、
ソースコードの下記のところがバックグラウンドカラーのコードが入っています。




ここを前記事のカラーコードリストの中のブルー＃3333ｆｆの番号と入れ替えると


ついでに下記のテンプレートの金魚を

テンプレート「金魚」のソースコード


選択している部分全部をコピーして「色えんぴつ」のテンプレートのソースコードの同じ部分にペーストしてみると。


こんなことに。

もうお分かりと思いますが、URLを前回の記事の要領でバックグラウンドに配置できます、
またソースコード中のリピートをノーリピートにすれば一つの画像が拡大されてバックにきます、リピートの指定にするとテキスタイルデザインのように同じデザインが繰り返されでバックにきます、いろいろ試してみると面白いかもね、カラーコードはパステルなどまだ沢山あります、ストライプを繰り返したりいろんなテイストでご自分の好みに変えてみるとよろしいかもね。

＊この記事は後日､内容をもう少し解かり易く変更する予定です、限られた時間でのアップになりますが参考になれば幸いです。  

カラーコード表です、このコードナンバーをソースコードに入れてカスタマイズをより自分テイストにできるかもね。
この後、バックグラウンドカラーのスタイルシートのソースの場所を記事アップします。


  

仮面ライダーか？　ってね。

季節柄、そろそろ衣替えでも、っち思っている方、多いじゃないかな、

そこで、ブログ初心者の私がここ1年で少しだけ解ったことを記事としてログにしてみます。

今回は、いや前回とかぶってますがもう一度わかり易く？　アップしてみましたー、

必要のある人だけご覧くだはりませ。



今回のカスタマイズターゲットテンプレートは「色えんぴつ」

用意するもの、ヘッダーに使う画像（サイズ　幅780ｐｘ　縦300ｐｘ）


管理画面の「テンプレート」、「かわいいテンプレート」で下の画面になります。


テンプレートの選択が終わったら、印のカスタマイズをクリック。


スタイルシートのウインドウ内のソースコードを変更します。


選択部分がヘッダーの画像データになりますのでここにカスタマイズする画像データのURLをリンクさせます。


ここではリンクさせたい画像のデータがweb上のサーバーにアップされている必要があります、今回はじゃんぐる公園の画像一覧に登録します（この作業により画像データがweb上のじゃん公サーバーにアップされます）。


画像登録は一般投稿にて承知していることと思いますのでその前提で進めます、
ヘッダーに入れたい画像を画像一覧画面上でクリックします。


すると画面のように画像データの場所のURLが印のところにでてきます、この部分をコピーしてスタイルシートのヘッダー画像データの場所にペーストします。
この作業が終わったらプレビューボタン（スタイルシートウインドウ右下）をクリックしてイメージの確認をします、確認で自分のイメージ通りであれば登録、保存ボタンを押してカスタマイズ成功です。
＊登録、保存ボタンを押す。　←　これをしないと変更にならないので要注意です。


このサイトも「色えんぴつ」テンプレートをカスタマイズしたものになります、まだ完璧ではありませんが、次回（たぶん明日）は左右のバックグラウンドとタイトルの文字のカラーのカスタマイズをアップしてみます、あくまでも素人説明ですが参考になれば幸いです。  

ちょっと間があきましたが、テンプレートのワイド化のやり方です。
あくまでも自己流なのであとは個々で工夫してみてください。

今回はテンプレート「soccer」を一例にしてみます。



テンプレートのカスタマイズをクリックして、下記の部分の数値を1000ｐｘに変更。



すると、ベースのテンプレートの背景が最大に広がります（元の画像の右側分だけ広がりました）
この段階ではブログの本文の大きさは変わらず、右に寄っただけです。



次に、ブログの本文部分を下記の部分の数値を800ｐｘ（780ぐらいのほうがよいかも）に広げます。



すると、こんな感じ。



ついでにトップの画像を入れ替えてみます、
このとき、入れ替える画像を1000ｐｘにあらかじめ変更しておきます。
下記の部分に画像の場所のhttｐに入れ替えればＯＫ。



こんな感じです、あとブログ本文の背景や、リンクの背景などもお好みに入れ替えることが可能です。



テンプレートによってソースコードの場所が違っていたりしますが、
背景は○○○ｐｘの数値が一番大きい所と思って間違いないと思います、
プレビューで確認しながら、違っていたら元に戻しながらするのがよろしいかと思います。

テンプレートのソースコードは長いようでそれほどでもありません、
タグと呼ばれる種類の単語に規則的に色のコード番号やら、
大きさの単位であるＰＸでサイスが表記されています、
レイアウトもレフト、ライトの単語のあとにＰＸで右から200ｐｘって感じで表記されているのが解ることと思います。
何分、自己流ですので解りにくい説明かもしれませんがその辺は、ご理解のほどよろしくお願いいたします。
  

ブログのシート

ページの横幅を980ｐｘまでしてみました、いいのかな？
本文は780ｐｘです、これもいいのかな？
意外と簡単にできます、
だんだん、タグの役割がみえてきました。
これは繰り返してやっていくうちに覚えていくね。

ブログのシートの横幅はなにか理由があって狭いのかもね？
少しずつ、色々やってみようかな。
みんなブログシート、カスタマイズしたいよね、
ある程度理解できたら、整理してみますねー。