月別アーカイブ

タグ

twitter 2カラム(右) グリーン 3カラム スマートフォン    ブラウン ブルー ベージュ ピンク 2カラム(左)  イエロー ホワイト  ミントグリーン  写真  ゴールド  観覧車  グレー  オレンジ ハロウィン パープル パール  カラフル 植物  ネイビー  クローバー 2カラム ノート フレンチ ドット ブラック 水玉 lomo ディープブルー 和風 リボン 

記事検索

FC2ブログとは?

わたしが作成しているテンプレートは「FC2ブログ」というサービスで利用できます。
無料のブログサービスはいくつもありますが、1GBの大容量ということとギラギラした広告がなくデザインの自由度が高いという点でおすすめです!
オリジナリティが出せるので、個人はもちろんショップやサークルのオフィシャルブログとしても十分活用できると思います。
PCの他、携帯やスマートフォンからも閲覧・投稿ができるところもポイント。 これからはじめてみたい方はぜひ。
そして、このブログで紹介しているデザインは共有テンプレートとして配布(もちろん無料)していますので見てみてくださいね。

プロフィール

うららん

管理人:うららん
自作のブログテンプレートやツイッター背景を配布しています。
心がけているのは、記事やつぶやきが主役になるよう、邪魔しない、かつ居心地がいいデザインであること。よって、かなりシンプルです。
よろしければ、ご自由にお使いください。
ただの物好きがつくっていますので、至らない点が多々あると思いますが、大目にみてくださいね。


タイトルの由来は、日々、麗らかであるようにとの願いから。

うら-らか【麗らか】
1 空が晴れて、日が柔らかくのどかに照っているさま。
2 声などが晴れ晴れとして楽しそうなさま。
3 心にわだかまりがなく、おっとりしているさま。
(大辞林より引用)

My twitter

My facebook

お問い合わせ

名前:
メール:
件名:
本文:

フリーエリア

お休みのお知らせ

2013年9月以降、コメントやご質問、お問い合わせへのお返事をお休みしております。
どうぞご了承ください。

ブログで紹介しているテンプレートはFC2ブログ用です。ログイン後、管理画面の共有テンプレート追加からダウンロードしてご自由にご利用いただけます。商用利用もどうぞ。

※再配布不可との記載のは、テンプレートや使われている画像をご自分のものとして他の人に配布したり掲載したりを禁止しているだけですので、カスタマイズ中の不具合などで再度ダウンロードしていただくのは何回でもOKです!

PR

スポンサーサイト

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

ブログテンプレ『starry sky』カスタマイズ

2011.07.13 20:44|カスタマイズ
いつもご利用ありがとうございます。

◎2カラムと3カラムの可変につきまして

『25_starrysky』は2カラムのつもりで制作しましたが、3カラムにもなります。
プラグインのカテゴリで切り替えることができます。
左から、メイン記事、プラグインカテゴリ1、カテゴリ2と表示されるように並んでおり、
カテゴリ2にプラグインが設定されていなければ2カラムになります。
3カラムは狭い画面では右側にスクロールが必要になりますのでご了承ください。


◎文字なし背景へのカスタマイズ
『25_starrysky』の月のところに入っている「Pray for JAPAN」の文字ですが、文字なしバージョンの背景もあります。
もし、文字なしのほうがいいケースがありましたら、カスタマイズしてください。


■修正箇所

テンプレートのスタイルシート編集になります。
基本設定の中に背景画像に関する記述があります。

