ブログテンプレート『bird sky』
2012.01.30 16:34｜ブログテンプレ｜
▲FC2ブログ用テンプレート：34_birdsky
※共有テンプレートの承認までは数日のタイムラグがあります。
かわいらしいテンプレートになりました。
絵本の１ページのようなテンプレートがつくりたくて、実際は空の写真から加工しました。
バードスカイとしておきながら、鳥はちょっとしか登場せずにすみません。
使う方に想像してもらいたいと思っています。
記事部分はいつものようにシンプル。
シンプルすぎるかな？
サイドバーは折りたたみになっていますが、
HTML編集内の該当箇所を削除していただけば、常時表示にもなります。
ページトップへ戻るボタンはフローティング（浮いています）にしてみました。
ツイッター背景もあります。
スマフォ用もつくる予定です。
バードスカイとしておきながら、鳥はちょっとしか登場せずにすみません。
使う方に想像してもらいたいと思っています。
記事部分はいつものようにシンプル。
シンプルすぎるかな？
サイドバーは折りたたみになっていますが、
HTML編集内の該当箇所を削除していただけば、常時表示にもなります。
ページトップへ戻るボタンはフローティング（浮いています）にしてみました。
ツイッター背景もあります。
スマフォ用もつくる予定です。
- 関連記事
-
- ブログテンプレート『girl』
- ブログテンプレート『bird sky』
- ブログテンプレート『twinkle snow』
このテンプレ使ってますｖ
素敵なテンプレ、ありがとうございます！
長文テキストとイラストを貼りたいってブログ始めたので、目が疲れずに読めるデザインというのが必須だったのですが。このテンプレは目に優しい上に、かといって無味乾燥とか無個性ではなくて、品が良くて爽やかなイメージがとても気に入ってます。
ところで、実はこんなところで伺って良いのか、恐縮なんですが
サイドバーの折りたたみ、お洒落だと思って楽しみだったんですが、現状なぜか開きっぱなしになってまして。
文字色くらいはちょこっとだけ弄りましたが、その他のHTMLは全然触ってないんですが……なぜでしょう？
サイドバーメニューにプラグインを色々入れてるからそのせいかな？
質問なんか書き込んで申し訳ございません
お行儀に反することでしたら、どうぞスルーしてやって下さい。テンプレお貸し頂いてるだけで恐縮なのに、すみません(o_ _)o
長文テキストとイラストを貼りたいってブログ始めたので、目が疲れずに読めるデザインというのが必須だったのですが。このテンプレは目に優しい上に、かといって無味乾燥とか無個性ではなくて、品が良くて爽やかなイメージがとても気に入ってます。
ところで、実はこんなところで伺って良いのか、恐縮なんですが
サイドバーの折りたたみ、お洒落だと思って楽しみだったんですが、現状なぜか開きっぱなしになってまして。
文字色くらいはちょこっとだけ弄りましたが、その他のHTMLは全然触ってないんですが……なぜでしょう？
サイドバーメニューにプラグインを色々入れてるからそのせいかな？
質問なんか書き込んで申し訳ございません
お行儀に反することでしたら、どうぞスルーしてやって下さい。テンプレお貸し頂いてるだけで恐縮なのに、すみません(o_ _)o
Re: このテンプレ使ってますｖ
げこ 様
DLありがとうございます。
気に入っていただけて嬉しいです♪
サイドの折りたたみについてですが、
カスタマイズ前から開いたままの状態でしたか？
実際のタグなどをみてみないとなんともいえないのですが、
お手数ですがテンプレート名を変えるなどして再度ダウンロードしてもらい、
適用してみていただいて直らないようでしたら、お気軽にまたお知らせください。
よろしくお願いいたします。
DLありがとうございます。
気に入っていただけて嬉しいです♪
サイドの折りたたみについてですが、
カスタマイズ前から開いたままの状態でしたか？
実際のタグなどをみてみないとなんともいえないのですが、
お手数ですがテンプレート名を変えるなどして再度ダウンロードしてもらい、
適用してみていただいて直らないようでしたら、お気軽にまたお知らせください。
よろしくお願いいたします。
ありがとうございます！
ご相談にのって頂けて、感謝です
お忙しいのに、初めましてでご厚意に甘えてすみません。
ご提案、さっそく試してみます！
でも、もしも畳めなくても、もう凄い気に入ってるので
全然だいじょうぶです(^.^)
ブログ開設にあたって、３つほどテンプレ、候補選んでたんですが、
よく見てみたら、全部うららん様の作品でした！
自分よっぽど好みなんだなぁ……
ちなみに、他の２つは「桜」と「アフターtheレイン」ですｖ
これからもデザイン、頑張って下さい。新作が楽しみです。
お忙しいのに、初めましてでご厚意に甘えてすみません。
ご提案、さっそく試してみます！
でも、もしも畳めなくても、もう凄い気に入ってるので
全然だいじょうぶです(^.^)
ブログ開設にあたって、３つほどテンプレ、候補選んでたんですが、
よく見てみたら、全部うららん様の作品でした！
自分よっぽど好みなんだなぁ……
ちなみに、他の２つは「桜」と「アフターtheレイン」ですｖ
これからもデザイン、頑張って下さい。新作が楽しみです。
No title
コメント失礼します。
34_birdskyをDLしました。
大変素晴らしいテンプレートで気に入ってます。
そこで質問なんですけど
記事本文のリンク文字色をデフォルトの黒から青に変えるにはどうすれば良いのでしょうか。
※説明不足なので一応。
リンク文字とは記事編集画面のアイコン左から12番目のURLマークの「リンク」というタグで設定し作成した文字のことです。外部サイトに飛べるアレです。
忙しいところすいませんが返信お願いします。
返信はこちらの記事のコメントでお願いします。
34_birdskyをDLしました。
大変素晴らしいテンプレートで気に入ってます。
そこで質問なんですけど
記事本文のリンク文字色をデフォルトの黒から青に変えるにはどうすれば良いのでしょうか。
※説明不足なので一応。
リンク文字とは記事編集画面のアイコン左から12番目のURLマークの「リンク」というタグで設定し作成した文字のことです。外部サイトに飛べるアレです。
忙しいところすいませんが返信お願いします。
返信はこちらの記事のコメントでお願いします。
記事本文のリンクについて
名無し 様
コメント、お問い合わせありがとうございます。
お返事が遅くなって申し訳ありません。
早速、ご質問の件ですが、
記事本文のスタイルはスタイルシート編集の以下のところに記述されています。
/*--------------------------------------------------
メインコンテンツ
--------------------------------------------------*/
（中略）
div.entry_body {
font-size: 100%;
line-height: 1.8em;
margin: 0 15px;
}
この下にリンク文字色に関する記述を加えてください。
div.entry_body a:link {
color: #カラーコード;
}
など、必要に応じてa:visited a:hover a:activeなども。
詳しくは規約にありますように個別カスタマイズになりますので
公式マニュアルや本などをご参考にご自身でお願いいたしますm(_ _)m
今後ともよろしくお願いいたします。
コメント、お問い合わせありがとうございます。
お返事が遅くなって申し訳ありません。
早速、ご質問の件ですが、
記事本文のスタイルはスタイルシート編集の以下のところに記述されています。
/*--------------------------------------------------
メインコンテンツ
--------------------------------------------------*/
（中略）
div.entry_body {
font-size: 100%;
line-height: 1.8em;
margin: 0 15px;
}
この下にリンク文字色に関する記述を加えてください。
div.entry_body a:link {
color: #カラーコード;
}
など、必要に応じてa:visited a:hover a:activeなども。
詳しくは規約にありますように個別カスタマイズになりますので
公式マニュアルや本などをご参考にご自身でお願いいたしますm(_ _)m
今後ともよろしくお願いいたします。
使いたいです＾＾
素敵なテンプレートですね
一度DLしてみたんですが・・・
ページトップへ戻るボタンはフローティング（浮いています）にしてみました。
とありますが、出てこないんです。
何かインターネット環境の設定でしょうか。たとえばポップアップブロックとか？
サイドバーを開きっぱなしに設定を変えた以外はカスタマイズしてないんですけどね。。。
それからカスタマイズはどの程度まで可能でしょうか。
もともとの背景に自分の撮った写真を加えたいのですが（重ねたい）そういったカスタマイズもOKですか？
一度DLしてみたんですが・・・
ページトップへ戻るボタンはフローティング（浮いています）にしてみました。
とありますが、出てこないんです。
何かインターネット環境の設定でしょうか。たとえばポップアップブロックとか？
サイドバーを開きっぱなしに設定を変えた以外はカスタマイズしてないんですけどね。。。
それからカスタマイズはどの程度まで可能でしょうか。
もともとの背景に自分の撮った写真を加えたいのですが（重ねたい）そういったカスタマイズもOKですか？
Re: 使いたいです＾＾
きょうのすけ 様
こんにちは。
ダウンロードありがとうございます。
トップへ戻るボタンが出てこないとのお問い合わせですが、
他に1件同じご報告がありました。
こちらのブラウザテスターだとその現象が確認できなくて、保留にさせてもらっています。
お手数ですが、ブラウザとバーションを教えていただけますか？
公開に差し支えあれば鍵付きでも、メールフォームからでも構いません。
少しお時間いただくかもしれませんが、検証してみたいと思います。
また、カスタマイズの程度ですが、再配布さえなければどんなに変えてもらってもOKです！
お問い合わせのような背景ももちろん可です！
よろしくお願いいたしますm(_ _)m
こんにちは。
ダウンロードありがとうございます。
トップへ戻るボタンが出てこないとのお問い合わせですが、
他に1件同じご報告がありました。
こちらのブラウザテスターだとその現象が確認できなくて、保留にさせてもらっています。
お手数ですが、ブラウザとバーションを教えていただけますか？
公開に差し支えあれば鍵付きでも、メールフォームからでも構いません。
少しお時間いただくかもしれませんが、検証してみたいと思います。
また、カスタマイズの程度ですが、再配布さえなければどんなに変えてもらってもOKです！
お問い合わせのような背景ももちろん可です！
よろしくお願いいたしますm(_ _)m
No title
うららん様
お返事ありがとうございます。
使っているのはInternet Explorer９です。
カスタマイズの件も、ありがとうございます。
まだまだブログ初心者なので、頑張ってカスタマイズしてみようと思います。
お返事ありがとうございます。
使っているのはInternet Explorer９です。
カスタマイズの件も、ありがとうございます。
まだまだブログ初心者なので、頑張ってカスタマイズしてみようと思います。
使わせていただいてます
素敵なテンプレート、使わせていただいてます<(_ _)>
前回もうららん様のテンプレートお借りしました・
今回も、色々カスタマイズしてしまってますが、大丈夫でしょうか？問題あれば言ってください。
それから１つお聞きしたかったのですが、前のコメントの方と同様に、私のブログにもアイコンが出てないようです。(IE9使用)
私のパソコンで見えないだけでしょうか。
前回もうららん様のテンプレートお借りしました・
今回も、色々カスタマイズしてしまってますが、大丈夫でしょうか？問題あれば言ってください。
それから１つお聞きしたかったのですが、前のコメントの方と同様に、私のブログにもアイコンが出てないようです。(IE9使用)
私のパソコンで見えないだけでしょうか。
Re: 使わせていただいてます
uhe 様
こんにちは。お返事が遅くなって申し訳ありませんでした。
カスタマイズはいつものようにオールOKです！
トップへ戻るボタンのご報告もありがとうございます。
まだ原因がわからないのですが、近々対策を講じたいと思っています。
ご迷惑おかけしてすみませんが、今しばらくお待ちください。
よろしくお願いいたします。
こんにちは。お返事が遅くなって申し訳ありませんでした。
カスタマイズはいつものようにオールOKです！
トップへ戻るボタンのご報告もありがとうございます。
まだ原因がわからないのですが、近々対策を講じたいと思っています。
ご迷惑おかけしてすみませんが、今しばらくお待ちください。
よろしくお願いいたします。
修正のご報告
きょうのすけ 様 uhe 様
先日はご報告ありがとうございましたm(_ _)m
IE9でトップへ戻るボタンが表示されない件、
修正してみましたので、お手数ですが再度ダウンロードお願いいたします。
ブラウザテストはしていますが実機でないため、もしまだ改善されていないようでしたらお知らせ下さい。
今後ともよろしくお願いいたします。
先日はご報告ありがとうございましたm(_ _)m
IE9でトップへ戻るボタンが表示されない件、
修正してみましたので、お手数ですが再度ダウンロードお願いいたします。
ブラウザテストはしていますが実機でないため、もしまだ改善されていないようでしたらお知らせ下さい。
今後ともよろしくお願いいたします。
先月はすみませんでした
こんにちは。
テンプレート使っています＾＾
先月うっかりここでコメントをしてしまいました。
確認不足で申し訳ありませんでした。
34_birdsky、とても気に入っていて引き続き使っています。
そこで再度質問です。
わたしのブログは写真ブログなのですが、記事の画像まで、うしろの背景が透けてしまいます。
背景が透けているところはとても気に入っているのですが、画像が透けてしまうのは少し残念です。
そして少し白みがかっているような･･･透けているからでしょうか？
うららんさんのテンプレートで25_starryskyも気に入っているのですが、
このテンプレートは記事自体は透けていますが、画像は透けるようにはなっていないですよね？
25_starryskyと同じように画像だけ透けないようにはできますか？
ありのままの写真を投稿したいです。
やり方があれば教えてください。
テンプレート使っています＾＾
先月うっかりここでコメントをしてしまいました。
確認不足で申し訳ありませんでした。
34_birdsky、とても気に入っていて引き続き使っています。
そこで再度質問です。
わたしのブログは写真ブログなのですが、記事の画像まで、うしろの背景が透けてしまいます。
背景が透けているところはとても気に入っているのですが、画像が透けてしまうのは少し残念です。
そして少し白みがかっているような･･･透けているからでしょうか？
うららんさんのテンプレートで25_starryskyも気に入っているのですが、
このテンプレートは記事自体は透けていますが、画像は透けるようにはなっていないですよね？
25_starryskyと同じように画像だけ透けないようにはできますか？
ありのままの写真を投稿したいです。
やり方があれば教えてください。
Re: 先月はすみませんでした
しもぶー 様
コメントありがとうございます！
こちらこそ、ご迷惑おかけしてすみません。。。
ご質問の件ですが、
たしかにIEだと画像を含めた記事部分が80%に透けてしまうようになっていました。
starry skyは細かいことをいうと背景に透過した白画像をつかっていたのですが、
新しいテンプレはスタイルシートで半透明になるようCSS3基準で作ってしまったので、結果が異なっています。
どうにかならないかと思って、、、いい方法を見つけました！
かえラボさんのブログ→
http://kaelab.ranadesign.com/blog/2011/02/rgbafilter.html
後ほどIE環境で確認がとれましたら、テンプレートを修正したいと思います。
お急ぎでしたら、かえラボさんの記事をご参考にカスタマイズしてみてくださいね。
よろしくお願いいたします。
コメントありがとうございます！
こちらこそ、ご迷惑おかけしてすみません。。。
ご質問の件ですが、
たしかにIEだと画像を含めた記事部分が80%に透けてしまうようになっていました。
starry skyは細かいことをいうと背景に透過した白画像をつかっていたのですが、
新しいテンプレはスタイルシートで半透明になるようCSS3基準で作ってしまったので、結果が異なっています。
どうにかならないかと思って、、、いい方法を見つけました！
かえラボさんのブログ→
http://kaelab.ranadesign.com/blog/2011/02/rgbafilter.html
後ほどIE環境で確認がとれましたら、テンプレートを修正したいと思います。
お急ぎでしたら、かえラボさんの記事をご参考にカスタマイズしてみてくださいね。
よろしくお願いいたします。
No title
すてきなテンプレート：34_birdskyですね。
サイドバー折り畳みメニューですが折りたたまないで使わせていただいています。
そうすると、、「最新記事やカテゴリｰなどの」のタイトルが動きません。
左寄せにするにはどうしたらよいでしょうか？
おしえてくださいませ。
よろしくおねがいいたします。
サイドバー折り畳みメニューですが折りたたまないで使わせていただいています。
そうすると、、「最新記事やカテゴリｰなどの」のタイトルが動きません。
左寄せにするにはどうしたらよいでしょうか？
おしえてくださいませ。
よろしくおねがいいたします。
ゆふ 様
はじめまして。
ご利用、お問い合わせありがとうございます。
サイドバーの見出しを左寄せにするにはHTML編集を変更します。
普通はスタイルシートなのですが、プラグインなので「プラグインの設定」でも左右センターに変更できてしまうため、強制的にするためにHTMLにスタイルを書いています。
<!--プラグイン1ここから-->
<!--plugin-->
<!--plugin_first-->
<dl class="sidemenu_body">
<dt class="plg_title" style="text-align:left"><%plugin_first_title></dt>
（略）
<!--プラグイン1ここまで-->
<!--プラグイン2ここから -->
<!--plugin-->
<!--plugin_second-->
<dl class="sidemenu_body">
<dt class="plg_title" style="text-align:left"><%plugin_second_title></dt>
（略）
<!--プラグイン2ここまで-->
ちなみに折りたたみでもそうでなくても同じところを直してくださいね。
今後とも、よろしくお願いいたします。
ご利用、お問い合わせありがとうございます。
サイドバーの見出しを左寄せにするにはHTML編集を変更します。
普通はスタイルシートなのですが、プラグインなので「プラグインの設定」でも左右センターに変更できてしまうため、強制的にするためにHTMLにスタイルを書いています。
<!--プラグイン1ここから-->
<!--plugin-->
<!--plugin_first-->
<dl class="sidemenu_body">
<dt class="plg_title" style="text-align:left"><%plugin_first_title></dt>
（略）
<!--プラグイン1ここまで-->
<!--プラグイン2ここから -->
<!--plugin-->
<!--plugin_second-->
<dl class="sidemenu_body">
<dt class="plg_title" style="text-align:left"><%plugin_second_title></dt>
（略）
<!--プラグイン2ここまで-->
ちなみに折りたたみでもそうでなくても同じところを直してくださいね。
今後とも、よろしくお願いいたします。
ありがとうございました。
うららんさま
出来ました ＼^o^／。
嬉しいです。。
出来ました ＼^o^／。
嬉しいです。。
うららん様、はじめまして！
うららんさんのテンプレートが大好きで、
今までいくつか利用させてもらっています。
ところで、このテンプレートで上の方も質問されていますが、
画像に背景の色が透過されていることなんですが、
うららんさんが推奨されている方の説明を読んでも良く分からないのです・・・(>_<)
具体的にどこをどうすればよいのか、教えて頂けると嬉しいです。
お忙しいとは思いますが、どうぞよろしくお願いします。
今までいくつか利用させてもらっています。
ところで、このテンプレートで上の方も質問されていますが、
画像に背景の色が透過されていることなんですが、
うららんさんが推奨されている方の説明を読んでも良く分からないのです・・・(>_<)
具体的にどこをどうすればよいのか、教えて頂けると嬉しいです。
お忙しいとは思いますが、どうぞよろしくお願いします。
Re: うららん様、はじめまして！
てんちゃん 様
はじめまして。ご利用ありがとうございます。
ご質問の件、他の方からのご指摘からだいぶお待たせしてしまいましたが、
先ほどテンプレートを修正しました。
再ダウンロードしていただくか、
他にカスタマイズをされているようでしたら、
次のようにスタイルシートを変えてみてください。
/*--------------------------------------------------
メインコンテンツ
--------------------------------------------------*/
div.content {
margin-bottom: 30px;
padding: 0 0 20px;
↓ココ
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccffffff,EndColorStr=#ccffffff); /* IE用 */
background-color: rgba(255,255,255,0.8); /* CSS3 */
/*background-color: #fff\9; IE用 */
/*filter: alpha(opacity=80); IE用 */
↑ココまで 最後の2行は/* */で囲って無効にしていますが削除してしまって構いません。
今後ともよろしくお願いいたします。
はじめまして。ご利用ありがとうございます。
ご質問の件、他の方からのご指摘からだいぶお待たせしてしまいましたが、
先ほどテンプレートを修正しました。
再ダウンロードしていただくか、
他にカスタマイズをされているようでしたら、
次のようにスタイルシートを変えてみてください。
/*--------------------------------------------------
メインコンテンツ
--------------------------------------------------*/
div.content {
margin-bottom: 30px;
padding: 0 0 20px;
↓ココ
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccffffff,EndColorStr=#ccffffff); /* IE用 */
background-color: rgba(255,255,255,0.8); /* CSS3 */
/*background-color: #fff\9; IE用 */
/*filter: alpha(opacity=80); IE用 */
↑ココまで 最後の2行は/* */で囲って無効にしていますが削除してしまって構いません。
今後ともよろしくお願いいたします。
ありがとうございました！
うららんさん！
早速対応していただき、ありがとうございました！
再ダウンロードさせていただきました。
すごくきれいになりました！
早速対応していただき、ありがとうございました！
再ダウンロードさせていただきました。
すごくきれいになりました！
はじめまして☆
はじめまして☆
うららんさんのステキなテンプレートに一目ぼれ！！して
初めてのブログで使わさせて頂いています。
質問なのですが、プロフのみ表示設定に変更完了してみたところ、
いつの間にか『最新記事』の下に線が入ってしまいました。
また、最新記事の項目（題名）の文字の大きさも変わってしまいました(泣)
色々とやってみたのですが、元へ戻し方が分かりません。
お忙しいところ申し訳ありませんが、教えて頂けませんか？？
どうぞよろしくお願いいたします(^-^)
うららんさんのステキなテンプレートに一目ぼれ！！して
初めてのブログで使わさせて頂いています。
質問なのですが、プロフのみ表示設定に変更完了してみたところ、
いつの間にか『最新記事』の下に線が入ってしまいました。
また、最新記事の項目（題名）の文字の大きさも変わってしまいました(泣)
色々とやってみたのですが、元へ戻し方が分かりません。
お忙しいところ申し訳ありませんが、教えて頂けませんか？？
どうぞよろしくお願いいたします(^-^)
Re: はじめまして☆
おかぴ 様
はじめまして。
テンプレートをご利用いただき、ありがとうございます。
お返事が大変遅くなり、申し訳ありませんでした。
お手数ですが、テンプレートをもう一度ダウンロードしてみていただけますか？
その上でカスタマイズしてもらえばきっとうまくいくのでは、と思っています。
よろしくお願いいたします。
はじめまして。
テンプレートをご利用いただき、ありがとうございます。
お返事が大変遅くなり、申し訳ありませんでした。
お手数ですが、テンプレートをもう一度ダウンロードしてみていただけますか？
その上でカスタマイズしてもらえばきっとうまくいくのでは、と思っています。
よろしくお願いいたします。
ありがとうございました☆
うららんさんへ
ご返信ありがとうございます(^-^)
再度ダウンロードして試してみますね。
また、新作楽しみにしています！！
ご返信ありがとうございます(^-^)
再度ダウンロードして試してみますね。
また、新作楽しみにしています！！
「続きを読む」について
うららんさんのテンプレートは本当に素敵ですね。
そして、こういった質問も受け付けて頂けることに感謝しています。
こちらの34_birdskyをDLさせて頂いたのですが・・・
記事の文章最後に「続きを読む」というリンクが必ず入るのですが・・・
これは必ず入るモノなんでしょうか？
追記ページで書いて無くとも短い記事でも必ず「続きを読む」が入ってしまうのです。
以前は入らなかったテンプレートもあったと思いますが・・・
対策の方、宜しくお願いします。
そして、こういった質問も受け付けて頂けることに感謝しています。
こちらの34_birdskyをDLさせて頂いたのですが・・・
記事の文章最後に「続きを読む」というリンクが必ず入るのですが・・・
これは必ず入るモノなんでしょうか？
追記ページで書いて無くとも短い記事でも必ず「続きを読む」が入ってしまうのです。
以前は入らなかったテンプレートもあったと思いますが・・・
対策の方、宜しくお願いします。
