お世話になっております。
現在『テーブルメーカー』を使用して下の画像のようなページを作成しております。
既出かもしれませんが、いろいろいじってみて想定どおりのページにならなかったので質問させて下さい。
①緑色の楕円で囲っている「ページ数」(?)の表示をOFFにすることは可能でしょうか。
②赤の四角の部分に画像を設定したいと考えておりますが、可能でしょうか。
可能でしたら設定の方法をご教示頂けますと幸いです。
以上です。
お忙しいところ恐れ入りますが、宜しくお願い致します。
ご質問ありがとうございます。
いずれの表示も CSS を工夫する事で実現可能です。
タイル表示のみにスタイルを適用したい場合は、次のようにします。
ul.pager {
display: none;
}
ul.tile {
background: transparent url("画像のURL");
margin: 0 15px;
}
ul.tile li {
width: 195px;
}
上記スタイルを適用すると、ページ数が増えた時ページ移動リンクが表示されませんのでご注意ください。
以上参考になりましたら幸いです。
早速のご回答ありがとうございます。
①に関しては表示をOFFにすることができました。
②なのですが、お知らせ頂きましたCSSに絶対パスでURLを記入したところ、画像が表示されませんでした。
そこで相対パスで記入しようとしたのですが・・・ディレクトリ構造が良くわからず、画像の表示に失敗しております。
画像メニュー編集(共通)〉任意のフォルダに画像を置いた場合、
URLをどのように指定すればよろしいでしょうか。
お忙しいところ恐れ入りますが、ご教示頂けますと幸いです。
ご返信ありがとうございます。
画像を絶対パスで指定すれば通常は表示されるものと思いますが、念のため、各種パスをお知らせいたします。
*CSSがHTML中に埋め込まれるCGIの位置
~/cgi/テーブルメーカーのフォルダ名/start.cgi
*画像メニュー中の画像ファイルの位置
~/image/imagemenu/フォルダ名/ファイル名
したがって、相対パスで記述する場合は次のようになります。
../../image/imagemenu/フォルダ名/ファイル名
なお、画像メニューにアップロードしたファイルはファイル名に日本語や記号などが含まれる場合、別名に変更されます。
画像の正しいパスを取得するには次のようにします。
以上参考になりましたら幸いですm(_ _)m。
丁寧なご回答ありがとうございます。
ページレイアウト〉タイル表示ページ〉タイル表示設定〉
「テーブルでタイル状に表示する」のチェックを外したら、
画像が設定されていることを確認できました。
パスは関係なかったようです。
お騒がせいたしまして申し訳ございません。
さて、現状添付画像の左上のような見え方をしているのですが、
これを右下のようにしたいと考えております。
サムネイル画像以外の白い部分を表示しないor白い部分を画像(背景と同じ緑色)
にすることは可能でしょうか。
お忙しいところ恐れ入りますが、ご教示頂けますと幸いです。
サムネイル画像以外の白い部分を表示しないor白い部分を画像(背景と同じ緑色)にすることは可能でしょうか。
こちらについても CSS でコントロールできます。
(記述例)
ul.tile li {
background: transparent none;
border: none;
}
どの要素にどのスタイルが適用されているかを調べるには、Firefox (最新版)では調べたい要素を右クリックして「要素を調査」を選択します。
スタイルシートの記述方法については、書籍もしくはネット上のリファレンスを参照してください。
弊社では CSS の完全なカスタマイズについては、有償サポートとさせていただいております。完全なサポートが必要な場合は、サポートお申し込みフォームよりお申し込みください。お待ちしております。
以上参考になりましたら幸いですm(_ _)m。