電車バス駅めぐりの旅~仙台観光案内所～

上記の広告は、60日以上更新がないブログに表示されています。
新たに記事を投稿することで、広告を消すことができます。  

一眼レフも持っています。
コンデジも2台あるし、携帯だってカメラついています。

でも最近はもっぱらiPhoneとiPadで写真を撮っています。

なぜかって言ったら冒頭の地図があるから！
撮影した場所が地図上に現れます。
結構旅人な私にとっては、どんどん増えて行く
地図上のピンがとても楽しみ♩

これからも旅、写真、iPhoneな日々が続きそうです  

無銭じゃLAN出来ないけど、比較的安価に無線LANする方法

それがこのFON




自宅のネットを無線LANで他人に提供して
自分も他の人から無線LANを使わせてもらうという
コミュニティーベースの無線LANネットワーク
それがFON！　FON公式サイト

で、この無線LAN機器が基地側2000円以下なのです。

ちなみに一緒に写っているパソコン側子機は約1200円

3000円ちょっとで無線LAN化ができます。

・家の中を無線LAN化したい
・ちょっと試しに使ってみたい
・外でPCが使えたら・・・
って人にはよいかも

ただ確実性は、他の公衆系有料無線LANサービスに負けるかも

ちなみに土曜の帰りに
買ったはよいがまだ設定できていない・・・
設定方法含め近日記事に書く予定

あくまで予定(笑)
  

テンプレートをちょこっとカスタマイズしてみました。

カテゴリ「フォトログテンプレート」の「フォトログ ホワイト 横用」をベースにしています。



こんな感じです♪

画像がない記事、動画が投稿されている記事は空欄になります。
あと表示されるのは記事中のトップの１枚のみです。
これは元のテンプレートの仕様みたい

使い方
１．ブログの設定、テンプレートから
　カテゴリ「フォトログテンプレート」の「フォトログ ホワイト 横用」を選択してください。
２．カスタマイズボタンを押します。
３．「スタイルシート」部分に下のここから～ここまで部分を上書きしてください。
４．最後に「登録」ボタンを押せばOKです。

使用後感想や、問題点が見つかったら教えてくれるとうれしいです。

ちなみに他の色にカスタマイズしたい人への参考に
color: #fff; <=文字の色です。
background: #000;　<=背景の色です。

色コードについてはこういうところを参考に
http://www.hi-ho.ne.jp/douton/htmlcolor.html

なお詳しく知りたい人はCSSを勉強してみてください。

最悪画面が出なくなりますのでカスタマイズは自己責任で慎重に作業してください。

ここから

