ブログのテンプレート変更について

質問

『てぃーだブログ』
というサイトでブログをしているのですが、
テンプレートをイジリたくて、
HTMLを調べて自分なりに変えましたが、
分からない事があり質問させて頂きます。

ブログのトップページの画面（構成？）を、
ブログの機能にある、
マイアルバムの一覧ページ↓
http://myfavoriteliving.ti-da.net/album.html
の画面に、この表示方法にしたいのですが可能でしょうか？

ブログを見に来てくれた方に、
この一覧の画面の方が　記事を見て選びやすい！
と思うので、トップで　この画面にしたいのです。

説明が下手で伝わりにくいかと思いますが、
分かる方ヨロシクお願いします。

回答No.2

abril

No.1です。

> URLは　私の方では表示されるのですが…

今、再度試してみましたら表示されました。
たまたまそのタイミングでてぃーだブログの方かもしくはこちら側のネットの調子が悪かったか、だったのでしょう。
失礼しました。

> 前の質問ですが、まだ解決できなく…
> 他の方の意見もあれば聞きたく残しておきました。

それはそれでかまわないのですが、一応、回答した結果を試してみたのか、その結果どうだったのか、というご報告があれば更に詳しいアドバイスを差し上げられる事もありますので、できれば何らかのレスをして頂ければ幸いでした。

で、以下は前のご質問時に書かせて頂いた事の抜粋ですが：
----------------------------------------------------------------------
てぃーだブログを使用していないので、以下は下記のFAQを見て推測した事です。
これによると、スタイルシートを直接編集できる事になっています。
http://faq.ti-da.net/e412044.html
----------------------------------------------------------------------
「マイアルバムの一覧ページ」というものに対しては、決まったテンプレート（スキン）がいくつか用意されていてああいう表示形式を選べるのですか？
それとも、上記の様に、自分でスタイルシートを独自に編集しないとできないのですか？
下記のFAQは全て把握してみましたか？
http://faq.ti-da.net/c25964.html

上記を読む限りでは、「てぃーだブログでは、既存のテンプレートの他にお客様各自でテンプレートを作る事が出来ます。」とありますからどちらの方法も可能なのでしょうが、既存のテンプレートにどの様なものが用意されているかまではユーザでないのでわかりません。その中に、参考先と同じテンプレートがあるならそれを適用すれば済む話ですし、なければ参考先のものは「オリジナルに作成した」スタイルという事になります。まずはそれを確認して下さい。

後者、という事であれば、参考先のCSSとHTMLのソースをコピーしてカスタマイズすればいいわけです。
参考先のソースを見ましたが難しい事はしていません。アルバム一覧的表示は、単に下記の様な単位で繰り返し写真とコメントを並べているだけですし、そのスタイルの指定は外部ファイルではなく、body内に<style>～</style>で直接記述しています。
ただし、この指定場所はNGです。<style>～</style>で直接そのファイル内に記述したいなら、head内にコメントで囲む形で記述しなければいけません。
為にならないので、このスタイルの挿入場所だけはそのまままねしないで下さい。

<div class="album_frame">
<div class="album_image">
<a href="#" title="コメント" alt="コメント">
<img src="写真画像url" title="コメント" alt="コメント">
</a>
</div>
<div class="album_title">
<a href="#" title="コメント" alt="コメント">
コメント</a></div>
</div>

以下はCSSをそのまま抜粋してみました。

<style>
.album{
text-align:center;
}
.album_frame{
float:left;
text-align:center;
padding:5px 3px 10px 3px;
margin:5px 3px;
width:106px;
border-right:1px solid #888;
border-bottom:1px solid #888;
}
.album_image{
overflow:hidden;
width:100px;
height:125px;
}
.album_image img{
height:125px;
margin:auto;
}
.album_title{
overflow:hidden;
width:100px;
height:1.5em;
font-size:10px;
}
.album_title a:link,.album_title a:visited,.album_title a:hover,.album_title a:active{

}
.page_nav{
text-align:center;
}
</style>

お礼

丁寧な回答ありがとうございます。

答えて頂いた内容を理解するのに
少し時間がかかりましたが、
試してみましたが
私の思う感じにはならなくて…

今も、
試行錯誤、、、
色々とテンプレートを触ってみてます。

お答え有難う御座いました。

回答No.1

abril

> http://myfavoriteliving.ti-da.net/album.html

何も表示されません。URL間違ってませんか？

それから、
http://oshiete1.goo.ne.jp/qa4894396.html
の質問の方はもう足かけ2カ月経ってますが、解決したのでしょうか？
回答に対して何のレスもない様ですがもう用済みなら締めてから新しい質問をして頂きたいのでが…

お礼

ご回答有難う御座います。

URLは　私の方では表示されるのですが…
表示されないんですね。
スミマセン。

前の質問ですが、
まだ解決できなく…
他の方の意見もあれば聞きたく
残しておきました。

ご指摘もあり締めさせて頂きました。
時間がかかって申し訳ありませんでした。