ランキング順位等を表示させるために、ブロック内div枠のclass等へ、順番に数字を自動付与したい

テーマ

 状態:  閲覧数:1,458  投稿日:2010-04-17  更新日:
ランキング順位等を表示させるために、ブロック内div枠のclass等へ、順番に数字を自動付与するコード例。後は、CSSで対応。
<pre class="code"><code>
▼修正前
&lt;!-- Start Right Column --&gt;
&lt;div id="RightColumn"&gt;
&#9;&lt;{foreach item=block from=$xoops_rblocks name=rbloop}&gt;
&#9;&#9;&lt;div class="RightBlock" id="rblock&lt;{$smarty.foreach.rbloop.iteration}&gt;"&gt;
&#9;&#9;&lt;{if ! $block.title|strstr:"none"}&gt;&lt;h2 class="blockTitle"&gt;&lt;{$block.title}&gt;&lt;/h2&gt;&lt;{/if}&gt;
&#9;&#9;&#9;&lt;div class="BlockContent"&gt;&lt;{$block.content}&gt;&lt;/div&gt;
&#9;&lt;{/foreach}&gt;
&lt;/div&gt;

▼修正後
&lt;!-- Start Right Column --&gt;
&lt;div id="RightColumn"&gt;
&#9;&lt;{foreach item=block from=$xoops_rblocks name=rbloop}&gt;
&#9;&#9;&lt;div class="RightBlock" id="rblock&lt;{$smarty.foreach.rbloop.iteration}&gt;"&gt;
&#9;&#9;&lt;{if ! $block.title|strstr:"none"}&gt;&lt;h2 class="blockTitle"&gt;&lt;{$block.title}&gt;&lt;/h2&gt;&lt;{/if}&gt;
&#9;&#9;&#9;&lt;div class="blockContent&lt;{$smarty.foreach.rbloop.iteration}&gt;"&gt;&lt;{$block.content}&gt;&lt;/div&gt;
&#9;&lt;{/foreach}&gt;
&lt;/div&gt;
</code></pre>


「テーマ下テンプレート内CSS」という概念

センターブロック部分の表示順を制御するコード 



類似度ページランキング
順位 ページタイトル抜粋
1 カレンダーブロックのスタイルシートを変更するために、独自クラスを付与したい 42
2 ブロックalt文字数を丸めない GnaviD3 36
3 ヘッダー部分に表示されているログインを非表示としたい 35
4 トップページへ表示されている「ログインしますか」を、非表示としたい 34
5 hdpollのブロック表示は外すことにした。 34
6 d3forumで、パンくずが二重に表示されるのを直したい 34
7 d3blogのコメントを削除した際、エントリー右下に表示されている コメント (数) を連動させるやり方 34
8 未解決/d3pipesの非同期パイプ一覧ブロックの外部RSS取得先にファビコンを表示させるやり方 33
9 GnaviD3/記事descriptionの中で画像を表示させる際に、サイズを強制指定させるやり方 31
10 pico xoops_pagetitleに、「モジュール名」を表示させる 31
11 センターブロック部分の表示順を制御するコード  31
12 モジュールブロックの内容またはその一部を、テーマの好きな場所へ反映させたい 30
13 モジュールブロックの内容またはその一部を、テーマの好きな場所へ反映させたい2 30
14 デブクマ君のRSSを、d3pipesで表示できない。 29
15 トップページへ表示されているようこそを、非表示としたい 29
16 ブロック毎に、クラスを個別指定(ブロックタイトルへ異なる画像等を指定するために…) 29
17 トップ下の、カテゴリ名と画像を非表示にしたい 28
18 ブロックメニュー部門の、リストのマークがあるのに、中身が何も表示されていない理由 27
19 d3blogの個別記事をクリックすると、ヘッダーが表示されなくなる 27
20 jQueryプラグインを導入したら、GnaviD3でエラー 26
2020/10/28 16:40 更新