2008年02月11日

携帯メールからの投稿設定

設定、簡単でした。
投稿も簡単でした。
何で今まで設定しなかったのだろう。。。



posted by nekobaba at 21:23| Comment(0) | TrackBack(0) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2006年09月14日

写真をポラロイド風にUPする2

使い分けるとこんな感じ。

普通にup
DSC00941.JPG

写真風
DSC00941.JPG


ポラ風
DSC00941.JPG


背景つきポラ風
DSC00941.JPG


posted by nekobaba at 15:56| Comment(4) | TrackBack(0) | Blog設定 | このブログの読者になる | 更新情報をチェックする

写真をポラロイド風にUPする

いろいろなサイトさまで「写真をポラ風にする」という記事があって、いいなぁ。と思ってきましたので今回挑戦です。

いろいろ試してみたのですがseesaaではうまく出来ませんでした。
枠線は微妙にでるのですが写真枠が出なかったりとか。

という事で今回参考にさせて頂いた(というよりそのままのコピーです)のは
Easygoingさまの「写真に枠をつける」の記事です。


設定方法、CSSに下記内容を追加します。
/*写真風*/
.photo {
background: White;
padding: 6px;
border-width: 1px;
border-style: solid;
border-color: Silver Gray Gray Silver;
float: left;
}

/*ポラロイド風*/
.pora1 {
background-color: White;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
border-width: 2px;
padding: 10px 10px 50px 10px;
border-style: solid;
float: left;
}

