`
jjs_love
  • 浏览: 80970 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

主题效果

阅读更多

转载请注明出处 http://jjs-love.iteye.com

<%-- Licensed Materials - Property of IBM, 5724-E76, (C) Copyright IBM Corp. 2001, 2004, 2006 - All Rights reserved.

 NOTE: See notes in Default.jsp for information regarding editing theme JSP fragments. 

--%>
<%--
    This JSP renders the navigation bar on the left side of the page.
    By default, this will continue rendering the navigation where the
    previous navigation entity left off.
--%>
<c-rt:if test = "${themePolicy.renderSideNavigation}">
<portal-logic:if navigationAvailable="yes" screen="Home,LoggedIn,LoggedOut">
<table cellspacing=0 cellpadding=0 border=0 width="188"  height="100%" >
 <tr>
  <td valign="top" height=64 width=188><img src='<portal-logic:urlFindInTheme file="themeimage/tu_3.jpg" />' height=64 width=188></td>
 </tr>

<portal-navigation:navigation  startLevel="${themePolicy.sideNavigationStartLevel}">

<% int previousNavLevel=0;%>
<portal-navigation:navigationLoop>
<%--
 basic logic required:
  if node is selected give selected style
  if node has children, show expand/collapse
  if node is unselectable(label), don't render anchor
  if node is external url, open in new window
  if navlevel changed, open/close uls as needed.
--%>
<% // variables
 boolean isNodeSelected = wpsSelectionModel.isNodeSelected(wpsNavNode);
        String rowCssClass = isNodeSelected ? "wpsNavItem selected" : "wpsNavItem";
 boolean nodeHasChildren = wpsNavModel.hasChildren(wpsNavNode);
 boolean isExpanded = ((Boolean)((com.ibm.portal.state.StateModel)wpsNavModel).getState(wpsNavNode, com.ibm.portal.state.StateType.EXPANSION)).booleanValue() ;
        boolean openInNewWindow = com.ibm.portal.content.ContentNodeType.EXTERNALURL.equals(wpsNavNode.getContentNode().getContentNodeType());
        boolean isLabel = com.ibm.portal.content.ContentNodeType.LABEL.equals(wpsNavNode.getContentNode().getContentNodeType());
 int currentNavLevel = wpsNavLevel.intValue();
%>

 


<span class="<%=rowCssClass%>">
<tr>

<%--  ******************   render expand/collapse  ******************  --%>
<c-rt:choose>
<c-rt:when test="<%=nodeHasChildren && isExpanded %>">
    <td width=188 valign="middle" height="31" background='<portal-logic:urlFindInTheme file="themeimage/unselected.gif" />' style="background-repeat: repeat-y">
 <a href='<portal-navigation:navigationUrl type="collapse"/>'><portal-fmt:title/></a>
 </td>
</c-rt:when>
<c-rt:when test="<%=nodeHasChildren && !isExpanded %>">
   <td width=188 valign="middle" height="31" background='<portal-logic:urlFindInTheme file="themeimage/unselected.gif" />' style="background-repeat: repeat-y">
   <a href='<portal-navigation:navigationUrl type="expand"/>'><portal-fmt:title/></a>
  </td>
</c-rt:when>

</c-rt:choose>

</tr>
<tr>
<td>
    <table cellspacing=0 cellpadding=0 border=0>
    <tr>
<%--  ******************  render node  ******************  --%>
  <c-rt:choose>
  <c-rt:when test="<%=isLabel%>">

    
  </c-rt:when>
  <c-rt:otherwise>
        <td width=188 valign="middle"  height="31" bgColor='#F8F8FA' style="border:1px solid #728B90;border-bottom:1px solid #728B90;border-top:none; ">
    <a href="<portal-navigation:navigationUrl type="launch"/>" <% if (openInNewWindow) {%>target="_blank"<% } %> <% if (isNodeSelected) { %>onfocus="showPageAffordance()" <% } %> >
     <portal-fmt:title/>
    </a>
      </td>


  </c-rt:otherwise>
  </c-rt:choose>
     </td>
    </tr>
    </table>
    </td>
    </tr>
</span>
<%-- the list item is closed if the node does not have children or it is not expanded --%>
<c-rt:if test="<%=(!nodeHasChildren || !isExpanded)%>">
 </li>
</c-rt:if>

<%previousNavLevel = currentNavLevel;%> 
</portal-navigation:navigationLoop>
<%-- When no more nodes are left to be processed by the nav loop, it exits but leaves the
  lists and list items open, there is a check to see if there is more than one level, if true,
  the lists and list items are closed.  There is a </ul> tag after the for loop to close the initial
   list that is opened.  This initial <ul> is created when a side nav page is created  --%>
<c-rt:if test="<%=previousNavLevel > 0 %>"><% for(int i = previousNavLevel; i > 1; i--){%></ul></li><%} %></ul></c-rt:if>


</portal-navigation:navigation>
<tr>
 <td valign="top" width=188 height=413  background='<portal-logic:urlFindInTheme file="themeimage/nav3.gif" />'>
  <img src='<portal-logic:urlFindInTheme file="themeimage/bottom.gif" />' border=0  >
 </td>
</tr>
<tr height="100%"><td width=188  background='<portal-logic:urlFindInTheme file="themeimage/nav3.gif" />' ></td></tr>
</table>
</portal-logic:if>

<portal-theme-ext:themeExtension id="com.ibm.portal.theme.plugin.VerticalPageBarItems" >
  <portal-theme-ext:themeExtensionLoop>
   <portal-theme-ext:themeExtensionRenderInclude />
  </portal-theme-ext:themeExtensionLoop>
</portal-theme-ext:themeExtension>       


</c-rt:if>

 

 

 

 

 

 

 

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    OhMyPosh主题效果一览表

    ### OhMyPosh主题效果一览表 #### 一、引言 在当今的终端与命令行界面(CLI)个性化浪潮中,Oh My Posh(OMP)作为一种强大的工具,为用户提供了丰富的主题定制选项,使每一次交互都变得既美观又实用。本文将详细...

    左侧颜色选择主题效果

    在IT行业中,颜色选择主题效果通常涉及到用户界面(UI)设计和前端开发。"左侧颜色选择主题效果"可能指的是一个应用程序或网站设计中,用户可以在左侧界面选择不同的颜色方案来改变整个界面的主题颜色。这样的功能...

    typora 主题 vue 风格

    2. `preview.png` 或 `screenshot.jpg` - 主题预览图,展示主题应用后的Typora界面外观,帮助用户在未安装前了解主题效果。 3. `readme.md` - 读我文件,提供关于如何安装和使用该主题的说明,可能还会包括主题的...

    PRO7B2主题5.4.2免授权直接安装 主题pro下载 简洁主题效果设置模板.zip

    B2 PRO 5.4.2 最新免授权版不再需要改hosts,和正版一样上传安装就可以激活。 直接在wordpress上传安装即可

    Markdown主题文件-紫色主题-黑色字体

    给大家分享我觉得不错的Markdown主题文件,同之前的紫色主题,不过字体是黑色哦~

    android仿iphone主题效果的主菜单

    Android仿iPhone主题效果的主菜单 Android仿iPhone主题效果的主菜单是Android开发者非常关心的一个主题,尤其是在Launcher开发中,如何实现类似iPhone的主题效果,吸引了许多开发者的注意。本文将详细介绍如何实现...

    Xp主题WateryDesktop

    如果想要全套的桌面主题效果,还需替换相应的壁纸和调整窗口风格。 总的来说,"Xp主题WateryDesktop"为Windows XP用户提供了独特的个性化选择,它通过水波动态效果为桌面带来了生动的视觉体验,同时也展示了软件...

    textmate theme的一些收集和效果

    5. **主题效果**: 文章可能展示了各种主题在实际使用中的效果,比如颜色搭配对代码结构的突出,暗色模式对眼睛的保护,以及特定语言的语法高亮等。 6. **代码编辑器的个性化**: 除了主题,TextMate还支持其他形式的...

    bootstrap免费主题包

    总的来说,"bootstrap免费主题包"为开发者提供了一个快速构建漂亮网页的捷径,同时通过提供的图片可以直观地预览主题效果,简化了设计决策过程。通过合理选择和应用这些主题,可以极大地提高Web开发的效率和项目的...

    MDK暗黑色主题.zip

    6. 应用更改并重启MDK,即可看到新的暗黑色主题效果。 总之,"MDK暗黑色主题.zip"提供了一种定制化MDK开发环境的方法,使得用户能够在保持专业开发效率的同时,享受到更加舒适的视觉环境。通过理解这个主题的安装和...

    CM魅族主题(含Theme Chooser)

    CM魅族主题是CM系统的一部分,旨在为用户提供魅族风格的主题效果。 2. 魅族主题:魅族是一家知名的中国智能手机制造商,其手机操作系统Flyme以其简洁美观的设计深受用户喜爱。CM魅族主题就是将魅族手机的界面风格...

    sony 手机主题制作软件

    - **预览功能**:在软件内实时预览主题效果,确保满意后再导出。 3. **使用流程** 使用 Themes Creator 创建主题通常包括以下步骤: - 下载并安装软件至电脑。 - 启动软件,选择新建项目,设定主题的基本信息如...

    ripro9 设计子主题美化包兼容9.0

    该美化包的目的是增强网站的视觉吸引力,同时确保与WordPress 9.0版本的完全兼容性,让用户在更新到最新版WordPress时仍能享受个性化的主题效果。 首先,我们要理解“RiPro”是什么。RiPro全称为“Responsive Pro”...

    手机主题手机简单制作

    此外,它们还会提供预览功能,让你实时查看主题效果。 3. **图标设计**:如果你希望更换应用图标,可以使用图形编辑软件(如Photoshop或免费的在线工具)进行设计。保持图标风格一致,以确保整体视觉效果和谐。 4....

    XP系统电脑的几个漂亮的主题

    请注意,有些主题可能需要额外的资源文件(如声音、壁纸、鼠标指针等),需要一并安装才能完全实现主题效果。 总的来说,这些漂亮的XP主题为用户提供了丰富的个性化选择,可以根据个人喜好和需求选择合适的主题,使...

    source insight4.0 仿sublime 黑色主题

    Source Insight会立即更新界面颜色,呈现出仿Sublime的黑色主题效果。 三、自定义调整 虽然导入的主题已经非常接近Sublime的黑色主题,但可能仍需根据个人习惯进行微调。在“Styles”设置界面,你可以调整字体、...

    主题有一个很像suse11,超漂亮

    4. 重启或注销登录后,新的主题效果会立即呈现。 总的来说,这个主题包为喜欢SUSE 11美学的Linux用户提供了个性化的选择,使他们能在自己的系统上享受类似的视觉体验。通过简单的步骤,用户可以轻松地改变其桌面...

    CodeBlocks主题配置文件

    "CodeBlocks_ColorTheme.png"是一个图片文件,可能展示了配置文件所定义的主题效果。这种可视化预览对于用户选择或创建新主题时非常有用,因为它可以快速直观地看到颜色方案在实际应用中的效果。通过对比不同的主题...

    很好的一个wpf效果demo

    综上所述,这个压缩包可能包含一个运行时展示Aero主题效果的WPF应用,以及源代码,供开发者学习如何在自己的项目中实现类似效果。通过深入研究这个demo,开发者可以提升自己在WPF领域的技能,尤其是对Aero主题的运用...

    索尼爱立信手机主题制作套件

    6. **预览与应用**:在制作过程中,用户可以实时预览主题效果,确保满意后再将其应用到手机上,避免因不理想的效果而频繁更换。 值得注意的是,虽然这款工具在发布时经过了安全检测,但在使用过程中仍需注意数据...

Global site tag (gtag.js) - Google Analytics