Follow Us.RSS

テーブルメーカーのページ数/背景の設定方法

  • 新規投稿
  • ログイン

テーブルメーカーテーブルメーカーのページ数/背景の設定方法

お世話になっております。

現在『テーブルメーカー』を使用して下の画像のようなページを作成しております。
既出かもしれませんが、いろいろいじってみて想定どおりのページにならなかったので質問させて下さい。

①緑色の楕円で囲っている「ページ数」(?)の表示をOFFにすることは可能でしょうか。
②赤の四角の部分に画像を設定したいと考えておりますが、可能でしょうか。

可能でしたら設定の方法をご教示頂けますと幸いです。

以上です。
お忙しいところ恐れ入りますが、宜しくお願い致します。


ストロベリー-ショボン
  • はむ
  • Windows 7/Firefox17.0
  • 2013年9月9日(月) 16時12分48秒

テーブルメーカーRe:テーブルメーカーのページ数/背景の設定方法

ご質問ありがとうございます。
いずれの表示も CSS を工夫する事で実現可能です。
タイル表示のみにスタイルを適用したい場合は、次のようにします。

  1. 環境設定の「ページレイアウト/タイル表示ページレイアウト」を開きます。
  2. 「詳しい設定を表示する」をチェックします。
  3. 「ヘッダ設定」中の「CSS設定」にたとえば次のように書き込みます。
ul.pager {
display: none;
}
ul.tile {
background: transparent url("画像のURL");
margin: 0 15px;
}
ul.tile li {
width: 195px;
}

上記スタイルを適用すると、ページ数が増えた時ページ移動リンクが表示されませんのでご注意ください。

以上参考になりましたら幸いです。


CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari6.0
  • 2013年9月9日(月) 18時21分13秒

テーブルメーカーRe:テーブルメーカーのページ数/背景の設定方法

早速のご回答ありがとうございます。

①に関しては表示をOFFにすることができました。

②なのですが、お知らせ頂きましたCSSに絶対パスでURLを記入したところ、画像が表示されませんでした。
そこで相対パスで記入しようとしたのですが・・・ディレクトリ構造が良くわからず、画像の表示に失敗しております。
画像メニュー編集(共通)〉任意のフォルダに画像を置いた場合、
URLをどのように指定すればよろしいでしょうか。

お忙しいところ恐れ入りますが、ご教示頂けますと幸いです。


ストロベリー-ニコリン
  • はむ
  • Windows 7/Firefox17.0
  • 2013年9月11日(水) 22時52分57秒

テーブルメーカーRe[2]:テーブルメーカーのページ数/背景の設定方法

ご返信ありがとうございます。

画像を絶対パスで指定すれば通常は表示されるものと思いますが、念のため、各種パスをお知らせいたします。

*CSSがHTML中に埋め込まれるCGIの位置
~/cgi/テーブルメーカーのフォルダ名/start.cgi

*画像メニュー中の画像ファイルの位置
~/image/imagemenu/フォルダ名/ファイル名

したがって、相対パスで記述する場合は次のようになります。

../../image/imagemenu/フォルダ名/ファイル名

なお、画像メニューにアップロードしたファイルはファイル名に日本語や記号などが含まれる場合、別名に変更されます。

画像の正しいパスを取得するには次のようにします。

  1. 画像を右クリックすると、メニューウィンドウが出る。
  2. 「画像だけを表示」を選ぶと、画像のみが表示され、上部にURLが表示される。

以上参考になりましたら幸いですm(_ _)m。


CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari6.0
  • 2013年9月12日(木) 4時41分29秒

テーブルメーカーRe:テーブルメーカーのページ数/背景の設定方法

丁寧なご回答ありがとうございます。

ページレイアウト〉タイル表示ページ〉タイル表示設定〉
「テーブルでタイル状に表示する」のチェックを外したら、
画像が設定されていることを確認できました。
パスは関係なかったようです。
お騒がせいたしまして申し訳ございません。

さて、現状添付画像の左上のような見え方をしているのですが、
これを右下のようにしたいと考えております。

サムネイル画像以外の白い部分を表示しないor白い部分を画像(背景と同じ緑色)
にすることは可能でしょうか。

お忙しいところ恐れ入りますが、ご教示頂けますと幸いです。


ストロベリー-ショボン
  • はむ
  • Windows 7/Firefox17.0
  • 2013年9月14日(土) 14時28分28秒

テーブルメーカーRe[2]:テーブルメーカーのページ数/背景の設定方法

サムネイル画像以外の白い部分を表示しないor白い部分を画像(背景と同じ緑色)にすることは可能でしょうか。

こちらについても CSS でコントロールできます。

(記述例)

ul.tile li {
background: transparent none;
border: none;
}

どの要素にどのスタイルが適用されているかを調べるには、Firefox (最新版)では調べたい要素を右クリックして「要素を調査」を選択します。

スタイルシートの記述方法については、書籍もしくはネット上のリファレンスを参照してください。

弊社では CSS の完全なカスタマイズについては、有償サポートとさせていただいております。完全なサポートが必要な場合は、サポートお申し込みフォームよりお申し込みください。お待ちしております。

以上参考になりましたら幸いですm(_ _)m。


CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari6.0
  • 2013年9月14日(土) 16時20分49秒

テーブルメーカーRe:テーブルメーカーのページ数/背景の設定方法

お忙しいところご返信下さいましてありがとうございます。
ヒントを頂きましたお蔭で、ほぼ想定通りのページを作ることができました。


ストロベリー-ニコリン
  • はむ
  • Windows 7/Firefox17.0
  • 2013年9月18日(水) 0時1分41秒

テーブルメーカーRe[2]:テーブルメーカーのページ数/背景の設定方法

ご報告ありがとうございます。
また何かわかりにくいことなどありましたら、お気軽にご相談ください。お待ちしておりますm(_ _)m。


CMONOS スタッフ
  • CMONOS スタッフ
  • MacOS X/Safari6.0
  • 2013年9月18日(水) 4時40分24秒

タイトルは内容を簡潔にまとめたものにしてください。
「質問です」などのタイトルで投稿することはできません。

アイコン


この E-Mail は表示されません。



添付ファイル

(< 1000000 byte)

サイズ
(<800) × (<800) ピクセル


ユーザー環境
MacOS X/AppleWebKit537.36


  • 新規投稿
  • ログイン
戻る

© CMONOS Co. Ltd.


PC 向けページに移動する