ブログテンプレート「Aqua Ocean」制作。
カレンダーのデザインを変えるために、シンプルUSブルーを参考に制作中です。
ブログテンプレート「Aqua Ocean」制作。
カレンダーのデザインを変えるために、シンプルUSブルーを参考に制作中です。
「旅Blog エアーズロック」のWebデザイン開始!
ロゴマークの右下あたりに来るのは、オーストラリア繋がりでカンガルーとオペラハウスを入れました。カンタス航空ロゴも参考にしましたが、パクはいけないので親子カンガルーを横向きにトレース、パス化。オペラハウスは2階調化(元々白黒に見えるので)。
このブログテンプレートは画像と色彩を変更するだけのシンプル作業です。
今回の旅Blogの色は草原の色に合わせました。エアーズロックや空と被らないようにするためです。もともとこの一枚岩の周囲は草原なのでそれで合うかな・・と。
漫画からの知識(=トレビア)ですが、カンガルーは後退が出来ないようですね。やっぱあの異様に長い足のせいかな?
ブログテンプレート「旅Blog ハワイ」のWebデザイン開始!
てか、13:00から開始して組み込みの真っ最中ですw
ハワイのヘッダー画像は下記の通りになりました。
↓
赤い空がヤバイ色合いになってたのに気づいて変えました。
焼け海原かよ!?って突込みがきそうなくらいにw
ブログテンプレート「ゆいレール」の答えを設定しました。
質問があれば答えが無くてはなりませんから、CSSでヘッダー画像の右下に配置。
使用した画像はスタッフIHAのブログテンプレート制作目録のgnaviで使用している画像です。
左がOFFで右がONです。
入力するソースは「続きを読む…」に書いてあります。
ブログテンプレート「ゆいレール」完成!
サーバにあった画像には、そうくっきりと写っていましたので。あと、GIFアニメ制作記06のGIFアニメを見るとくっきり映ってますw と言うか那覇空港が左下に映ってる。
ヘッダーの画像の効果を無くしたいという方のために、効果(ここはどの駅でしょうか?と反射光)を無くした画像も併せてサーバにアップロード済みです。張り替える場合には下記のCSSソースを入れ替えて下さい。
#header{
padding:20px 30px 10px 10px;
background : #fff url(/design/t49/yui_header02.jpg) center top no-repeat; /* もしくは/design/t49/yui_header01.jpg */
height:330px;
text-align:right;
}
赤い文字を青文字に入れ替えればOKです。ぶっちゃけ02を01にした方が早いですね。前にもありましたね、こういう展開が。ブログテンプレート「竹林の木漏れ日」が完成と同じ感じです。
配色にはあまり色を使っていません。「色数を抑えるとスッキリする」とはこの事ですね。ヘッダーは画像のみ、フッターはゆいレールのカラーリング、記事およびナビゲーションにはそれぞれ電光掲示板っぽく見えるよう制作しました。
ブログテンプレート「ゆいレール」のWebデザイン開始!
テンプレートのソースは「海のマンタ」からパクってますw
今日中にサーバにアップロード出来たらいいかな・・
ブログテンプレート「竹林の木漏れ日」が完成しました!
記事タイトル背景と記事本文背景の間に余白(CSSの誤り)が生じていましたが、'.entry_title_head'のpadding-topの値をh3.entry_titleにちょいっと足して入れることで解決しました。
あとプラグイン系(side)で、葉っぱのデザインじゃなくて背景は無地が良いという方のために、無地の背景も用意しました。その際には、下記の赤文字で書かれたソースを、青文字で書かれたソースに変更してお使い下さい。
.side{
margin-bottom:10px;
width:180px;
background : url(/design/t35/tk_side04.jpg) center top; /* 02 もしくは'/blog/design/t35/tk_side02.jpg' */
background-repeat : repeat-y;
}
ぶっちゃけ04を02に変えた方が早いw
「竹林の木漏れ日」のWebデザイン開始!
いつも組み込み開始!って言った方がいいのかな?
ただいまCSS更新中。
「子猫と肉球と足跡と」のWebデザイン開始。
デザインを今日で作って(シンプルすぎたかな?)、パーツ取りして、アップロード後CSSにぶち込んでます。まあ・・普通の流れですね。今日で大まかに組み込んだので、明日から細かい配置をCSSで設定していきます。
5万円ホームページ用のテンプレートとしても作ったのですが、ブログテンプレートよりもシンプルにしすぎた事もあり、明日からデザインを追加で修正していきます。
right_areaで、肉球の印をバン!!と押したかのようなデザインは、ちとやりすぎだったかな?背景のCSSは海のマンタと同じ配置でリピートさせる予定でしたが、画像のサイズを間違えたようです。あれだと画像の上下の境界が見えにくいので、こちらもパーツの修正が必要ですね(^_^;)
「朝焼け」のWebデザイン(PC版)の制作が終了しました(・∀・)
ただいまチェック中との事。
この記事(2記事目)のスタイルも崩れることなく更新できました。とにかくPC版のブログテンプレートが少ないので、増やすの手伝ってたけどこんな感じでいいのかな?
記事のheightは300pxも要らないかな。少ない文字数でもmin-heightが300pxに設定されてますからね。他のブログテンプレートでもそうなってると思うけど。このテンプレも海のマンタからソースはパクってますから。
つか17:57になったので、そろそろ勤務も終わりだな。