1/3. Caption Text
2/3. Caption Two
3/3. Caption Three

Featured Post

吉他C大调音阶记忆和练习

在 jQuery 中如何确定字符串长度及其像素长度?

在 jQuery 中如何确定字符串长度及其像素长度?
2012年03月31日 IT点滴 | 浏览 13,681 暂无评论
1. 找出字符串的长度:
  1. <div class=".selector">Getting Started With jQuery</div>   
  2.   
  3. <script>   
  4.       var $char_length = $('.selector').text().length;   
  5. </script>  
2. 找出字符串的像素长度:
先把字符串及其属性放在 <span> 里面,然后,使用 jQuery 求得该 <span> 的像素宽度。如:
  1. <span id='string_span' style='font-weight: bold; font-size: 12'>Here is my string</span>   
  2.   
  3. <script>   
  4.        var $px_lenth = $('#string_span').width();   
  5. </script>  

狂欢节高潮

(20200520 注:把原代码拷贝过来了,但不工作,这里使用了 jQuery )


Carnival climax

Billed as the biggest street party in the world, Rio de Janeiro's annual carnival has drawn to a colourful conclusion.

The city's best samba schools paraded amid Brazil's carnival festivities.

The venue for this event was the newly-renovated Sambadrome.

Thousands of dancers and musicians showed off their costumes and artistic skills to entertain the crowds that gathered to enjoy the spectacle.



    billed as
    paraded 列队行进 festivities 庆典,欢庆 renovated 修复,更新 spectacle 表演,演出盛会

    被视为世界上最大的街头派对,里约热内卢一年一度的狂欢节在充满色彩的气氛中结束。 城里最有名的桑巴舞学校在巴西狂欢盛会上列队行进,展示了精彩的舞技。 该场表演的演出场地是刚刚修复完毕的桑巴大道 Sambadrome. 数以千计的舞蹈演员和音乐家以他们绚丽的服装和高超的艺术水准,在演出盛会上让游客大饱眼福。

    请从下面的词汇表里选择答案来完成句子。 (点击下划线处可显示/隐藏答案) billed as / paraded / festivities / renovated / spectacle 1. But, apart from concerns over potential increased rent in social housing, she was against the current proposals to move long-term residents into different ________________renovated homes on site. 2. Mr Barros says: 'The Carnival of the samba schools of Rio is a global ________________spectacle, which sustains the tourism industry. 3. Not only will there be the usual ________________festivities to mark the start of a new year, but excitement is also growing with the knowledge that the entire Chinese Olympic team will descend on the city in almost exactly six months' time. 4. More than 100,000 people are then expected to take to the streets of the capital on Hogmanay for what is ________________billed as the world's best New Year celebration. 5. On Sunday 16 July around 250 famous cars will ________________parade through London to mark the return to the city of the British International Motor Show.

Linux 创始人回绝乔布斯邀请,拒绝加入苹果

  Linux 之父林纳斯·托瓦兹(Linus Torvalds)从未与比尔·盖茨谋面,但他在2000年左右和史蒂夫·乔布斯见过面,当时他还在全美达(Transmeta)工作。乔布斯邀请他去苹果电脑总部,位于美国旧金山的库比蒂诺(Cupertino),并试图聘用他为苹果工作。条件是他必须放弃 Linux 的开发。Linus Torvalds 拒绝了。



  虽然 Torvalds 没有得到乔布斯那样的财富,但他说:“我非常高兴,当时做了正确的选择”,从而可以专注于 Linux 的开发。如今,从 Ubuntu、Red Hat 到 Andr​​oid 智能手机操作系统,还有 Chrome OS 等等都是建立在 Linux 平台之上。如果乔布斯在2000年成功地雇用了 Torvalds 的话,Linux 的历史可能就不是现在这个样子了。

  下面是 Linus Trovalds 谈苹果和乔布斯的一段视频:

关于我在 HotNews 主题中相册的使用

关于我在 HotNews 主题中相册的使用
2012年03月17日 WordPress | 浏览 11,543 评论 6
我喜欢 HotNews 主题,但其中的相册功能不太适合我的需要:1) 发表的相册图片,不会显示在正常的页面中,需自建分类,才能通过导航菜单查看。2) 公告、相册、视频采用自定义文章发布类型功能,通过这些功能发表的日志在更换主题后,将不能浏览查看,在后台也看不见。
所以,准备就简单使用一般文章来发表相册图片,给这类文章建一个统一的标签就行了。显示相册中图片的边栏小工具,还可以继续保留下来,我是这样做的:
给所有用来发表图片的文章加一个标签:图片 (pictures),并添加自定义栏目:sidebar_img,值就是你想让出现在边栏的图片的链接,如图:
然后,在 HotNewspro/includes/mimg.php 中找到:
$loop = new WP_Query( array( 'post_type' => 'picture', 'orderby' => rand, 'posts_per_page' => 4 ) );
替换为:
$loop = new WP_Query( array( 'post_type' => 'post', 'orderby' => rand, 'posts_per_page' => 4, 'tag' => 'pictures' ) );
再用编辑器的查找替换功能把两处 small 替换为 sidebar_img 就完成了。
补充:使用过程中发现一个问题,图片文件名中如果含有特殊字符,比如:"%" ( Picasa 相册中图像若使用了中文文件名时会产生此字符),暗箱显示功能就不能启动。
更新:找到 includs/addclass.php 文件中的 $pattern 通过修改这里的正则表达式 (Regular Expression) 中添加 "\%" 可解决上面的问题。修改后的结果是这样的:
  $pattern = "/<a(.*?)href=('|\")([A-Za-z0-9\/_\.\%\~\:-]*?)(\.bmp|\.gif|\.jpg|\.jpeg|\.png)('|\")([^\>]*?)>/i";
