エントリー
freoで幅可変の2カラムのスキンを作るには
- カテゴリー：カスタムテンプレート
- タグ：freoCSS, freoテンプレート
- 表示のサンプルは こちら
- templates/internals/default/default.html と templates/internals/view/default.html を開き、下から2行目にある
{include file='utility.html'}を、1行目の
の下に移動します。{include file='header.html'} - css/default.css のうち
- 全体 ⇒ div#container の
を削除します。width: 760px; - 内容 ⇒ div#content の
float: left;と、
width: 550px;を削除し、
追加します（左側にユーティリティが来る場合 は margin-left: 210px ; にします）。margin-right: 210px ; - エントリー ⇒ div#entry div.entry の
を削除します。width: 550px; - ユーティリティ ⇒ div#utility の
float: left;の部分を、
float: right;にし、
を削除します（左側にユーティリティが来る場合 は float: left;のままに）。margin-left: 10px; - IE6用設定 ⇒ * html div#container の
を削除します。width: 800px;
- 全体 ⇒ div#container の
関連エントリー
- 2023/09/05 freoのプロフィールやコメントでGravatarのアバターを表示する方法
- 2018/05/12 freoのエントリーのタグ投稿を楽にする方法
- 2018/03/16 freoのエントリーとページの編集画面で添付ファイルとイメージの画像を表示する方法
- 2018/03/16 freoのエントリーとページの編集画面でオプションの画像を表示する方法
- 2018/02/09 freoのエントリーとページの管理画面に閲覧制限情報を表示する
- 2017/06/10 freoのコメント登録フォームを折りたたむボタン
- 2017/06/10 freoをスマートフォンから見た時にリストのリンクなどをボタン化する
- 2017/05/23 freoの管理用テンプレートをBootstrap3でカスタマイズ
- 2015/04/05 freoで各記事に設定したフィルター名を表示する
- 2014/08/03 freoの注文管理プラグイン画面で投稿者ユーザーの権限を制限する
コメント
- コメントはまだありません。
コメント登録
- コメントを入力してください。
- 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
