ad-astra

21:26


クリックでテンプレートのプレビューができます。

★ 基本情報

テンプレート名 : ad-astra
最新バージョン : 2.0

更新履歴 - Update history

09/10/08 : バージョン表記無し→2.0
[Modify] 追記開閉スクリプト実装
[Modify] 全記事一覧表示に対応
[Modify] 「前後の記事へのリンク部分」のスタイル変更
[Modify] プラグイン3の出力方法を変更
[Modify] 非常に長い記事の場合に生じるFirefoxのバグに対応
[Modify] 簡易カスタマイズ改良
[Modify] IE8用の微調整
[Modify] MacIEへのスタイル適用を除外
[Modify] pre、hrなどのデフォルトスタイル変更
[Modify] その他色々大幅更新

星々の軌跡。ManicStarがベースになっています。
タイトル画像の変更、左右カラムの切り替え、幅可変／固定の切り替えのほか、様々なカスタマイズ項目を用意。
プラグイン3はトップページの記事上部に表示されます。
バトン用専用スタイルあり。プラグインON/OFF対応。XHTML 1.0 Transitional。jQuery1.3.2をテンプレート内で使用しています。

Mac版InternetExplorerで閲覧する際には、スタイルを適用しないよう設定されています（ad-astra 2.0以降）。ご了承ください。

スポンサーサイト



Tag List
FC2ブログ共有テンプレート
Ad-astra
ManicStar

フォントサイズの変更@ManicStar

00:33

★対象テンプレート：ManicStar

このエントリーでは、テンプレートの各部分のフォントサイズを変更する方法を紹介します。
スタイルシートで該当する箇所を探す場合は、ナンバリング（「/*[3.4]*/」など）を参考にすると便利かと思います。

■ ページ全体のフォントサイズの変更
/*[2.1]*/
body {
  margin : 0;
  padding : 0 2em;
  line-height : 1.5;
  color : #aaa;
  font-family : "Verdana", "MS UI Gothic", "Osaka", sans-serif;
  font-weight : normal;
  font-size : 85%;
  background-color : #333;
  background-image : url("http://blog-imgs-41.fc2.com/r/i/m/rimse/manicstar_background.png");
  background-repeat : repeat-x;
  background-position : left top;
  background-attachment : fixed;
}
この中の、
  font-size : 85%;
を変更してください。


■ メインカラムのフォントサイズの変更
/*[5.1]*/
#main {
  float : left;
  width : 64%;
  overflow : hidden;
}
この、{ と } の間に次の記述を挿入してください。
  font-size : ○○%;
○○の部分に適当な数値を入力してください。

■ 記事本文のフォントサイズの変更
/*[8.1]*/
div.entry-body {
  margin : 0 2em;
}
この、{ と } の間に次の記述を挿入してください。
  font-size : ○○%;
○○の部分に適当な数値を入力してください。

■ サブメニューのフォントサイズの変更
/*[16.1]*/
div#sub{
  width : 35%;
  float : right;
  /* for IE5 */ text-align : center;
}
この、{ と } の間に次の記述を挿入してください。
  font-size : ○○%;
○○の部分に適当な数値を入力してください。
Tag List
ManicStar
ManicStarカスタマイズ

タイトル部の変更@ManicStar

00:22

★対象テンプレート：ManicStar

このエントリでは、タイトル部の各種カスタマイズについてまとめています。

■ タイトル画像を変更する
スタイルシートから、
/*[3.1]*/
#header {
background-image : url("http://blog-imgs-41.fc2.com/r/i/m/rimse/manicstar_title.jpg");
  background-repeat : no-repeat;
  background-position : center top;
  padding : 170px 0 110px;
  color : #fff;
}
を探してください（ナンバリングを目安にすると便利です）。

background-imageプロパティ内にあるurl("～")の波線部を、変更したい画像のURLに置き換えてください。

■ タイトル・ブログ紹介のエリアを移動する
上と同じ箇所の、paddingプロパティを調節することでエリアを移動することができます。
このとき、
padding : （上からの位置） 0 (下からの位置);
となるようにしてください。（0を忘れないようにお願いします）。

なお、タイトルエリアのサイズは固定されておらず、paddingプロパティを大きくすればその分だけタイトルエリアが大きく確保されます。また、ブログの紹介文の文章量などによってもサイズは変動します。ご了承ください。
Tag List
ManicStar
ManicStarカスタマイズ

Profile

rimse

Author:rimse
ペンギンを愛してやまないペンギン病患者。
LOVEペンギン。

ただいまお仕事でえらいこっちゃしてます。

ブログのテンプレ作ってました。
共有テンプレートのページで、作者「rimse」と検索すると出てきます。
シンプルめのテンプレが多いかも。

Recent Entries

Recent Comments

Archives

Categories

Calender

11 | 2023/12 | 01
日 月 火 水 木 金 土
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -

RSSフィード

Search


Credit

スタイル切り替えスクリプト
[stylechange.js] Re:move!
Aquaria
[photo] "Blue Water" / fox_kiyo (Flickr)
Fiore
[photo] "Good night dahlia 2"/tanakawho (flickr)
Silence
[photo] "Noche de luna llena"/*L*u*z*a* (flickr)
Snowdance
[photo] "Snow Magic"/katmere (Flickr)
Fragment
[photo] "In the Streets"/Rodrigo Cayo (I LOVE ANALOG) (Flickr)
Day-out
[photo] "Antarctica: Penguin Hunting"/elisfanclub (Flickr)
Ad-Astra
[photo] "Kilimanjaro"/Stig Nygaard (Flickr)
Fall-time
[photo] "against the white sky"/Ozyman (Flickr)
[icon] "Fugue Icons"/pinvoke
Exnihilo
[icon] "Fugue Icons"/pinvoke
Manicstar
[photo] "Elements of Light"/Fort Photo
Lostsky
[photo] "Lost to the Sky"/Drown
Daylight
[photo] "the grass is greener here"/hufse
[photo] "Seeing the Forest for the Trees"/synapse
Suspire
[photo] "Lying Cat"/d'n'c
Amaris
[photo] "Bev & Ryan"/aprillynn77
Herba
[photo] Encyclorecorder
Birdcall
CertaPax
Rera
[photo] ShippoShappo