メニューから、各資格リンク先へ行けます。合格!で決定。



2009年09月28日

最近の記事をスクロールにしました

このブログの左上にある、「最近の記事」をスクロール風にしました。

いつものごとく、html編集です。

htmlは、内容が分かりづらいものの、いったんコードさえ分かってしまえば後は簡単です。

私が使ったコードは、
<div style="margin:0px;padding:0px;" align="center">
<div style="margin:0px;padding:0px;line-height:1.3;">
<div style="margin:0px;padding:10px;line-height:1.3;overflow:auto;border: 2px solid #696969;text-align:left;height:50px;scrollbar-base-color:#69696;"></DIV></DIV></DIV>

です。

この</div>の前に、記事タイトルが来るようにすればOK。


具体例として、私のhtmlを公開します。
そのままコピーして使ってもらっても結構ですよ^^

<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%><div style="margin:0px;padding:0px;" align="center">
<div style="margin:0px;padding:0px;line-height:1.3;">
<div style="margin:0px;padding:10px;line-height:1.3;overflow:auto;border: 2px solid #696969;text-align:left;height:200px;scrollbar-base-color:#69696;">
<% loop:list_article -%>
<FONT COLOR="#9900cc">★</FONT>
<a href="<% article.page_url %>"><% article.subject | tag_break %></a><br />
<% /loop -%></div></div></div>
<% content.footer -%>
</div>




スポンサーリンク

あなたに合格が訪れますように講師ゆうbr_decobanner_20091018180502.gif
いつも応援ありがとうございますありがとうニコッ.gif
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。