seesaaブログテンプレート改造計画スマートフォン専用ページを表示カラム配置のカスタマイズ|seesaaブログテンプレート改造計画seesaaブログのテンプレートをカスタマイズしてみます。無料で使うことのできるseesaaブログ。FC2ブログなどと比べると、カスタマイズの幅がいまいち。どこまでシーサーブログをカスタマイズできるのか試して見ます。カラム配置のカスタマイズカテゴリーのページです。カラム配置のカスタマイズ2014年05月21日3カラムテンプレートのサイドカラムを片側に寄せて、スタイルシートで調整してみた3カラムのサイドカラムを左に寄せてみた。やり方は、サイドカラムを片側に寄せるのとおり。使っているテンプレート名は「超シンプル(両サイドバー)」というテンプレート。右に全体により過ぎているのは、スタイルシートを調整していないため。スタイルシートを書き換えるともうちょっと見やすくなると思う。元のテンプレート表示もともとのテンプレートはした。シーサーブログのオーソドックスな3カラムテンプレートだ。スタイルシートのカスタマイズのヒント・ブログ全体の幅=#containerのwidth+margin:。width:+margin-right:+margin-left:)。スタイルシートの書き換え一番左のカラムを1.真ん中のカラムを2。右のカラムを3(ここがメインカラム)。auto;}ブログの幅が変わり、ブログの左右に空間ができる。0px;line-height:1.5;margin-right:40px;}これを下のように変える。0px;line-height:1.5;}3のカラムのスタイルシート#content{width:430px;float:left;margin-right:40px;}これを下のように変える。#content{width:480px;float:left;margin-right:9px;margin-left:30px;}で、下がHTMLを変えた後にスタイルシートで表示を調整したもの。⇒かなり、見やすい表示になったんじゃないかと思う。|2014年05月19日サイドカラムを片側に寄せるシーサーブログを見ていると、変則的なテンプレートがない。オーソドックスなテンプレートが多いんだよね。3カラムのテンプレート。シーサーブログの3カラムテンプレートはメインカラムが真ん中にあってその左右にサイドカラムがある。サイドカラムを片側に寄せられないかな?と思っていたら、ちゃんと試した人がいたようなので、方法をメモ。シーサーブログのサイドカラムを2つとも右側に寄せる方法1、デザイン⇒HTMLとクリック。2、以下のHTMLを探す。-%>3、以下のHTMLを探す。-%>4、2のHTMLを3のHTMLの前か後ろに貼り付ける。5、保存ボタンを押す。シーサーブログのサイドカラムを2つとも左側に寄せる方法1、デザイン⇒HTMLとクリック。2、以下のHTMLを探して切り取り、テキストエディタに貼り付ける。-%>3、以下のHTMLを探す。-%>4、2のHTMLを3のHTMLの前か後ろに貼り付ける。5、保存ボタンを押す。今度うちのブログでもやってみようと思っている。30カテゴリ・日記(2)・タグページのカスタマイズ(2)・SEOカスタマイズ(8)・最近の記事をカスタマイズ(2)・シーサー(seesaa)ブログの広告設定(4)・カテゴリのカスタマイズ(5)・ヘッダー部分のカスタマイズ(3)・カラム配置のカスタマイズ(2)・seesaaブログの基本操作(4)・記事コンテンツのカスタマイズ(2)・スマートフォン用テンプレートのカスタマイズ(3)・過去ログのカスタマイズ(1)過去ログ2014年06月(2)2014年05月(14)2013年04月(2)2013年03月(1)2012年11月(4)2012年10月(3)2012年09月(2)2012年08月(9)2009年05月(1)ファンメッセージを送るこのブログの読者になる更新情報をチェックするブックマークする友達に教えるSeesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。