水边树木笔记

　　今天上午没有什么事情，就想把flickr的图片加入到blog上。fotolog有一个问题，就是无法引用。现在就直接把我的flickr图片库的图片随机引用出来，每次五张。
　　具体代码这样：
　　

<script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=93373887@N00&count=6&display=latest&name=1&size=square&raw=0"></script>


　　说明：红色的“93373887@N00”是我的flickr相册的编号。“count=6”表示显示的图片张数；“display=latest”表示显示最新的图片，如果把这句删除，则随机显示；“size=square”表示图形统一显示成正方形；“raw=0”表示横向显示。我把它放在首页文件的“<#top:article_top#>”后面了。
　　现在在考虑要不要分页也放置？看着我女儿，心情实在是好。
　　另外，在css文件里面的最后加上以下一段代码：

/* Flickr classes */
#flickrd {
  background-color: #FFF;
  text-align: center;
}

#flickrd a:link, #flickrd a:visited, #flickrd a:active, #flickrd a:hover {
  background-color: #FFF;
  text-decoration: none;
  border: 0;
}

.flickrimg {
  background-color: #FFF;
  padding: 2px;
}

#flickrimg1, #flickrimg2, #flickrimg3, #flickrimg4, #flickrimg5, #flickrimg6 {
  border: 1px solid #FF9400;
  margin: 3px 5px 3px 5px;
}

.flickr-photo {
  padding-right: 20px;
  background-color: #FFF;
  border: 1px solid #FF9400;
  margin: 6px 6px 6px 6px;
  padding: 4px;
}

.flickr-album, .falbum-album {
  background-color: #FFF !important;
  margin: 0px 0px 10px 0px !important;
  padding: 4px !important;
}

.flickr-thumbnail {
  float: left !important;
  background-color: #FFF !important;
  border: 1px solid #FF9400 !important;
  padding: 4px !important;
  margin: 0px 20px 20px 0px !important;
}

.flickr-title, .falbum-title {
  font-weight: bold !important;
  font-size: 130% !important;
  background: none !important;
  padding: 0px 0px 4px 0px !important;
  margin: 0px !important;
  color: #FF6600 !important;
  border: 0px solid #FFF !important;
}

.flickr-description, .falbum-album-description, .falbum-description {
  padding: 0px 0px 4px 0px !important;
  margin-left: 105px !important;
}

.flickr-meta, .falbum-meta {
  font-size: 85% !important;
  color: #6699CC !important;
  padding: 4px 0px 4px 0px !important;
}