@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset{border:0;}
img{ border: none; vertical-align: bottom;}
h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
blockquote{ background: #F3F3F3; padding:15px; margin: 0;}


body{
color: #fff;
background: #000;
text-align: center;
line-height: 1.5;
font-size: 100%;
font-family:Arial, Sans-Serif;
word-break: break-all;
}


a:link{ color: #005ab7; text-decoration:none; outline: none;}
a:visited{ color: #005ab7; text-decoration:none; outline: none;}
a:hover{ color: #FF0000; text-decoration:underline; outline: none;}
a:active{ color: #FF0000; text-decoration:underline; outline: none;}

/*************************************
blog_title
*************************************/

#banner,#subbanner{
height:70px;
margin: 0 0 30px;
padding: 0 0 0 0;
background: #000;
}

.blogtitle{
font-weight:bold;
text-align:left;
font-size: 150%;
margin: 0;
padding: 20px 0 0 0;
background: #000;
}

.description{
text-align:left;
font-size: 75%;
margin: 0;
padding: 5px 0 0 0;
}

/*************************************
photo-list
*************************************/

.photo-list{
width:200px;
height: 200px;
overflow:hidden;
text-align: left;
float:left;
padding: 0 15px 0 0;
margin: 0 0 15px 0;
background: #000;
}

.photo-list img{
width: 200px;
height: 150px;
background: #000;
}

.photo-list h2.date{
margin: 0;
padding: 5px 0 0;
font-size: 90%;
font-weight: bold;
background: #000;
}

.photo-list h3.title{
padding: 0 0 5px;
overflow:hidden;
font-size: 90%;
margin: -1.7em 0 6px;
font-weight:bold;
font-size: 100%;
line-height: 5;
background: #000;
}

.title-box-top{ background: #000; padding: 0 0 0 5px;}
.title-box{ width: 635px; background: #000; margin: 0 0 10px 0; padding: 0 0 0 5px;}

.profile img{ margin: 0 auto; text-align: center;}

/*************************************
layout
*************************************/

/*-------------------------------------
layout(container)
-------------------------------------*/

#container{
width:820px;
margin:0px auto;
padding: 0;
text-align:left;
background: #000;
}

/*-------------------------------------
layout(content)
-------------------------------------*/

#content{
float: left;
width:645px;
font-size: 85%;
margin: 0 0 20px;

background: #000;
}

/*-------------------------------------
layout(blog_note)
-------------------------------------*/

.blog{
margin:0 0 20px 0;
}

.date{
padding:5px 0 0 0;
font-weight: bold;
font-size: 90%;
}

.blogbody{ margin: 0 0 10px 0; padding:0;}

.titletp{ padding:0 0 5px;}
.title{ margin: 0 0 7px; padding: 0 0 5px; font-weight:bold; font-size: 100%;}

.main{ width:645px; margin: 0; padding: 0; overflow:auto;}
.main img{ margin: 0 5px 10px 0;}
.main-continues{}

.posted{ text-align: left; margin: 0 0 25px 0; font-size: 90%;}
.menu{ text-align:left; font-size: 90%;}

/*-------------------------------------
layout(links)
-------------------------------------*/

#links{
float: right;
width:160px;
text-align:left;
margin: 0 0 20px 0;
padding: 0 0 5px;
overflow:hidden;
font-size: 80%;
background: #000;
}


.sidetitle{ font-weight: bold; font-size: 115%;}
.side{ padding: 0 0 10px;}
.side .text{width:80px;}
.sidebody{ margin: 0;}

/*-------------------------------------
layout(footer)
-------------------------------------*/

#footer{ clear: both; background: #000; height: 40px;}

#copyright{
margin: 0;
padding: 10px 0;
text-align: center;
font-size: 80%;
background: #000;
}


/*************************************
comments
*************************************/


/*-------------------------------------
comments
-------------------------------------*/

.comments-head{ font-weight:bold; padding: 0; height:10px;}
.comments-body{ margin:20px 0 15px 0;}
.comments-post{ text-align: left; margin: 0 0 25px 0; font-size: 90%;}

/*-------------------------------------
trackback
-------------------------------------*/

.trackback-url{font-weight:bold; margin: 10px 0 15px 0;}
.trackback-body{margin:20px 0 15px 13px; width:auto;}
.trackback-post{text-align:right; margin:0 0 25px 0; font-weight:bold;}

/*-------------------------------------
form
-------------------------------------*/

label{font-weight:normal;}
#author{ width:200px;}
#email{ width:200px;}
#url{ width:200px;}

table.form{ /* margin: 25px 0 0 0;*/}


/*************************************
calender
*************************************/

.calender{ padding:0;}

.calendartable {
margin: 0px auto 10px;
width: 158px;
text-align: center;
border-collapse: collapse;
}

.calendartable th,.calendartable td{}
.calendarwd{}

/*月の部分*/
.calendarhead {
font-weight: bold;
padding: 5px 0;
text-align: center;
}

/*曜日の部分*/
.calendarweek {
color: #fff;
font-weight: bold;
background: #005ab7;
display: block;
}

.calendarwd { text-align: center;}
.calendard { empty-cells: show; text-align: center;}
.calendardbg {}


/*************************************
other
*************************************/

#text{ width:240px; height:150px; border:1px solid #a5acb2;}
.pagetop{ text-align:left; margin:0 15px 25px 0px;}
.tag_list{ font-size: 90%; margin: 0 10px 0 0;}

.nickname{ font-weight:bold; margin: 5px 0 0;}
.message{}
.quotetable{}
.quote{ color:#fff; padding:1px;}
.blogtimes{ margin:0px 0px 16px 0px; text-align:center;}
.powered{ text-align:center; margin:0 0 10px 00}

.syndicate{ text-align:center;}
.checkers{ margin-top:10px;}
body.ad{background:#f7p39f;}

/*************************************
rss
*************************************/

ul.rss{
margin: 0 0 10px;
padding: 0;
text-align: center;
}

ul.rss li { border-right: #999 1px solid; display: inline; font-style: normal; font-weight: bold;}
ul.rss a:link , ul.rss a:visited , ul.rss a:hover , ul.rss a:active {color: #999;text-decoration: none; }
.rssMemo{ font-size: 80%; text-align: center;}
.custom1,.custom2,.custom3{ margin: 5px 0 10px; padding: 0 0 5px 0;}

ここまで