[improve/design] Slight changes to menu and recent topics design

This commit is contained in:
Marc Alexander
2013-10-26 18:03:29 +02:00
parent aae9917f9f
commit 09dad56bcf
3 changed files with 64 additions and 49 deletions

View File

@@ -1,46 +1,54 @@
<!-- IF .latest_announcements or .latest_hot_topics or .latest_topics --> <!-- IF .latest_announcements or .latest_hot_topics or .latest_topics -->
{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R} {$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
<div class="panel bg1" style="margin-bottom: 0px">
<div class="inner"><span class="portal-corners-top-inner"></span>
<div class="portal-navigation">
<ul class="topiclist bg1"> <ul class="topiclist bg1">
<li><dl> <li>
<dd style="border-left:0px; width:100%"> <dl>
<table width="100%"> <dd style="border-left:0px; width:100%">
<tr> <table width="100%">
<!-- IF .latest_announcements --><td class="row1"><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF --> <tr class="menutitle">
<!-- IF .latest_hot_topics --><td class="row1"><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF --> <!-- IF .latest_announcements --><td><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF -->
<!-- IF .latest_topics --><td class="row1"><strong>{L_PORTAL_RECENT_TOPIC}</strong></td><!-- ENDIF --> <!-- IF .latest_hot_topics --><td><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF -->
</tr> <!-- IF .latest_topics --><td><strong>{L_PORTAL_RECENT_TOPIC}</strong></td><!-- ENDIF -->
<tr> </tr>
<!-- IF .latest_announcements --> <tr>
<td class="row1" style="width: 33%;" valign="top"> <!-- IF .latest_announcements -->
<span class="gensmall"> <td class="row1" style="width: 33%;" valign="top">
<!-- BEGIN latest_announcements --> <span class="gensmall">
<a href="{latest_announcements.U_VIEW_TOPIC}" title="{latest_announcements.FULL_TITLE}">{latest_announcements.TITLE}</a><br /> <!-- BEGIN latest_announcements -->
<!-- END latest_announcements --> <a href="{latest_announcements.U_VIEW_TOPIC}" title="{latest_announcements.FULL_TITLE}">{latest_announcements.TITLE}</a>
</span> <!-- END latest_announcements -->
</td> </span>
<!-- ENDIF --> </td>
<!-- IF .latest_hot_topics --> <!-- ENDIF -->
<td class="row1" style="width: 33%;" valign="top"> <!-- IF .latest_hot_topics -->
<span class="gensmall"> <td class="row1" style="width: 33%;" valign="top">
<!-- BEGIN latest_hot_topics --> <span class="gensmall">
<a href="{latest_hot_topics.U_VIEW_TOPIC}" title="{latest_hot_topics.FULL_TITLE}">{latest_hot_topics.TITLE}</a><br /> <!-- BEGIN latest_hot_topics -->
<!-- END latest_hot_topics --> <a href="{latest_hot_topics.U_VIEW_TOPIC}" title="{latest_hot_topics.FULL_TITLE}">{latest_hot_topics.TITLE}</a>
</span> <!-- END latest_hot_topics -->
</td> </span>
<!-- ENDIF --> </td>
<!-- IF .latest_topics --> <!-- ENDIF -->
<td class="row1" style="width: 33%;" valign="top"> <!-- IF .latest_topics -->
<span class="gensmall"> <td class="row1" style="width: 33%;" valign="top">
<!-- BEGIN latest_topics --> <span class="gensmall">
<a href="{latest_topics.U_VIEW_TOPIC}" title="{latest_topics.FULL_TITLE}">{latest_topics.TITLE}</a><br /> <!-- BEGIN latest_topics -->
<!-- END latest_topics --> <a href="{latest_topics.U_VIEW_TOPIC}" title="{latest_topics.FULL_TITLE}">{latest_topics.TITLE}</a>
</span> <!-- END latest_topics -->
</td> </span>
<!-- ENDIF --> </td>
</tr> <!-- ENDIF -->
</table> </tr>
</dd> </table>
</dl></li> </dd>
</dl>
</li>
</ul> </ul>
</div>
<span class="portal-corners-bottom-inner"></span></div>
</div>
{$C_BLOCK_F_L}{$C_BLOCK_F_R} {$C_BLOCK_F_L}{$C_BLOCK_F_R}
<!-- ENDIF --> <!-- ENDIF -->

View File

@@ -49,6 +49,13 @@ span.portal-corners-top-inner, span.portal-corners-bottom-inner{
padding: 1px 0; padding: 1px 0;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 12px; font-size: 12px;
text-decoration: underline;
}
.portal-navigation tr.menutitle{
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 12px;
text-decoration: underline;
} }
.calendar-info { .calendar-info {
@@ -88,4 +95,4 @@ span.portal-corners-top-inner, span.portal-corners-bottom-inner{
background-image: url("{T_THEME_PATH}/images/portal/arrowbullet_rtl.gif"); background-image: url("{T_THEME_PATH}/images/portal/arrowbullet_rtl.gif");
background-position: center right; /*custom bullet list image*/ background-position: center right; /*custom bullet list image*/
padding-right: 19px; /*link text is indented 19px*/ padding-right: 19px; /*link text is indented 19px*/
} }

View File

@@ -1,30 +1,30 @@
<!-- IF .latest_announcements or .latest_hot_topics or .latest_topics --> <!-- IF .latest_announcements or .latest_hot_topics or .latest_topics -->
{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R} {$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
<table class="tablebg" cellspacing="1" width="100%"> <table class="tablebg" cellspacing="1" width="100%">
<tr> <tr class="cat">
<!-- IF .latest_announcements --><td class="row1"><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF --> <!-- IF .latest_announcements --><td><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF -->
<!-- IF .latest_hot_topics --><td class="row1"><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF --> <!-- IF .latest_hot_topics --><td><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF -->
<!-- IF .latest_topics --><td class="row1"><strong>{L_PORTAL_RECENT_TOPIC}</strong></td><!-- ENDIF --> <!-- IF .latest_topics --><td><strong>{L_PORTAL_RECENT_TOPIC}</strong></td><!-- ENDIF -->
</tr> </tr>
<tr> <tr>
<!-- IF .latest_announcements --> <!-- IF .latest_announcements -->
<td class="row1" width="33%" valign="top"> <td class="row1" width="33%" valign="top">
<!-- BEGIN latest_announcements --> <!-- BEGIN latest_announcements -->
<a href="{latest_announcements.U_VIEW_TOPIC}" title="{latest_announcements.FULL_TITLE}">{latest_announcements.TITLE}</a><br /> <a href="{latest_announcements.U_VIEW_TOPIC}" title="{latest_announcements.FULL_TITLE}"><img src="{T_THEME_PATH}/images/portal/arrowbullet<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->_rtl<!-- ENDIF -->.gif" width="12" height="11" alt="" />&nbsp;{latest_announcements.TITLE}</a><br />
<!-- END latest_announcements --> <!-- END latest_announcements -->
</td> </td>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF .latest_hot_topics --> <!-- IF .latest_hot_topics -->
<td class="row1" width="33%" valign="top"> <td class="row1" width="33%" valign="top">
<!-- BEGIN latest_hot_topics --> <!-- BEGIN latest_hot_topics -->
<a href="{latest_hot_topics.U_VIEW_TOPIC}" title="{latest_hot_topics.FULL_TITLE}">{latest_hot_topics.TITLE}</a><br /> <a href="{latest_hot_topics.U_VIEW_TOPIC}" title="{latest_hot_topics.FULL_TITLE}"><img src="{T_THEME_PATH}/images/portal/arrowbullet<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->_rtl<!-- ENDIF -->.gif" width="12" height="11" alt="" />&nbsp;{latest_hot_topics.TITLE}</a><br />
<!-- END latest_hot_topics --> <!-- END latest_hot_topics -->
</td> </td>
<!-- ENDIF --> <!-- ENDIF -->
<!-- IF .latest_topics --> <!-- IF .latest_topics -->
<td class="row1" width="33%" valign="top"> <td class="row1" width="33%" valign="top">
<!-- BEGIN latest_topics --> <!-- BEGIN latest_topics -->
<a href="{latest_topics.U_VIEW_TOPIC}" title="{latest_topics.FULL_TITLE}">{latest_topics.TITLE}</a><br /> <a href="{latest_topics.U_VIEW_TOPIC}" title="{latest_topics.FULL_TITLE}"><img src="{T_THEME_PATH}/images/portal/arrowbullet<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->_rtl<!-- ENDIF -->.gif" width="12" height="11" alt="" />&nbsp;{latest_topics.TITLE}</a><br />
<!-- END latest_topics --> <!-- END latest_topics -->
</td> </td>
<!-- ENDIF --> <!-- ENDIF -->