/*--------------------------------------------------
基本設定
--------------------------------------------------*/
(中略)
body {
background: #f5f6f7
url(http://blog-imgs-44.fc2.com/u/r/a/uraraka01/25_bg_japan.jpg) fixed no-repeat top left;
(続く)




■ファイル名を書き換える

画像のファイル名を「25_bg_japan.jpg」から
25_bg.jpg」に変更。

これだけです。


テンプレート自体は→こちらから
関連記事

コメント

変更できなくて・・・・

25_starryskyの上記のファイル名を変更したんですが、
どうしても数分経っても、2カラムのままなのですが・・・

3カラム版を出していただけないでしょうか?

Re: 変更できなくて・・・・

葵 様

お問い合わせありがとうございます!

カラムの変更ですが、
ファイル名の変更ではなく、
環境設定/プラグインの設定 で、サイドバーの内容を
プラグイン1とプラグイン2に振り分けてみてください。
1が真ん中、2が右側のカラムに該当します。

つまり、テンプレート自体は3カラムなんです。
それを2カラムでも使えるよというだけです。

もし、うまくいかなければまたこちらにでもご質問くださいね。
よろしくお願いいたします。

No title

うららん様

すばやいお返事とても感謝です。
3カラムになりました。
ところで、あともうひとつなんですが・・・

記事を真ん中に持ってくることは可能でしょうか?

○■○

■が記事です。
出来ますでしょうか?

質問多くてすみません・・(・。・;

カラムの入れ替えについて

葵 様

再びのご質問ありがとうございます!
結論からいうと、カラムの入れ替えは可能です。

デザイン上、簡単に入れ替えられないものもありますので、
通常は個別カスタマイズとしてサポート外にさせてもらっていますが、
このテンプレートに関しては簡単なのでアドバイスとしてお答えしますね(●^o^●)

テンプレートのHTML編集では表示順に
メインコンテンツ(記事)、サイドバー1、サイドバー2の順に記述されています。
それを
サイドバー1、メインコンテンツ(記事)、サイドバー2にしていただければOKです。
具体的には
<!--サイドバー1ここから-->

<!--サイドバー1ここまで-->
をまるごと
<!--ラップここから-->
<div id="wrap">
のすぐ下、

<!--メインコンテンツここから-->
のすぐ上に移動していただくとできます。

これでなんのことか全くわからない感じでしたら、
無理にカスタマイズはおすすめしません(*>.<*)
いかがですか?
ぜひお試しくださいね。


No title

ありがとうございました。
なんとか出来ました。

黒だけででなく、
色を8色、(緑、青、紫、黄、赤、黒、オレンジ、ピンク)分けて使うので、
どの色も映える背景でいい感じのを探してて、

25_starryskyだと全部見え易い色で、きれいな背景だったので・・・
長々と質問にお付き合いいただき、ありがとうございました。

テンプレお借りします。

テンプレートお借りします。初めてのブログなのであまりうまく使える気がしませんが、お許しください。
頑張ってください!それでは失礼します。

Re: テンプレお借りします。

MeidoInJP 様

はじめまして。
初めてのブログでテンプレを見つけていただけて嬉しいです♪
ブログがMeidoInJPさんの居場所のひとつとして、心地いい空間になるよう祈っています。

今後ともよろしくお願いいたします。

タイトル文字と文章の文字の大きさ、色について

うららん様

はじめまして。Noahと申します。
うららん様のStarryskyが素敵で使用させていただいております。ありがとうございます。

さて、お伺いしたいのですが、タイトルの文字および、文章の文字の大きさや色を変更することは可能でしょうか?
一部、ブログ読者様から、白い文字と背景の色がかぶってしまい霧がかかったようになって読みずらいのです・・・とのご指摘がありました。
が、うららん様のこのテンプレートがとっても気にいっているので、どうしても他のものを使用することは・・・嫌なんです。ブログの雰囲気にとってもあってると思っているので。。不躾な質問で申し訳ございませんが、変更の仕方がございましたら、教えていただければ幸いです。
これからも素敵なテンプレート、期待してます!よろしくお願いいたします。

Re: タイトル文字と文章の文字の大きさ、色について

Noah 様

はじめまして♪
ダウンロード、コメントありがとうございます。
お返事が遅くなって申し訳ありません。

文字色の変更ですが、
このテンプレートでは全体を一括で指定しています。
記事のタイトルなどはリンクになっているので、リンク箇所の色の指定(こちらもサイト内一括指定)で変更することになります。
文字サイズもサイト全体の基本サイズを変更してしまった方がいいと思いますので、
スタイルシートの次のところで直してください。
現在は12px(75%)に指定しています。
標準は16px(100%)なので、ちょこっと計算してみてくださいね。

/*--------------------------------------------------
基本設定
--------------------------------------------------*/
(略)
body {
background: #f5f6f7
url(http://blog-imgs-44.fc2.com/u/r/a/uraraka01/25_bg_japan.jpg) fixed no-repeat top left;
color: #f5f6f7;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
font-size: 75%;
overflow:visible;
}
/* for without IE6&IE7 */
html>/**/body {
font-size: 12px;
}
/* for IE7 */
* + html body {
font-family: "メイリオ","Meiryo";
}
/* for IE6&MACIE5 */
* html body {
font-family:'MS Pゴシック';
font-size:75%;
}

(略)
/*--------------------------------------------------
リンク
--------------------------------------------------*/
a {
text-decoration: none;
}
a:link,
a:visited {color: #fdf9bb; }
a:hover,
a:active { color: #fdf9bb; text-decoration: underline; }

背景をスクロールしないで固定していて濃紺部分で本文を読んでもらうようデザインしているのですが、
スマフォやiPadは固定するスタイルシートが効かないので見づらいのかなあ。
それとも星のせいでしょうか??

よろしくお願いいたします。

テンプレートお借りいたします。

初めまして、sizukaと言います。
とっても素敵なテンプレートで、探し求めていた雰囲気そのままで嬉しくなってお借りいたしました。こんな素敵なテンプレートのイメージを崩さないようにブログ頑張ります!とは言っても、始めたばかりで、右も左も分からないのですが…。
これからも、どうぞよろしくおねがいします。

ありがとうございます!

うららん様、お忙しいところ文字色、文字の大きさの変更について、ご返答いただきましてありがとうございました。お礼が遅れて申し訳ありません。

早速チャレンジしてみます。
もし、また伺いたいことがございましたら、お願いいたします。

ありがとうございました☆

Re: テンプレートお借りいたします。

sizuka 様

はじめまして♪
嬉しいコメント、ありがとうございます。
これからブログを始められるということで、楽しみですね!

こちらこそどうぞよろしくお願いいたしますm(_ _)m

テンプレートお借りしています

うららん様

はじめまして。
爽やかで、やさしい雰囲気のテンプレートに一目惚れしてテンプレートをお借りしています。
この度、アフィリエイトの設定でテンプレート設定のところをいじってしまったら、サイドバーの位置が
左脇から下と移動してしまいました。
とてもお気に入りにテンプレートなので元に戻したいのですがどこにどんなソースを入れたら良いのか?
不慣れなのもで、お伺いしたいのですが。テンプレートの再配布不可の作品でいらしたので、このような
質問で申し訳ございませんが、何卒宜しくお願い致します。

Re: テンプレートお借りしています

琴音 様

はじめまして♪
ダウンロードありがとうございます。

再配布というのは、カスタマイズしたテンプレートを共有するような行為のことなので、
再ダウンロードはしていただいて大丈夫ですよ!
その際、同じテンプレート名だとできないと思いますので、
削除するかテンプレート名を変更してからお願いします。

それでもうまくいかないようでしたら、またお問い合わせ下さい。
よろしくお願いいたします。

ありがとうございました^^

うららん様

こんばんは。
早速、再ダウンロードしてみました。無事に元に戻せて良かったです。
本当にありがとうございました。
これからも多くの方に見ていただけるようなblogに出来たらと思います。
素敵なテンプレートありがとうございます^^。
今後とも、どうぞよろしくお願いします。

変更の仕方、教えてください。

うららん様、こんにちは。
美しい星空のテンプレートに一目惚れし、使わせていただいております。
当ブログに来て下さっている方からも好評ですし、本当に理想的です!
いつもステキな壁紙をありがとうございます。

早速で申し訳ありませんが、質問させてください。
ブログのコメント欄の文字色を変更したいのですが、変更可能でしょうか?
当サイトでも上記にありましたように、iPad使用の方から画面が白くなってしまって読めないとご指摘をいただいて本文の色は直したのですが、コメント欄の色を変更できずにおります。
colorのところをいじってみても変わらなかったので、こちらの変更の仕方に問題があるのだと思うのですが…。

不慣れなもので、基本的な質問だとは思いますが、教えていただけると助かります。
お手数ではございますが、宜しくお願いいたします。

Re: 変更の仕方、教えてください。

眞智 様

ご利用ありがとうございます。お返事が大変遅くなりまして、申し訳ありません。

このテンプレは背景固定にしていますが、iPadやスマフォではそのCSSが利かないので縦に長いとグレー部分になってしまい、読みにくくなってすみません。
あくまでもPC用に作っているのでご理解くださいね。

コメントの文字色変更は以下のcolor設定してあるところでできます。
だいたい白#ffffffにしていますので、そこをお好きな色にしてもらえるといいと思います。

/*--------------------------------------------------
コメント、トラックバック
全記事一覧、検索結果一覧
--------------------------------------------------*/
#tb, #cm, #tl, #sa {
width: 100%;
}
p.sub_header {
text-align: left;
margin: 30px 20px 10px 20px;
font-size: 120%;
color: #ffffff; ←ココ
.colum {
border: dotted 1px #eeeeee;
margin:15px 30px;
}
h3.sub_title {
margin: 15px;
color: #ffffff; ←ココ
font-size: 100%;
border-bottom: dotted 1px #eeeeee;
padding-bottom: 5px;
}
div.sub_body {
margin: 10px 15px;
font-size: 90%;
color: #ffffff; ←ココ
line-height: 1.8em;
}
(以下省略)

よろしくお願いいたします。
非公開コメント

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