シーサーブログPCテンプレート/スマートフォン対応化カスタマイズ|無料ソフト・無料サービスで安いパソコンを120%楽しむ方法
最新記事更新記録はこちら↓

お名前コムで独自ドメインが安い (06/17)

Firefoxのアドオンを停止する・Firefoxフリーズ対策 (06/14)

いずれレンタルサーバーへお引越しするかも知れない (06/10)

また、IEに問題発? (05/23)

iPhoneをスキャナとして利用できるライトスタンドがあるんだって (05/21)

リロードとスーパーリロードってどう違う? (05/17)

Google検索の上位サイトが専門家が書いた難しいページだらけになる日がくるかも (05/15)

歩行中のスマートフォンの利用を法律や条令で規制すべきか? (05/11)

ワードパットはどこにある? (05/08)

会社のWordが使いにくいと感じたらワードパットを使ってみよう (05/06)

IEって何?InternetExplorer?ブラウザって何? (05/02)

IE使っては駄目!国土安全保障省のコンピュータ緊急対応チームから (04/30)

黒いパソコンは重い? (04/27)

携帯電話の絵文字が共通化されるらしい (04/26)

シーサーブログの投稿記事の下に広告を自動表示させる (04/20)

Windows7、8、8.1のサポート期限 (04/13)

GoogleのAndroidOS用オフィスアプリQuickofficeでできること (04/12)

WindowsXPのサポートが終わってしまいましたがな (04/10)

Windows7のスタートメニューによく使うソフトやフォルダのショートカットを登録してみよう (04/08)

Windows7になったらタスクマネージャーはどうやって出す? (04/02)

WindowsXPにWindows Live メールをインストールしておくとWindows7・8への移行が楽らしい (03/27)

Windows7のスタートメニューにショートカットアイコンをおいて、ソフトの起動を簡単に (03/23)

WindowsPCのシャットダウン (03/21)

複数のテキストを比較する無料ソフト (03/14)

入力しにくい文字をローマ字入力する (03/13)

災害時インターネットは強い (03/11)

ノートパソコンのタッチパットをOFFにする方法 (03/09)

wordの自動箇条書きをOFFにしよう (03/07)

Windows7以降のWindowsOSに標準で付属している電卓が便利だ (03/04)

「半角/全角」キーを押すとひらがなの「ろ」が入力される (03/01)

総記事数:
Top Page >スポンサー広告 > シーサーブログPCテンプレート/スマートフォン対応化カスタマイズブログカスタマイズ > シーサーブログカスタマイズ > シーサーブログPCテンプレート/スマートフォン対応化カスタマイズ

スポンサーサイト

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:スポンサー広告 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 --.--.-- / コメント:: - / トラックバック:: - / PageTop↑


シーサーブログPCテンプレート/スマートフォン対応化カスタマイズ

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズシーサーブログカスタマイズ 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 シーサーブログのスマートフォン専用サイトがあまりにも広告でうざいので、スマートフォンからの訪問者にもPCテンプレートのほうだけの閲覧で不自由なく閲覧できるようにPCテンプレートを改造してみようと思う。

使用するシーサーブログテンプレート

『超シンプル(右サイドバー) 』

 

目標

1、1カラム化

2、リキッドレイアウト

3、アンカーテキストの使用による位置移動

 

シーサーブログテンプレートの1カラム化とリキッドレイアウト化:『超シンプル(右サイドバー) 』

1、『デザイン』→『デザイン設定』→『超シンプル(右サイドバー) 』をクリック。

2、スタイルシートをカスタマイズし、サイト全体の閲覧時の位置を中央寄せにする。

変更前  変更後 
body{
 text-align:center;
 margin:0;
 padding:0;
 color:#555;
} 

body{ 
 text-align:center;
 margin-left: auto; margin-right: auto; 
 color:#555;
/* 最大幅 */max-width: 550px; /* 最大幅 */ 
 /* IE用 */ 
width: expression(document.body.clientWidth > 551? "550px" : "auto");  }


 margin-left: auto; margin-right: auto;で中央寄せ。
 max-width: 550px; でサイトの幅の最大値を指定している。

3、カラムの幅の変更

変更前  変更後 
#container{
 width:960px;
 text-align:left;
 margin:0 auto;
}
#container{
 width:100%;
 text-align:left;
 margin:0 auto;
}
 
#links-left{
}
#links{
 width:240px;
 float:left;
 padding:0px 0px 0px 0px;
 line-height:1.5;
}
 
#links-left{
}
#links{
 width:100%;
 float:left;
 padding:0px 0px 0px 0px;
 line-height:1.5;
}
 
 これで、カラムの幅が可変化されたリキッドレイアウトになる。

4、テンプレートの名前を変更して『保存』ボタンをクリック。

5、『コンテンツ』をクリック。

7、サイドカラムに配置したコンテンツをドラッグして、メインカラムへ移動。

8、『保存』ボタンをクリック。

 

 と本日はここまで。

 

PC・スマートフォン共通テンプレート化中なのはこちらのサイト(内容自体は更新が滞ってるので、実験用にちょうど良かったのだ)。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
無料 ブログ テンプレート カスタマイズ スマートフォン  シーサーブログ 

FC2ブログ内同タグ へのリンク↓
無料 ブログ テンプレート カスタマイズ スマートフォン シーサーブログ

 2013.03.15 / コメント:: 0 / トラックバック:: 0 / PageTop↑


コメント:
Title

Secret


Pagetop↑
トラックバック:
Pagetop↑
無料ウイルスソフト
管理人も使用中
キングソフトインターネットセキュリティU

最新記事
ようこそ


サイト内外の検索ができます。キーワードを入力してください。
サイト内検索↓

カスタム検索

サイト外検索↓

設置日時 2008・02・17

マカフィー・ストア

全記事表示リンク
カテゴリ
タグリスト 改

ドメイン独自ドメインブログFirefoxブラウザフリーズアドオンIEIE8PhoneスマートフォンスキャナリロードスーパーリロードGoogleSEO検索検索結果上位サイトワードパットWindowsフリーソフトWord無料ソフトワープロInternetExplorer脆弱性セキュリティパソコン携帯電話絵文字シーサーブログカスタマイズテンプレートWindows8.1Windows8メインストリームサポート延長サポートWindows7サポートAndroidOfficeQuickofficeWindowsXP起動アイコンフォルダショートカットスタートメニューCtrl+Alt+DelタスクマネージャーWindowsLiveメールデータ移行メール連絡先OutlookExpressシャットダウンテキスト比較ローマ字入力入力キーボード東日本大震災インターネット災害タッチパットポインティングデバイスノートパソコンword箇条書き電卓OS入力できない半角排紙トレーが開いています印刷プリンターエラーYahoo!ヘッドクリーニングプリンターヘッド目詰まりExifGPSクリーニングインク染料顔料パスワードOpenOffice.orgLibreOfficeApacheOpenOffice百度ShimejiアプリBaidu日本語入力hao123IMEクラウドスケジュールPCalphaEDIT32ビット64ビットアップグレード電源の管理日本ヒューレット・パッカード3万円台赤ロム白ロムUSBメモリーフォーマットtranscendUSBメモリー再生書き込み禁止になっていますリカバリーツールGooアップデート更新プログラムオリンピックコメントニュースLinuxブートパーティションInter7フリーメールメールアドレス2ちゃんねる流出個人情報ID2チャンネルインストールWubiUbuntu日本語版USBハブ転送速度セルフパワーバスパワープライバシーGmail侵害マウスホイールマウスIDManager管理作成ハードディスク買い替え文字化け改行コード文字コードサイズ起動できないブートローダーLANポートデバイスマネージャーデュアルブートメモリメニューバーSilverlightFlashPlayerAdobeOSLinuxUbunt12.04.2インターネット接続言語の設定日本語化UnetBootinメモリー光学式右クリックXPKeePassGoogle+アドセンススコアボードインポートIDmanegerトラブルMicrosoftKB2839229Linuxで更新復元セーフモードシステムvCalendarvcsスマホジョルテThunderbirdOutlookサンダーバードPIMエクスポートFC2手書き入力Yahoo!IDツール確認GooglePlay詐欺カレンダーアウトルック同期オフラインジョルデCSVガラゲーSIMカードフィーチャーフォン7スポットスポットタッチペン金属繊維ペンスタイラスデーター赤外線通信共有GoogleアカウントMoborobo2.0iOS無線LANYahoo!スマホマネージャーアンドロイドOS日時表計算ソフト自動更新関数表示アンドロイドカメラシャッター音DoNotTrackIE10デスクトップExplorerIntrenet8ウインドウズ732ビット64偽サイト偽装サイトスタイラスペンMZK-RP150NポータブルWi-Fiポケットルータ無料無線LANスポット無線LANスポットドコモルーター有線LANタブレットアダプタ有線BlueStacksパスワード管理ソフト注意点サイトショットノートヌーボードショットノートヌーボードコード閲覧SafariInternetLunascapeChromeキャッシュクッキー一時ファイル削除履歴証明書取り消し情報ルート証明インターネットオプションアップロード情報違法開示ゴミ箱設定容量ファイルクラッシャーKingsoftAntiSpywareLunascape6キャッシュバックFC2コンテンツキャンペーンマーケット反映OpenOffice.orgCalcシートExcel列幅セル表計算移動入力欄テンキー数字ツイッターTwitterYahoo!カレンダーメールソフトネクサス7無料メールgooショートカットキープリンタ詰替プルンターノズルチェックカートリッジジャンル私製はがき年賀状フォント手書き手書き風フォント素材日本郵政はがきデザインキットOpenOfficeCalcオフィスソフトOpenOfficeカテゴリNexus7iPadminiスペックHiMakeDocWeb自動巡回用ファイルコンバートソフトカテゴリーリストタイトルテーマGoogleアドセンスストレージYahoo!ファイル関連記事シーサー株式会社JavaScriptウインドウズXPサポート終了カウントダウンJavascriptゲームCalcWi-Fi接続フリースポットFC2ブログ登録Writer宛名ワープロソフト制作レンタルトラックバック迷惑URL

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。