リュビチッチファンの日記 　　ATP（男子プロテニス）で活躍するイヴァン・リュビチッチ（Ivan Ljubicic）のファンのブログです。プロテニスネタ中心、その他日記など。

おはようございます、イヴァンです。


追記にて、このtennis365のブログを利用しているブロガーの方で、
カスタマイズをしたいと思っている方の役に立てるかもしれないので、
テンプレートをいじるときのコツっぽいものを書いておきます。


レイアウト一応完了しました。

今回こだわった点はただ一つ。

両サイドバーにすることにより記事本文のエリアが狭くなることを避ける。

です。

本当にこれは大きいことで難しかったです。


サイズを910にして、本文を500、

サイドバー１つを190、余白を30と言う割合にしました。


このレイアウトなら多分ほとんどの方が、

横スクロールなしで全て表示できるかと・・・。


色はめんどくさくなってしまって、黒と白ばかりです。笑


まだまだ改良したい部分はたくさんありますが、

疲れちゃったんで、また後でやります。笑


タイトル画像のリュビ、前のたくさんいるのよりかっこいいと思いませんか？笑

元画像はこれなんですが、文字が消えているじゃないですか？？

これ苦労したんですよ。洒落た写真加工ソフト持ってないんで、

ペイント使って必死に。笑

頭の部分が一番難しかったです。

だから、よーく見るとバレちゃうかな・・・(￣▽￣;)



このデザインいいんじゃない？！　→　
いや、そうでもない。いまいちだよ。　→　

いつもありがとうございます。なんとか１位を保っています

←よろしければ、他のランキングもよろしくお願いします！


P.S.
「テンプレートをいじる時のコツ？」

これはこういうの初心者のオレが勝手に考案したものですから、
もっといいやり方等があれば教えてください。追記します。
ですから、とても遠まわりかもしれないし、近道かもしれないです。
とりあえず、オレは↓の方法でやりました。


まず、tennis365さんは新しいテンプレートの方にはいじわる？で、
昔のには日本語が入っていてわかりやすかったのですが、
新しい方は英語オンリーで日本語あってもわからなかったのに、さらに難解に。
オレも初心者なのでさっぱり。なので、工夫しながらやってみました。
工夫したことは３つ。


その１

「/*書きたいこと*/」とやるとテンプレートには無関係の内容を書いてもそれを無視してくれる。

だから、「/*タイトル部分デザイン*/」や「/*左サイドバーのデザイン*/」などと自分がわかりやすいように日本語で表記しておくことで格段に作業がやりやすくなりました。今後、もう少し勉強してどれがどこを表しているのか詳しくわかるようになったら書こうかと思っています。いつの話かはわかりませんが・・・。


その２
英語じゃ、何もわかんねーよ、って思う瞬間ありますよね？笑
オレもたまにわからない単語出てきたんで（←受験直後なのに・・orz）、
中１レベルの単語からオレが見つけたものは全部訳しました。
参考にしてみてください。ただ、この業界？の用語等はわからないので、
ただの訳です。頑張って理解してください。笑
一応アルファベット順です（多分）。

align：並べる
area：エリア
article：記事
archive：アーカイブ、記録保管所
auto：自動
back：後ろ
background：背景
block：ブロック、区域
blockquote：block+quote
body：体、本体？
both：両方
bold：大胆な、派手な →　太くする
border：端、縁
bottom：下
break：壊す
button：ボタン
calendar：カレンダー
category：カテゴリー
center：真ん中
clear：はっきりと
color：色
comment：コメント
contents：コンテンツ
date：データ
daytime：day+time（日付＋時間かな？）
decoration：装飾
description：記述
display：ディスプレイ、画面
dotted：dot（点）の形容詞系、点のついた
excerpt：抜粋
explanation：説明
family：家族
float：漂う（寄せる的なイメージ？）
font：文字
footer：下部
form：フォーム、形式
header：上部
height：幅（縦）、高さ
hover：舞う（カーソルを当てると色が変わる様にする時に使われていた）
image：イメージ、画像
indent：へこみ
input：インプット
join：参加する
layer：層、表面を覆うもの
left：左
line：ライン、線
link：リンク
list：リスト
logo：ロゴ
mail：メール
main：メイン
marign：余白
message：メッセージ
monthly：ひと月の、毎月の
name：名前
next：次
normal：ノーマル、普通
none：無
outset：out+set（外＋定める？？わからないです）
padding：引き伸ばす
page：ページ
parts：パーツ
position：ポジション、位置
posted：post（投稿する）の過去・過去完了形
profile：プロフィール
px：ピクセル（画像の最小の単位）
quote：引用
recent：新しい、最近の
repeat：リピート、くり返す
right：右
rss：RSS
sans：無
Saturday：土曜日
selif：台詞
size：サイズ
solid：固体
style：スタイル
Sunday：日曜日
table：テーブル
text：文章
title：タイトル
top：上
trackback：トラックバック
type：タイプ
unknown：不明
url：URL
value：価格
visited：訪ねる（visit）の過去・過去完了系
weekday：平日
weight：重さ
wide：幅（横）
width：幅（横）
word：文字

cl～～、clSp～～、DIV、UL、LI、TH、TD等についてはわかりません。
略語等なのでしょうが・・・難しいですね。

※コメントにてとももさんが解説してくださっています。


その３
新規投稿画面をパレットっぽく使う。
「■」を10個ぐらい並べて、それに色をつけると結構見やすくなります。
テンプレートで色を変えるときは全てタグですから、色も番号になってます。
「■■■■■■■■■■」　→　赤はFF0000
「■■■■■■■■■■」　→　青は0000FF
「■■■■■■■■■■」　→　黒は000000
「■■■■■■■■■■」　→　白はFFFFFF
のような感じに表示しておくと色を変えるときはやりやすかったです。
そんなにたくさんの色を使うわけではないですし、
一々また同じ色の番号探すのめんどくさいですから。笑


この３つをおさえればいじっているうちに慣れてくる思います。

頑張ってください！
（誰か使う人いるかな。ただの時間の無駄だったかも、って思ってます汗）