スポンサーサイト

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
Guide
  •  …この記事と同じカテゴリの前後記事へのページナビ
  •  …この記事の前後に投稿された記事へのページナビ
  • Edit
  • TB(-)|
  • CO(-) 
 
 

アルバムタイプの画像一覧表示のグリッドサイズを変更する

アルバムタイプの画像一覧表示のグリッドサイズを変更する

  • プラグインタイトルの文字配置を変更する(09/19)
  • IE8で閲覧時の画像の表示比率を修正する(09/23)
(アルバムタイプの)画像一覧の部分の枠(グリッド)のサイズを大きくできないかというご質問を頂きました。
アルバムタイプの場合、通常ブログ画面の記事欄で一定幅の背景画像を使っているため、全体のカラムの幅を広げることはできません。

以下は、全体のカラムの幅は同じまま、グリッドサイズを、通常ブログ画面はDL時の四分割から三分割へ
カテゴリ、タグ、月別、検索ページではDL時の六分割から五分割へ変更する場合のカスタマイズです。

カスタマイズ



[菅理画面]⇒[環境設定]⇒【テンプレートの設定】をクリックして
テンプレートの管理]ページを開く


PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集         こんなふうに上から順番に並んでいます。

HTML編集]部分をカスタマイズします。
<head>~</head>内の以下個所を探します。

<head>

~ 中略 ~

<link href="<%css_link>" type="text/css" rel="stylesheet" />
<!--not_permanent_area--><!--not_edit_area--><!--not_titlelist_area--><link href="http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/gazou_ichiran10.css" type="text/css" rel="stylesheet" /><!--/not_titlelist_area--><!--/not_edit_area--><!--/not_permanent_area-->
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />


~ 中略 ~

<style type="text/css"><!--

~ 中略 ~



<!--not_permanent_area--><!--not_edit_area--><!--not_titlelist_area-->
#category .container ,#tag .container ,#search .container ,#date .container {
max-width:1280px;_width:1280px;margin:0 auto;}


//////////////この部分を全て差し換え///////////////////


/* ======================================================
(BB-1)以下は特定のカテゴリを表紙メニューで表示させないための設定


~ 中略 ~


--></style>

~ 中略 ~

</head>



赤色の部分のファイルアドレスを以下に変更し、

http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/gazou_ichiran8.css



青色の部分<style type="text/css">~</style>内、
/* ======880px======= */から(BB-1)の直前までのを以下に差し替えます。



更新 】 をクリック

これに比例して、トップ画像やプロフィール画像も、大きく表示されるようになります。
不要な場合はHTMLからそれらのソースを削除します。
詳しくは  コチラ 2013.10.06.
関連記事
スポンサーサイト

  • プラグインタイトルの文字配置を変更する(09/19)
  • IE8で閲覧時の画像の表示比率を修正する(09/23)
Guide
  •  …この記事と同じカテゴリの前後記事へのページナビ
  •  …この記事の前後に投稿された記事へのページナビ
 

~ Comment ~

ご質問の前にカスタマイズに関するご質問のコメントは、他の方がその情報を共有・検索しやすくするため、最新記事や個々のテンプレートの説明記事ではなく、できるだけ   カスタマイズ解説記事からお願い致します。
尚、URL(ブログアドレス)が記載されていないご質問、シークレットコメントのみのご質問へはご返答致しません。
初めて投稿なさる前は必ず   ご質問・サポートについて をご確認ください。
  ※コメントの編集用
  シークレットコメントにする (管理者のみ表示)

~ Trackback ~

卜ラックバックURL


この記事にトラックバックする(FC2ブログユーザー)

MENU anime_down3.gif

同じカテゴリの記事が一覧表示されます
同じタグの記事が一覧表示されます
更新月別の記事が一覧表示されます
キーワードで記事を検索
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。