另外,发现一个很好的在线 Regexp 测试工具
更新启用 CMS 主页布局时,又对右边栏图像展示的实现做了修改:
在 HotNewspro/includes/mimg.php 中找到:
$loop = new WP_Query( array( 'post_type' => 'post', 'orderby' => rand, 'posts_per_page' => 4, 'tag' => 'pictures' ) );
替换为:
$loop = new WP_Query( array( 'post_type' => 'picture', 'orderby' => rand, 'posts_per_page' => 4, 'meta_key' => sidebar_img_on ) );
然后,给文章添加二个自定义栏目:1) 名称:sidebar_img_on,值:可以任意。2) 名称:sidebar_img, 值:图片的地址。就可实现图像在右边栏的展示,顺便提一下图的大小为 107x66。

目前有 6 条留言 其中:访客:3 条, 博主:3 条

  1. ayumi : 2012年05月22日20:30:49  1楼@回复回复
    博主,您好,您是怎么使你侧边栏的图片出现6张,而我的只有4张,另外如果我想改为16张,如何更改呢,希望您能百忙中抽空解答,不胜感激!!
    • 三雨二草 : 2012年05月23日10:10:15 @回复回复
      在 HotNewspro/includes/mimg.php 中找到:
      $loop = new WP_Query( array( 'post_type' => 'picture', 'orderby' => rand, 'posts_per_page' => 4 ) );
      把其中的数字4替换一下就行了。比如,你想要16张,就把它改为16即可。
      • ayumi : 2012年05月23日22:34:38 @回复回复
        您好,是这样的,如果改为16的话,边框大小没有改过来,还是只有4张图这么大,边框的大小在哪里修改?
        • 三雨二草 : 2012年05月24日09:51:10 @回复回复
          在 HotNewspro/style.css 中找到:
          /** 相册 **/
          .mimg {
          background: #fff;
          height:216px; <------------- 这里
          padding: 0 0 0 4px;
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
          }
          在这里修改 height 以适应你的需要。
          • ayumi : 2012年05月24日19:38:48
            哈,解决了,感谢您耐心细致的解答。祝福您财运亨通,财源广进。好人一生平安!
          • 三雨二草 : 2012年05月25日10:49:49
            谢谢祝福。

冬日阳光下的湖景

冬日阳光下的湖景
2012年03月16日 悠游万里 | 浏览 6,016 评论 1
冬天下午,阳光下的湖景,用手机留影。
湖中栈道

海边风光

海边风光
2012年03月16日 悠游万里 | 浏览 4,279 暂无评论
去年秋天,海边,用手机拍的。

怎样获得 Picasa 相册中图像的网址并通过它调整图像尺寸

怎样获得 Picasa 相册中图像的网址并通过它调整图像尺寸
2012年03月13日 书画摄影 | 浏览 4,770 暂无评论
20181130 更新:怎样获得谷歌相册中图像的网址并通过它调整图像尺寸
在 Google Photo 中打开图片,Right click it and select "Open Image in a New Tab" then copy the URL in the address bar.
经过比较决定用免费相册 Picasa 来为网站存图片。实际操作后,发现一个简便方法来获取图像的 URL 并通过它来控制图像的大小。在浏览器中打开 Picasa, 找到你想要的图片,右击它,从菜单中便可复制得到图像网址,形式如下: https://lh4.googleusercontent.com/....../s800/yourImage.jpg,注意 URL 中的 s800,说明图像的宽度是 800px,改变它就可以改变图像宽度,图像高度会根据宽度的变化按比例自动调整。也可用 h800 来指定图像的高度为 800px,而让宽度按比例自动调整。还可以同时控制高度和宽度:https://lh4.googleusercontent.com/....../w719-h268/photo.jpg。这样,通过改变 URL 就实现了调整图像的大小。
图例一:
小船
图例二:
图例三:
中国上海浦东环景照片

为 WordPress 博客安装 Google XML Sitemaps 网站地图

为 WordPress 博客安装 Google XML Sitemaps 网站地图
2012年03月12日 WordPress | 浏览 4,658 暂无评论
网站地图是给搜索引擎的爬虫指路的,可以让 Google 或百度等搜索引擎更容易地检索你的网站。WordPress 有一个插件叫作 Google XML Sitemaps,可以做这件事情。
1、首先,下载 Google XML Sitemaps 插件。
2、解压并上传到 /wp-content/plugins/ 文件夹。
3、激活后,控制台->设置菜单中会出现 XML-Sitemap,这里便可创建你的 sitemap,所有选项可保持默认值。
4、网站根目录下会生成两个新文件:sitemap.xml 和 sitemap.xml.gz。Linux 系统上可以事先手动创建这二个文件,将文件所有者改为 www-data 或将操作权限改为 777,让服务器可读写此二文件。
5、登录到 Google 管理员工具,验证你的网站后,提交上面刚创建的 sitemap.xml,  网站地图就创建好了。