/*ポラロイド風・背景画像つき*/
.pora2 {
background-color: White;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
border-width: 2px;
padding: 10px 10px 50px 10px;
border-style: solid;
float: left;
background-image: url(http://xxxxxxx);
background-position: 95% 100%;
background-repeat: no-repeat;
}



で、ポラロイド風・背景画像つきで掲載しようと思ったら
投稿時に

<div class="pora2">
アップロードした画像またはサムネイルのhtml文
</div><div style="clear : both ;"></div>


class=pora2の部分をphotoやpora1に変えれば写真枠の表示が変わります。

お気づきの方もいると思いますが、seesaaでは一発変換できないのです。
他のBlogだとCSSで設定すれば、写真up時に自動で枠線が出るのですがseesaaの場合は投稿時に入力が必要になります。
逆で言えばいろいろなパターンで投稿できるという訳です。

でも1発変換でupできたらいいのになぁ。と思う今日この頃です。
私の場合1回ずつ入力するのが面倒なので
ワードパットに登録して、投稿時にコピペで持ってくる事にしています。
posted by nekobaba at 15:51| Comment(5) | TrackBack(0) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年10月10日

サイドバーの折りたたみ設定

サイドバーの折りたたみ設定
本文 文字コード EUC-JP 形式 JavaScriptで保存のできるテキストエディタが必要です。
私はフリーソフトの「TeraPad」をDLしました。
続きを読む
posted by nekobaba at 20:13| Comment(0) | TrackBack(0) | Blog設定 | このブログの読者になる | 更新情報をチェックする

マウスを乗せた時にリンクの色を変えるを変更

こちらも変更します。
<!-- マウスを乗せた時にリンクの色を変える -->
<style type="text/css">
<!--
A:hover { color:#色コード; }
-->
</style>

この記述でも問題ないのですが

CSSに直接
A:hover { color:#色コード; }

と記述しても問題ありませんでした。
記述場所はCSSの
a{
}
の下くらいです。
posted by nekobaba at 19:13| Comment(2) | TrackBack(0) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年10月09日

サイドバーの折りたたみ

久々にBlogの設定をしました。
今回は「サイドバーを折りたたむ」です。

参考にさせて頂いたのは
KOROPPYの本棚」さまの「seesaaのサイドバーを折りたたむ」です。
殆どコピペしかしていないのに悪戦苦闘でした。
Javaは難しいです。

サイドバーの折りたたみ方についてはKOROPPYさまが詳しく書いていらっしゃいます。



懺悔
posted by nekobaba at 20:23| Comment(1) | TrackBack(0) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年07月23日

TB Peopleのリンクリストの表示若干変更

TB Peopleのブログのタイトルが長い時
サイドバーが落ちる事がありますので若干変更しました。

.blogpeople-tbp {
overflow: auto;
height: 110px;
width: 150px
}


変更っていう程のものでも無いです。
横幅の設定をしただけ。
サイドバーの幅より少し小さい数値で設定してくださいね。

追記(2006/07/23)
横幅を少し小さく修正
.blogpeople-tbp {
overflow: auto;
height: 110px;
width: 145px
}


posted by nekobaba at 21:31| Comment(0) | TrackBack(0) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年06月15日

マウスを乗せた時にリンクの色を変える

リンクにマウスを乗せた時にリンクの色が変わるようにしました。

<!-- マウスを乗せた時にリンクの色を変える -->
<style type="text/css">
<!--
A:hover { color:#色コード; }
-->
</style>


>追記
設定を変更いたしましたので
こちらの記事を参照して下さい。
posted by nekobaba at 20:20| Comment(1) | TrackBack(1) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年06月07日

TB PEOPLEリストにスクロールバーを付ける

BlogPeopleのTB Peopleリストを3つも並べたらサイドが長くなり、見づらくなってしまいましたのでスクロールバーを付けました。

参考にさせて頂いたのはKOROPPYの本棚さまの「トラック・バックピープルのデザインを変更」と小粋空間さまの「トラッグックピープルにスクロールバーをつける」です。

BlogPeopleにログインする。
トラックバックピープルの話題を探す。
話題が見つかったら、「この話題のリンクリストを作成する」をクリックする。
トラックバック・ピープル スクリプトの作成画面で「生成」をクリックする。
スクリプトをコピーする。
Seesaaプログの場合は
デザイン→コンテンツ→自由形式に貼り付ける。
トラックバックのリストの上に何のリストか表示したかったので、
リストの名前を入れました。
スタイルシートのHTML編集で

.blogpeople-tbp-box {
/* 必要に応じて設定 */
}

.blogpeople-tbp {
overflow: auto;
height: 110px;
}

.blogpeople-tbp-credit {
text-align:right;
margin-top:4px;
}


スクロールバーはここまでで設定できるのですが、
リストの上にリスト名を表示したらリストか名前か判別が付き辛くなったので
リストの前にミニアイコンをつけました。

.blogpeople-tbp-link {
padding-left:15px;
background-image:url(画像のurl);
background-position:0px 5px;
background-repeat:no-repeat;
}



この肉球アイコンはにゃんだふるきゃっつ!さまからお借り致しました。

posted by nekobaba at 21:28| Comment(8) | TrackBack(2) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年06月06日

リンク下の下線を表示しない

リンク下の下線で文字が見づらかったので、リンク下の下線を表示しないようにしました。
方法は簡単です。

デザイン→スタイルシート→HTML編集で
<style type="text/css">
<!--
A { text-decoration: none; }
-->
</style>

を記入するだけです。

>追記
設定を変更しました。
こちらの記事を参照して下さい。
posted by nekobaba at 22:24| Comment(3) | TrackBack(0) | Blog設定 | このブログの読者になる | 更新情報をチェックする

記事の中にタグやスプリクトを書くには

BlogPetはじめよう!のみえにゃんさまが詳しく説明して頂いています。
私も表示方法を悩んでいましたので、本当にうれしい記事でした。

プログの記事投稿の内容にタグやスクリプトを書いても
サイトにupした時に消えてしまい、記事として表示する事が出来ません。
対応策としましてはタグの
「<」は半角で&lt;
「>」は半角で&gt;
と記入します。
そうすると、今まで消えていたタグが表示されます。

他のサイトさまでこのようなタグはよく線で囲ってあります。
タグでの囲み方はSeesaaの場合「引用」というボタンが内容を書く部分の下にあります。
それを押すと<blockquote></blockquote>
と表示されますので囲みたい文を<blockquote>ここに</blockquote>に記入し
スタイルシートの方で
blockquote{
color:#文字の色コード;
background-color:#背景の色コード;
border-style:線の種類;
border-width:2px 2px 2px 2px;
border-color:#線の色コード
margin:10px 10px 5px 10px;
padding:5px 10px 5px 10px;
}

という指示を記入しておきますと、表示されます。

線の種類は
dotted(点線)、dashed(粗い点線)、solid(実線)、double(二重線)という感じです。
きっと他にも種類はあると思います。

posted by nekobaba at 21:23| Comment(5) | TrackBack(1) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年06月04日

LINK LISTとLIST MEを設定と自由形式の表示統一

BlogPeopleを使って、LINK LISTとLIST ME!を設定しました。
作成ツールがありますので、設定は簡単です。
LINK先が更新するとNewの表示も出るようにしてみました。

SaasaaBLOGにはデザイン→コンテンツ→自由形式
でBlogPeopleで作成したものを貼付けです。
LIST ME!はプロフィールの中に貼り付けました。
登録して頂けるような奇特な方はいらっしゃるのかしら?

自由形式で作成されたコンテンツは通常のコンテンツと違い「項目」が表示されません。
表示させる方法がBlogPetはじめようさまが書かれていたので使わせて頂きました。


追記
自由形式のHTML編集をクリック
<% content.header -%>
<% content.free.text %>
<% content.footer -%>

を消して
<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% content.free.text %>
<% content.footer -%>
</div>

と変更して下さい


posted by nekobaba at 23:15| Comment(1) | TrackBack(1) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年05月17日

コメントの枠色変更

ガーベラ・ベースのコメント欄。
自分でコメントを入力していて思ったのですが
枠が透明な為、文字枠がどこにあるのか分りませんでした。
と言う事で枠線の色変更。

#comments input{
max-width:250px;
border:1px solid #変更したい色番号;
}
#comments textarea{
max-width:400px;
border:1px solid #変更したい色番号;
}

色枠を変更しましたら、その下にある「確認する」と「書き込む」の枠色まで変わってしまいました。
「確認する」と「書き込む」の枠線は色が変更しない方法は無いものでしょうか?
posted by nekobaba at 21:49| Comment(0) | TrackBack(0) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年05月16日

記事の下にラインをつける

記事の下にラインを設定しました。
参考にさせて頂いたのは「BlogPetはじめよう!」さまの「スタイルシートの編集U」です。

このBlogのベースは「ガーベラ」です。
デザイン→スタイルシート→タイトルで変更したい名前を選択し
変更画面を表示。

.blogbody {
margin:0px;
padding:0px 0px 5px 0px;
background-image:url(画像のurlを入力);
background-repeat:no-repeat;
background-position:bottom;
}
っという感じに変更。

今回は記事の下にラインを引くので
padding:pxの「下」の数値をラインの高さと調節して変更する。
padding:の数値は左から上、右、下、左の事です。
marginの内側(?)の余白の事になります。

この肉球ラインはフリー素材と猫★にゃんだふるきゃっつ!さまからお借りしました。
posted by nekobaba at 22:23| Comment(3) | TrackBack(1) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年05月07日

スタイルシートを両サイドバーに変更

スタイルシート変更しました。
新しいテンプレート「ガーベラ」がUPされていましたので
これをベースに中身を3カラに変更です。

まず、変更したいスタイルシートを選んで

links{ここの内容
}

links-left{ここにコピペ
}
する

次に
containerのwidth(幅)
数値を超えないように
contentとlinks-leftとlinksのwidthとmarginの数値合計を設定する。
このガーベラはmargin設定が左しかありませんでした。
あとカレンダーの設定をしている方は
colender tableのwidthをlinks-leftもしくはlinksのwidthより小さい数値にしないと
右のサイドバーが落ちます。

次は記事の下にラインを引くのに挑戦です。
素材探しをしなければ・・・

BlogPetをはじめよう!さまのスタイルシートの編集Uを参考にさせて頂きました。
非常に丁寧に分りやすく解説されています。


posted by nekobaba at 23:05| Comment(11) | TrackBack(5) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年04月12日

カウンター設置

カウンター設置しました。
これからいろいろデザインを変更したいと思います。
続き
posted by nekobaba at 07:04| Comment(0) | TrackBack(0) | Blog設定 | このブログの読者になる | 更新情報をチェックする

2005年03月12日

ブログ設立

本日ブログ立ち上げました。
今からいろいろと設定していきたいと思います。
posted by nekobaba at 02:04| Comment(0) | TrackBack(0) | Blog設定 | このブログの読者になる | 更新情報をチェックする

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は180日以上新しい記事の投稿がないブログに表示されております。