1ページの複数の記事のうち、最初の記事だけ特定の文章を表示する方法

締切済

質問者：goo5oog
質問日時：2007/10/19 12:11
回答数：6件

FC2ブログを使用しているのですが、1ページに表示される複数の記事のうち、最初の記事だけ、ある特定の文字や画像を表示する方法はありませんか？

ライブドアブログには<IfFirstArticle>という独自タグがあるようですが、FC2ブログには同様の独自タグはないようなので、CSSなどで、そのように表示する方法はないでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

最新から表示
回答順に表示

No.6

回答者： maoo2022
回答日時：2007/10/21 15:43

＊普通に、シンプルにＨＴＭＬタグをこの様に使用するのは出来ませんか？かなり長いです。

<HTML><HEAD>

<TITLE>indexgoo プログラムダウンロードサイト Shot</TITLE>
</HEAD>

<BODY TEXT="#000000" BGCOLOR="#FFFFFF" BACKGROUND="img/sakura.bmp">


<DIV ALIGN="CENTER">
<TABLE BORDER="0" WIDTH="500" CELLSPACING="0" CELLPADDING="2">
<TD ALIGN="CENTER"><B><FONT COLOR="#FF00CC" size="5">

indexgoo indexgoo プログラムダウンロードサイト Shot Shot

</FONT></B></TD></TR></TABLE>
<TABLE BORDER="0" WIDTH="500" CELLSPACING="5" CELLPADDING="1"><TR ALIGN="CENTER">
<FONT COLOR="#000000" SIZE="5"><TABLE BORDER="0" WIDTH="500" CELLSPACING="0" CELLPADDING="1"><TR>
<input type=hidden name=ie value=UTF-8><input type=hidden name=oe value=UTF-8><input type=hidden name=hl value="ja"></td>

<td width="400"><input type=hidden name=ie value=UTF-8><input type=hidden name=oe value=UTF-8><input type=hidden name=hl

value="ja"><BR><BR><BR>

<DIV ALIGN="CENTER">
<TABLE BORDER="0" WIDTH="500" CELLSPACING="0" CELLPADDING="2">
<TD ALIGN="CENTER"><B><FONT COLOR="#FF00CC" size="5">

</font></div></td></tr></table>
<input type="hidden" name="FROM" value="USER">
</form></P><p>
<TD valign="top" colspan="5" align="center">


<DIV ALIGN="CENTER">
<TABLE BORDER="0" WIDTH="500" CELLSPACING="0" CELLPADDING="2">
<TD ALIGN="CENTER"><B><FONT COLOR="#3333CC" size="5">
<p><span style="color: #3333CC;font-size: 1.3em;"><strong>indexgoo プログラムダウンロードサイト Shot</strong></span></p>
<p><a href="http://www.xxxx.goo1234.exe"><span style="color: #3333FF;font-size: 1.4em;">
<strong>goo1234.exeをDownLoad出来ます</strong></span></a></p>
<br><p><br>

<DIV ALIGN="CENTER">
<TABLE BORDER="0" WIDTH="500" CELLSPACING="0" CELLPADDING="2">
<TD ALIGN="CENTER">
<td><br><td><br>

<p><span style="color: #3333CC;font-size: 1.6em;"><strong>このページの画像には所有権があります。</strong></span></p>
<p><span style="color: #3333CC;font-size: 1.6em;"><strong>コピーなどの配布は、一切禁止します。</strong></span></p>
<p><span style="color: #3333CC;font-size: 1.6em;"><strong>魔王2022</strong></span></p>



</FONT></P></TABLE><BR><BR></DIV></BODY></HTML>

<HTML><HEAD>

<TITLE>indexgoo プログラムダウンロードサイト Shot</TITLE>
</HEAD>

<BODY TEXT="#000000" BGCOLOR="#FFFFFF" BACKGROUND="img/sakura.bmp">


<DIV ALIGN="CENTER">
<TABLE BORDER="0" WIDTH="500" CELLSPACING="0" CELLPADDING="2">
<TD ALIGN="CENTER"><B><FONT COLOR="#FF00CC" size="5">

indexgoo indexgoo プログラムダウンロードサイト Shot Shot

</FONT></B></TD></TR></TABLE>
<TABLE BORDER="0" WIDTH="500" CELLSPACING="5" CELLPADDING="1"><TR ALIGN="CENTER">
<FONT COLOR="#000000" SIZE="5"><TABLE BORDER="0" WIDTH="500" CELLSPACING="0" CELLPADDING="1"><TR>
<input type=hidden name=ie value=UTF-8><input type=hidden name=oe value=UTF-8><input type=hidden name=hl value="ja"></td>

