きまぐれAWA's Life

アクセスカウンタ

help リーダーに追加 RSS ブログをいじっちゃおぅ♪ 〜 ブログのレシピ 〜

<<   作成日時 : 2008/03/04 15:37   >>

トラックバック 0 / コメント 9

CSS編集や小技など、記事にしたものをまとめたページです。




 - Menu -



CSS編集 〜 スタイル編

オリジナルデザインのブログを作ろう♪
第1回 タイトル画像を変更する♪
簡単♪ タイトル画像を簡単に変更する♪ 〜タイトルデザイン設定new
第2回 背景の画像と背景色を変更する♪
第3回 アイコンを変更する♪ 〜 コンポーネント領域
第4回 アイコンを変更する♪ 〜 ページヘッダ部分
第5回 トラックバック、コメント領域も変えてみよう♪
第6回 一覧の画像と罫線のサイズと色♪
第7回 ブログの幅を広げてみよう♪
第8回 いろんな場所の線のデザインをいじってみよう♪
第9回 コメントの入力欄の高さを変える♪
第10回 コメントを区切る罫線のデザイン♪ (要考察)
第11回 余白を指定する♪『マージンとパディング』
第12回 プロフィールのページ♪



CSS編集 〜 フォント編

ブログのフォントのデザインを変えてみる♪
第1回 トップページのフォント♪ 『タイトル〜プロフィール』
第2回 トップページのフォント♪ 『新着記事一覧』
第3回 リンクの付いているフォント♪ 【再編集】
第4回 コンポーネント領域ののフォント♪
第5回 記事ページのフォント♪ 『タイトル 〜 記事題名』
第6回 記事ページのフォント♪『 関連テーマ 』
第7回 記事ページのフォント♪『 トラックバック、コメント』



活用編

CSS(活用編) スタイルシートで使用する文字列集 new
CSS(活用編) スタイルシートのエラーチェックをしてみよう♪ new
Webセーフカラーチャート new



小技編

CSS(小技編) プロフィール領域のブログ名を見えなくしてスッキリ♪new
CSS(小技編) 関連テーマを非表示にする
CSS(小技編) 広告を非表示にする( Ads by Google )
CSS(小技編) サイドバーのデザイン指定のためのID♪
CSS(小技編) 画像の枠線を消しちゃおう♪
ウェブリブログでパンヤの絵文字〜フリースペースの活用♪
ブログ内検索フォームの設置の仕方

設定テーマ

関連テーマ 一覧

月別リンク

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(9件)

内 容 ニックネーム/日時
はじめまして、こんばんはっ!

現在自宅建設中で、その様子をウェブリブログを使って記録を残しています。が、ウェブリブログのテンプレートには自分好みのシンプルなものが少なく不満でした。そんな中、今日こちらのブログを発見し、さっそく色々いじくることができて大いに助かりました。ありがとうございます!

まだ変えられない部分や、試してみたいことがあったりもすのですが、この場をお借りして質問しちゃってもご迷惑ではないでしょうか?

http://my-residence.at.webry.info/
woodstock
2008/03/09 23:17
woodstock さん、はじめまして(にこ)
ご来訪ありがとうございます。

ウェブリブログのテンプレートも悪くないんですが、
やっぱり自分好みなものってなかなか見つからないんですよね。
それで始めたブログいじりなんですが、
少しでもお役に立てたようでよかったです(にこ)

まだうちもブログいじりは始めて間もないので浅い知識にはなりますが、お答えできる範囲であれば質問等は問題ないですよ(ん)
woodstock さんのブログを拝見しました。
『3カラム』のデザインを選んでいらっしゃいますね。
うちは『2カラム』のデザインしかいじったことがないので
ご期待に添えない部分もあるかもしれませんがご容赦ください。

それでは(ん)
mairis
2008/03/10 10:59
mairisさん

ありがとうございます。それではお言葉に甘えて。
やりたいことは…
・枠の色を変えたい(今は水色です)
・クリックする前の写真サイズをもう少し大きくしたい
・ブログ内ワード検索をしたい
お時間のある時にでもご返信頂ければです。
よろしくお願いします!
woodstock
2008/03/11 10:53
woodstock さん、いらっしゃいませ(ん)


>枠の色を変えたい
記事にしてあったものがあるのでUPしておきます。
『枠線を消す』が記事名になってますが、
最後にデザイン指定ことが書いてあります。

CSS(小技編) 画像の枠線を消しちゃおう♪
http://mairis.at.webry.info/200803/article_17.html
mairis
2008/03/11 19:13
>クリックする前の写真サイズをもう少し大きくしたい
CSS編集での指定方法はちょっとわからないですね。
ひとつづつ換えていくしかないのかな?

ファイルマネージャで貼り付けるとこのようになっていると思います。
<div align="left"><a href="http://○○.jpg" target="_blank"><img src="http://○○.jpg" width="●" height="■" class="up-image" alt="画像" title="画像を等倍で表示します" /></a></div>

ここで『 width="●" height="■" 』 
この部分を『 width="▲" 』に置き換えます。
『 ▲ 』が表示させたい画像の幅になります。

※『height="■"』は画像の高さになりますが、書き込まなくても自動的にサイズ調整されます。

3カラムだとどのくらいがいいかよくわからないので、いろいろ試しみてくださいね。
この件については、また方法が見つかったらお知らせしますね
mairis
2008/03/11 19:15
>ブログ内ワード検索をしたい
え〜と、これは一般的な話でいいのかな?
グーグルなどで検索かけるときに特定のブログ、またはサイト内を調べたい時は、

『 検索ワード site:□□ 』
(例:画像 site:http://mairis.at.webry.info/』

このようにすると特定のサイトのみ検索できます。
逆に特定サイトを除外したい場合なら、

『 検索ワード -site:□□ 』

こんな感じで。
ん〜?的外れですか?(あせ))
mairis
2008/03/11 19:19
はじめまして。webryblogユーザーです。
<< 作成日時 : 2008/03/04 15:37 >>
の部分につき、前記事と後記事のタイトルを入れるような
CSSのカスタマイズができないかと調べているのですが、
ご存知でしたら教えてください。
ココろぐなどは前記事と後記事のタイトルが表示されますよね・・・
まっち
2008/04/23 18:01
まっちさん、こんばんは。

残念ながらウェブリブログでは、
ココろぐのようにタイトルを表示させることは無理です。
CSS編集で出来るのはデザインの指定のみで、
HTMLファイル自体をいじることまでは出来ません。

もうすこし細かい設定が出来ると良いんですが(しょぼ)
ウェブリブログは、簡単にカスタマイズ出来る反面、
細かなところまで手が届かないことが多いようです。

mairis
2008/04/23 22:01
いまさらですが、追加しておきます。

>クリックする前の写真サイズをもう少し大きくしたい

一応考察として記事を書いてみました。
結論から言っておくと、CSSで指定するのは無理っぽいです。

『CSS(考察) CSSで記事ページの画像サイズを指定できる?』
http://mairis.at.webry.info/200805/article_34.html

※うちのコメントで『※『height="■"』は画像の高さになりますが、書き込まなくても自動的にサイズ調整されます。』と書きましたが、縦横のサイズをしてした場合よりページの読み込みに時間がかかることがあります。
画像を挿入する際には『幅・高さ』は指定しておいたほうがいいと思われます。


>ブログ内ワード検索をしたい

フリースペースを利用して検索フォームを設置します。

『(ブログ) ブログ内検索フォームの設置の仕方』
http://mairis.at.webry.info/200805/article_35.html


参考程度にご覧ください。
mairis
2008/05/15 01:41

コメントする help

ニックネーム
本 文

あいさつ

ようこそ!AWA's Life へ
mairis です(oゝω・)ノ゚・:*☆
Beer飲みながら
パンヤ楽しんでま〜す♪
合言葉は (ひょえ)(@びーる)

ブログ内を検索♪

"AWA's Life"で探しもの?
キーワード検索はこちら♪
Powered by Google


ブログのカスタマイズ

CSS編集や小技などで
ブログをカスタマイズしちゃお

◆ ピックアップ ◆
CSS編集の記事はこちらから
  ・ ブログのレシピ♪

CSS編集の時あると便利かも
  ・ CSS編集で使う文字列集
  ・ CSSのエラーチェック
  ・ Web セーフカラーチャート