Page 1 of 1
News and recent block in panel style
Posted: 27. February 2008 08:37
by MrC
Hi,
How do I change the news and recent block into panel style.
Just changing <div class="forabg"> into <div class="panel"> and changing
<ul class="topiclist">
<li class="header"><dl><dt>{L_LATEST_NEWS}</dt></dl></li>
</ul>
into
<h3>{L_LATEST_NEWS}</h3>
Did a part of the trick, but i can't get the gradient background removed.
How to do it the right way?
TIA
Re: News and recent block in panel style
Posted: 27. February 2008 10:37
by pado
Perhaps you could look into the coding of .....template/portal/block/_sample_block_design.html
Re: News and recent block in panel style
Posted: 27. February 2008 16:39
by MrC
Still can't get it to work using the different codes.
I'll give it a shot later today.
Re: News and recent block in panel style
Posted: 27. February 2008 17:32
by Dr00py
news_compact.html
Code: Select all
<div class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<h3>{L_LATEST_NEWS}</h3>
<!-- BEGIN news_row -->
<!-- IF news_row.S_NO_TOPICS -->
<span class="gensmall" style="text-align: center; margin: 0 0 0 5px;"><strong>{L_NO_NEWS}</strong></span>
<!-- ELSE -->
<span style="float: left; margin: 0 0 0 5px;"><img src="{T_THEME_PATH}/images/arrow_right.gif" alt=""/>
<!-- IF news_row.S_UNREAD_INFO -->{NEWEST_POST_IMG}<!-- ELSE -->{READ_POST_IMG}<!-- ENDIF --> {news_row.ATTACH_ICON_IMG} <!-- IF news_row.S_POLL --><strong>{L_POLL}: </strong><!-- ENDIF --><a href="{news_row.U_LAST_COMMENTS}" title="{L_JUMP_NEWEST}"><strong style="font-size:1.1em;">{news_row.TITLE}</strong></a></span>
<span style="float: right; margin: 0 5px 0 0;">{L_LAST_POST} {L_POST_BY_AUTHOR}: <strong><a href="{news_row.U_USER_PROFILE}">{news_row.POSTER}</a></strong></span>
<br style="clear:both" />
<!-- IF news_row.FORUM_NAME -->
<span style="float: left; font-size:1.0em; margin: 2px 0 0 28px;">{L_FORUM}: <strong><a href="{news_row.U_VIEWFORUM}">{news_row.FORUM_NAME}</a></strong></span>
<!-- ENDIF -->
<span style="float: right; margin: 0 5px 0 0;">{L_POSTED_ON_DATE} <strong>{news_row.TIME}</strong></span>
<br style="clear:both" />
<span style="float: left; margin: 0 0 0 28px;">
<a href="{news_row.U_VIEW_COMMENTS}" title="{L_JUMP_FIRST}"><span style="font-size:0.9em;"><em>{L_COMMENTS}: {news_row.REPLIES}</em></span></a>
<span style="font-size:0.9em;"><em>{L_TOPIC_VIEWS}: {news_row.TOPIC_VIEWS}</em></span>
</span>
<!-- IF news_row.S_NOT_LAST --><hr style="margin: 0px 0px 3px 0px;" /><!-- ENDIF -->
<!-- ENDIF -->
<!-- END news_row -->
<span class="corners-bottom"><span></span></span>
</div>
</div>
<br style="clear:both" />
Code: Select all
<div class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<h3>{L_LATEST_NEWS}</h3>
<!-- BEGIN news_row -->
<!-- IF news_row.S_NO_TOPICS -->
<span class="gensmall" style="text-align: center; margin: 0 0 0 5px;"><strong>{L_NO_NEWS}</strong></span>
<!-- ELSE -->
<div class="postbody postbody_portal" style="width: 100%">
<h4 class="first"><span style="margin: 0 0 0 5px"><!-- IF news_row.S_UNREAD_INFO -->{NEWEST_POST_IMG}<!-- ELSE -->{READ_POST_IMG}<!-- ENDIF --> {news_row.ATTACH_ICON_IMG} <!-- IF news_row.S_POLL --><strong>{L_POLL}: </strong><!-- ENDIF --><a href="{news_row.U_VIEW_COMMENTS}"><strong>{news_row.TITLE}</strong></a></span></h4>
<ul class="linklist">
<li><span style="margin: 0 0 0 5px">{L_POSTED_BY}: <strong><a href="{news_row.U_USER_PROFILE}">{news_row.POSTER}</a></strong><!-- IF news_row.FORUM_NAME --> • {L_FORUM}: <strong><a href="{news_row.U_VIEWFORUM}">{news_row.FORUM_NAME}</a></strong><!-- ENDIF --></span></li>
<li class="rightside"><span style="margin: 0 5px 0 0;">{news_row.TIME}</span></li>
</ul>
<br />
<div class="content"><div style="float: left; margin: 0 0 0 5px">{news_row.TEXT}</div></div><br />
<span style="float: left; margin: 0 0 0 5px">{L_TOPIC_VIEWS}: {news_row.TOPIC_VIEWS} • <a href="{news_row.U_VIEW_COMMENTS}" title="{L_VIEW_COMMENTS}">{L_COMMENTS}: {news_row.REPLIES}</a> • <a href="{news_row.U_POST_COMMENT}">{L_POST_REPLY}</a></span>
<span style="float: right; margin: 0 5px 5px 0">{news_row.OPEN}<a href="{news_row.U_READ_FULL}">{news_row.L_READ_FULL}</a>{news_row.CLOSE}</span>
</div>
<div class="back2top"><span style="float: right; margin: 0 5px 0 0"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></span></div>
<!-- IF news_row.S_NOT_LAST --><hr /><!-- ENDIF -->
<!-- ENDIF -->
<!-- END news_row -->
<span class="corners-bottom"><span></span></span>
</div>
</div>
<br style="clear:both" />
Re: News and recent block in panel style
Posted: 27. February 2008 17:36
by MrC
Hi and thanks for the reply Dr00py, tried that but than the block header (like "latest news") doesn't show up
This works (for news block)
Code: Select all
<div class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<h3>{L_LATEST_NEWS}</h3>
<ul class="topiclist">
<li><dl>
<dd class="posts_portal" style="border-left:0px">
<!-- BEGIN news_row -->
<!-- IF news_row.S_NO_TOPICS -->
<span class="gensmall" style="text-align: center; margin: 0 0 0 5px;"><strong>{L_NO_NEWS}</strong></span>
<!-- ELSE -->
<div class="postbody postbody_portal" style="width: 100%">
<h4 class="first"><span style="margin: 0 0 0 5px"><!-- IF news_row.S_UNREAD_INFO -->{NEWEST_POST_IMG}<!-- ELSE -->{READ_POST_IMG}<!-- ENDIF --> {news_row.ATTACH_ICON_IMG} <!-- IF news_row.S_POLL --><strong>{L_POLL}: </strong><!-- ENDIF --><a href="{news_row.U_VIEW_COMMENTS}"><strong>{news_row.TITLE}</strong></a></span></h4>
<ul class="linklist">
<li><span style="margin: 0 0 0 5px">{L_POSTED_BY}: <strong><a href="{news_row.U_USER_PROFILE}">{news_row.POSTER}</a></strong><!-- IF news_row.FORUM_NAME --> • {L_FORUM}: <strong><a href="{news_row.U_VIEWFORUM}">{news_row.FORUM_NAME}</a></strong><!-- ENDIF --></span></li>
<li class="rightside"><span style="margin: 0 5px 0 0;">{news_row.TIME}</span></li>
</ul>
<br />
<div class="content"><div style="float: left; margin: 0 0 0 5px">{news_row.TEXT}</div></div><br />
<span style="float: left; margin: 0 0 0 5px">{L_TOPIC_VIEWS}: {news_row.TOPIC_VIEWS} • <a href="{news_row.U_VIEW_COMMENTS}" title="{L_VIEW_COMMENTS}">{L_COMMENTS}: {news_row.REPLIES}</a> • <a href="{news_row.U_POST_COMMENT}">{L_POST_REPLY}</a></span>
<span style="float: right; margin: 0 5px 5px 0">{news_row.OPEN}<a href="{news_row.U_READ_FULL}">{news_row.L_READ_FULL}</a>{news_row.CLOSE}</span>
</div>
<div class="back2top"><span style="float: right; margin: 0 5px 0 0"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></span></div>
<!-- IF news_row.S_NOT_LAST --><hr /><!-- ENDIF -->
<!-- ENDIF -->
<!-- END news_row -->
</dd>
</dl></li>
</ul>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<br style="clear:both" />
I had to change "<ul class="topiclist forums"> into <ul class="topiclist">
Re: News and recent block in panel style
Posted: 28. February 2008 17:14
by Dr00py
MrC wrote:
I had to change "<ul class="topiclist forums"> into <ul class="topiclist">
Thanks