MakeLinkアドオンの使い方「MakeLink」は,閲覧中ページのさまざまな情報をプレーンテキストやHTMLタグ付きの書式で生成できるFireFoxアドオンです。生成できるのはページのタイトルやメタ説明文,選択範囲,ページのURLなどで,取得できる値は「%変数名%」形式で記述します。ホームページやブログを作成してい
picoのようなカテゴリー説明文を入力できる機能を備えていないモジュールのトップページやカテゴリーページそれぞれの「ページタイトル」「キーワード」「ページ説明文」を適切に表示する二つ目の方法を考えました。三つのメタ情報を「設定ファイル」に記述し,「config_load関数」で読み込む方法です。section名にカテゴ
picoのようなカテゴリー説明文を入力できる機能を備えていないモジュールのトップページやカテゴリーページそれぞれの「ページタイトル」「キーワード」「ページ説明文」を適切に表示する方法を考えました。また,それぞれの情報入力に工夫をしたことで,簡単に取り出して表示できます。区切り文字を利用して三つの情報を配列にするのがポイ
テンプレートのカスタマイズや,コンテンツを書いていて,ログインユーザーの所属しているグループで処理や表示内容を変えたい場合があります。一般的なsmartyの書き方と,smartyのphp関数を利用する方法の二つを考えてみました。
ページタイトル,キーワード,コンテンツの説明文は,コンテンツごとにその内容に沿ったものにしなければなりませんが,xoopsの場合,どのページを見ても同じメタ情報が表示されている場合が多いです。SEOの観点からというだけでなく,自分のサイトを利用してくださるユーザーの方々の利便性を考えれば,ページごとに適切なメタ情報を表
picoモジュールのコンテンツ(記事)を表示するページの改造。読みやすさ,使いやすさ,見た目(デザイン),構成内容,関連情報をどう採りいれるか。それらを採りいれたページの改造を記録。テンプレートは「pico_main_viewcontent.html」です。
配置を枠の中,左側に指定したのに,右や下にずれて表示されている画像を正しく表示させるためのCSSの書き方。「position:static;」だけでうまくいった例です。これを指定しなくてもFireFoxのように正常に表示されるブラウザもありますが,InternetExplorer(6)ではずれて表示されていた実例を元に
配置を枠の中,左側に指定したのに,右や下にずれて表示されている画像を正しく表示させるためのCSSの書き方。「position:static;」だけでうまくいった例です。これを指定しなくてもFireFoxのように正常に表示されるブラウザもありますが,InternetExplorer(6)ではずれて表示されていた実例を元に
閲覧中の記事のカテゴリー以外の記事リストを一覧表示現在見ている記事ページやカテゴリーページに,それ以外のカテゴリーの記事を新着順にリスト表示したら,ユーザーにとって便利・親切ではないか,と考え,挑戦してみました。ここxFieldでは,同じカテゴリーの記事リストは,記事ページの場合本体下部に,カテゴリーページの場合メイン
現在見ているモジュールのコメント一覧d3forumの投稿一覧ブロックでカテゴリーとフォーラムを指定し,表示先に該当するモジュールを指定すれば,そのモジュールのコメントだけを表示できます。しかし,モジュールが多いと,その数だけ複製しなければなりません。picoでコンテンツをひとつ作成し,閲覧中のモジュールのコメントだけに
画像表示のタグには,幅と高さを指定することが推奨されているが,ファイルを開いて調べるのが面倒なときがある。自動的に幅と高さを指定できないだろうか,という,いつものずぼらな性格丸出しの希望です。phpに専用の関数があるので,それを利用したsmartyでの書き方を。
HTMLタグを外した文章だけのデータを取り出す方法。ただし文章がだらだらと続くのは見難いので,改行を活かす。サイトトップやモジュールトップ,カテゴリートップなどで概要文付きの記事リストを作るときに便利な方法。
誤字・脱字,ちょっとした表現の書き替え程度でも日付が更新されるのを防止する方法。応急処置みたいな方法ですが,コンテンツ修正時のストレスがなくなりました。
角丸の枠を作るには,画像を利用するしかなかったのですが,最近は,CSSの指定だけで角丸にすることができます。しかもブラウザごとに書き方が微妙に異なるため,かえって,ブラウザ対応の書き方ができます。ただし,InternetExplorerは不可。最新版であってもダメです。InternetExplorerの利用を止めてもら
XoopsCube(ホダディストリビューション)でUTF-8にしてインストールした場合,theme.htmlに日本語を書くと文字化けする。ファイルをUTF-8で保存,アップロードしたら文字化けしなくなりました。sakuraエディタで文字コードを変える方法を記録。
pMedia:記事用アイコン群の作成昨日までに,pMedia:業界ニュース(news)の記事にほぼ特定されたアイコン(シンボルイメージ)を表示させた。このイメージは184×138px……コンテンツページで使用80×60px……ホームやモジュールトップページで使用30×30px……左ブロックに一覧表示する再使用の3種類。
小見出し・項目見出しのスタイルを指定する方法ヘッディングではない見出しも必要,ということで,次のようなclassとタグの組み合わせを登録した。ついでにFireFoxなど,新しいブラウザでは,角丸になるようにしてある。FCKEditorを利用している場合は,「ソース表示」モードに切り換え,自力で,タグとプロパティなどを指
水平線のデザインをCSSで現状は,点線とグレーの線が重なったような,幅もおかしい。また「」の影を隠す方法は?「」をスタイル定義で実現するにはどうしたらいいのか。あちこち探したり,本を読んだりして,下記の結果を得た。正しい(?)方法かどうかは分からない。style.cssテーマ付属のコードhr{height:1px;ma
モジュール(例えばd3diary)によっては,十分な横幅がないため,画面からはみ出す,あるいは,右側が隠れてしまうなど,レイアウトが崩れることがある。d3forumのコメント統合を利用して,コメント入力ボックスを表示している場合などがそうだ。ボックスの幅が固定されているのが原因。そこで,モジュールごとに幅を変化させる方
特選・おすすめメニュー
主要分野別最新記事
-
「MakeLink」FireFoxアドオンの使い方(変数・設定例)
2010-2-1 15:05 | Webサービス・ツール辞典 -
画像(写真)が枠からずれる:CSSでどうしたら?
2010-1-15 9:38 | CSS逆引き辞典・実例集 -
スタイルシートで角丸枠をつくる(更新)
2009-12-27 10:01 | CSS逆引き辞典・実例集 -
小見出し・項目見出しのスタイル定義
2009-12-19 10:29 | CSS逆引き辞典・実例集 -
水平線のスタイル定義
2009-12-19 8:34 | CSS逆引き辞典・実例集
-
コンテンツの修正時に,日付を更新させない方法
2010-2-2 9:46 | pico -
pico:コンテンツページの改造メモ
2010-1-20 10:15 | pico -
d3pipes:カテゴリー名にリンクをつける
2009-12-28 19:26 | d3pipes -
d3forum|コメント統合画面の改造
2009-9-28 17:46 | d3forum -
pico|いま読んでいる記事の関連記事リスト
2009-9-28 16:35 | pico
-
画像(写真)が枠からずれる:CSSでどうしたら?
2010-1-15 9:38 | CSS,HTML,JavaScript -
スタイルシートで角丸枠をつくる(更新)
2009-12-27 10:01 | CSS,HTML,JavaScript -
小見出し・項目見出しのスタイル定義
2009-12-19 10:29 | CSS,HTML,JavaScript -
水平線のスタイル定義
2009-12-19 8:34 | CSS,HTML,JavaScript -
Tips|ブロックへの個別スタイル指定
2009-10-26 18:37 | CSS,HTML,JavaScript
-
設定ファイルを利用したメタ情報の書き方・表示法(一般的モジュール)
2010-1-31 11:19 | 逆引き実例辞典 -
メタ情報の書き方・表示法(一般的モジュール)
2010-1-23 16:29 | 逆引き実例辞典 -
ログインユーザーの所属グループを調べる
2010-1-22 9:42 | 逆引き実例辞典 -
メタ情報の書き方,表示法(picoの場合)
2010-1-21 10:17 | 逆引き実例辞典 -
その他のカテゴリー記事をブロックで
2010-1-14 10:16 | 逆引き実例辞典
-
改行を活かすプレーンテキストの取り出し方例
2009-12-28 17:11 | 応急処置的改造メモ -
コンテンツの修正時に,日付を更新させない方法
2009-12-27 10:49 | 応急処置的改造メモ -
XCのthemeファイルをUTF-8に
2009-12-19 11:10 | 応急処置的改造メモ -
一枚の画像ファイルからサイズの異なる複数のアイコンを作る
2009-12-19 11:08 | 応急処置的改造メモ -
コメント入力ボックスの幅を可変に
2009-11-21 14:38 | 応急処置的改造メモ
-
d3blog|「最新のエントリ」ブロックの改造(ver1.02)
2009-9-28 16:33 | d3blog -
d3blog|コメント統合機能を実装する
2009-9-28 16:28 | d3blog -
d3blog|最新エントリを好きな場所に表示する
2009-9-28 16:21 | d3blog -
d3blog|トラックバック情報部分のデザイン
2009-9-28 16:20 | d3blog -
「最新のエントリ」ブロックの改造(ver1.01alpha)
2008-5-17 15:09 | d3blog
おすすめサイト
- ワンダーお〜ぱ

- Excel,Word,知的生産,情報整理,作文技術を磨くために - ワンダー・オーパ
- Excelオンライン教室

- Excel「関数・機能・グラフ・編集」のオンライン自習室
- xBeans

- 価値ある情報を選択・整理,組み合わせて,活用,発信する技術
- PachinkoMedia

- パチンコ業界人の為のプロフェッショナルサイト。新鮮・希少な情報満載
- パチログ Pachilog

- みんなでつくる日本最大のパチンコ店口コミ評価サイト

コンテンツの修正時に,日付を更新させない方法
正規表現|メタ文字一覧表
Smarty|assign関数
ハートやトランプ記号などの特殊記号
Smarty|string_format修正子
「MakeLink」FireFoxアドオンの使い方(変数・設定例)
設定ファイルを利用したメタ情報の書き方・表示法(一般的モジュール)
メタ情報の書き方・表示法(一般的モジュール)
ログインユーザーの所属グループを調べる
メタ情報の書き方,表示法(picoの場合)
pico:コンテンツページの改造メモ
画像(写真)が枠からずれる:CSSでどうしたら?
画像(写真)が枠からずれる:CSSでどうしたら?
その他のカテゴリー記事をブロックで
モジュールごとのコメント一覧表示法
画像サイズを調べる
改行を活かすプレーンテキストの取り出し方例
コンテンツの修正時に,日付を更新させない方法
XCのthemeファイルをUTF-8に
一枚の画像ファイルからサイズの異なる複数のアイコンを作る
コメント入力ボックスの幅を可変に