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

テーマ

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