<td width="400"><input type=hidden name=ie value=UTF-8><input type=hidden name=oe value=UTF-8><input type=hidden name=hl

value="ja"><BR>

<DIV ALIGN="CENTER">

<input type="hidden" name="FROM" value="USER">
</form></P><p>
<TD valign="top" colspan="5" align="center">


<TABLE BORDER="0" WIDTH="500" CELLSPACING="0" CELLPADDING="2">
<TD ALIGN="CENTER"><B><FONT COLOR="#3333CC" size="5">
<p><span style="color: #3333CC;font-size: 1.3em;"><strong>indexgoo プログラムダウンロードサイト Shot</strong></span></p>
<p><a href="http://www.xxxx.goo1234.exe"><span style="color: #3333FF;font-size: 1.4em;">
<strong>goo1234.exeをDownLoad出来ます</strong></span></a></p>
<br><p><br>

<DIV ALIGN="CENTER">
<TABLE BORDER="0" WIDTH="500" CELLSPACING="0" CELLPADDING="2">
<TD ALIGN="CENTER">
<td><br><td><br>

<p><span style="color: #3333CC;font-size: 1.6em;"><strong>このページの画像には所有権があります。</strong></span></p>
<p><span style="color: #3333CC;font-size: 1.6em;"><strong>コピーなどの配布は、一切禁止します。</strong></span></p>
<p><span style="color: #3333CC;font-size: 1.6em;"><strong>魔王2022</strong></span></p>



</FONT></P></TABLE><BR><BR></DIV></BODY></HTML>

- 0
- 件

通報する

No.5

回答者： ICHI-yan
回答日時：2007/10/19 22:10

もう１つ思いつきました。

最初にhtmlで文字を仕込んでおきます。但し、クラス名付きでdisplay:noneで。
で、first-childの時だけdisplay:inlineとかどうでしょう。これなら、文字も入れられます。

またまた、検証もせず、いいかげんな提案です。何かのヒントになればと思います。

- 0
- 件

通報する

No.4

回答者： xenotactic
回答日時：2007/10/19 21:31

>最初の記事だけclassを付加するとか出来ないですか？

それができれば、わざわざ画像で処理する必要もないと思いますが。

画像で処理した場合、いろいろと問題があるように感じます。
・閲覧者が文字を選択できない、画像を保存できない
・リンクがはれない（はる方法はありますが、対応していないブラウザが多いです）
・サーバーの負担で画像が表示されない可能性がある

多分、独自タグの組み合わせで実現が可能なんだと思います。
http://weblog58.blog58.fc2.com/
こちらのサイトで実現されているので。

- 0
- 件

通報する

No.3

回答者： ICHI-yan
回答日時：2007/10/19 19:15

検証せず思いつきだけで言うと、文字を文字としてなら無理だと追いますが、画像を装飾ととらえます。

最初ってマークだったら、充分装飾ですよね。意味も通ると思います。
first-child{background:画像として＜A＞ no-repeat left bottom;}
みたいな感じで
とか、
他には、たしかFc2ってhtml部分もテンプレでいじれましたよね？では最初の記事だけclassを付加するとか出来ないですか？

思いつきだけで言ってるんで、だめならごめんなさい。自分の事ならもっと状況がわかるんでもっと提案できると思うんですけど、やり方次第で可能性はある話だと思いますよ。中途半端ですね。無理と思う人は無理ですけど、向かってみる価値はあると思いますよ。

では、がんばってください。

- 0
- 件

通報する

No.2

回答者： xenotactic
回答日時：2007/10/19 17:23

CSSはデザインの装飾に用いるものですので、無理です。

- 0
- 件

通報する

No.1

回答者： ICHI-yan
回答日時：2007/10/19 13:11

タグではないですが、ｃｓｓに疑似クラス・疑似要素を解説したページを探してみてください。

first-line
first-letter
first-child
等を利用されれば出来ると思いますよ。

この回答への補足

質問が説明不足のような気がしたので、補足しますと、
＜A＞を以下のような位置で挿入したいんです。

=================あるページ================
----最初の記事------------------------------
＜タイトル＞
＜本文＞
＜A＞
＜カテゴリー｜コメント｜トラバ＞
----2つめの記事------------------------------
＜タイトル＞
＜本文＞
＜カテゴリー｜コメント｜トラバ＞
----3つめの記事------------------------------
＜タイトル＞
＜本文＞
＜カテゴリー｜コメント｜トラバ＞
----4つめの記事------------------------------
（以下、省略）
=============================================