May 20, 2007

[翻译]下拉菜单式“旧文章”和“博客归档”

原文:Blogger 'Previous Posts' & 'Archives' Drop Down Menu
  我知道下拉菜单有一些问题,我也正在学习如何去解决。在 Blogger Forum 的 thrbr 帮助下,我正逐步的修复问题。我从自己订阅的杂志里基本上知道了所有所需要的知识,但我还是不知道怎么把下拉菜单添加到侧边栏而不会因为长标题扩展。放轻松点,我现在知道怎么弄,现在我将与你分享这一切。
  修改“最近文章”或“旧文章”: 在模板中找到下面的代码:

<h2 class="sidebar-title">Previous Posts</h2>
<ul id="recently">
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>

  替换成:
<select name="PreviousItemsMenu" onChange="location.href=this.options[this.selectedIndex].value;" 
style
="background-color:#ffffff; color:#555555; font-family: Trebuchet MS; width: 123px;" >
<option value="/">Previous Items</option>
<BloggerPreviousItems>
<option value="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></option>
</BloggerPreviousItems>
</select>

  修改“博客归档”: 找到下面的代码:
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>

  替换成:
<select name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;"
style
="background-color:#BDDEAD; color:#080808; font-family: Comic Sans MS; width: 130px;">
<option value="/">- Archives -</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
<option value="/">Current Posts</option></select>

  如果要让菜单符合 blog 的样式,修改上面红色部分的代码就行了。例子中使用了不同的颜色,字体和字号来表示各种选项。
  如果侧边栏中不停变长的链接列表困扰着你,这也许是一种解决方法。我并不是说这解决了所有侧边栏的问题,但就现在来看工作得很好。在 A drop-down menu alternative 中说到另一种方法虽然不使用下拉菜单,但也提供了相同的功能。我使用这种方法来显示所有文章。

0 comments:

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger