martin123456 wrote:You have an edit missing as it shows like this on prosilver
all4phone wrote:- sorry, in v 0.1.0 wrong install_mod.xml, attachments.html and topa.css files
- demo of the current version (prosilver and SE Square)
- new download
Sniper_E wrote:I use this template
You have omitted code part about of credit
Guys, this is mine latest code if you like
:
prosilver/template/attachments.html
Code: Select all
<div class="forabg">
<div class="topa_copy">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl>
<dt class="topa_head_1">{NUMBER_OF_ATTACH} {L_TOPA_MOST}</dt>
<dd class="topa_head_2">{L_TOPA_COUNTED}</dd>
<dd class="topa_head_3">{L_TOPA_SIZE}</dd>
<dd class="topa_head_4">{L_TOPA_TOTAL}</dd>
<dd class="topa_head_5">{L_TOPA_UPLOADED}</dd>
<dd class="topa_head_6">{L_TOPA_LOCATED}</dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
<!-- BEGIN forum_attach -->
<li class="row">
<dl class="topa_row">
<dt class="topa_row_1"> <img src="{T_IMAGESET_PATH}/icon_topic_attach.gif" alt="icon_topic_attach.gif" title="" /> {forum_attach.ATTACH_NAME}<span class="topa_ext"> ({forum_attach.ATTACH_EXT})</span></dt>
<dd class="topa_row_2">{forum_attach.ATTACH_TOTAL}</dd>
<dd class="topa_row_3">{forum_attach.ATTACH_SIZE}</dd>
<dd class="topa_row_4">{forum_attach.ATTACH_VOLUME}</dd>
<dd class="topa_row_5">{forum_attach.ATTACH_POSTER}</dd>
<dd class="topa_row_6"> <a href="{forum_attach.ATTACH_LINK}" title="{L_TOPA_GO_TO}">{forum_attach.ATTACH_TITLE}</a></dd>
</dl>
</li>
<!-- BEGINELSE -->
<li class="row">
<dl>
<dt class="topa_no_attach">{L_TOPA_NO_ATTACH}</dt>
</dl>
</li>
<!-- END forum_attach -->
<!-- ELSE -->
<li class="row">
<dl>
<dt class="topa_to_see">{L_TOPA_TO_SEE}: <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED --> or <a href="{U_REGISTER}">{L_REGISTER} </a><!-- ENDIF --></dt>
</dl>
</li>
<!-- ENDIF -->
<div class="topa_copy2">
<li class="row">
<dl>
<dt class="topa_uinf">
<span class="topa_credit">{L_TOPA_CR}
<a href="#" title="{L_TOPA_CREDIT_1}"><div class="topa_cr1"></div></a>
<a href="#" title="{L_TOPA_CREDIT_2}"><div class="topa_cr1"></div></a>
<a href="#" title="{L_TOPA_CREDIT_3}"><div class="topa_cr2"></div></a>
</span>{TOPA_UINF}
</dt>
</dl>
</li>
</div>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
and
prosilver/theme/topa.css
Code: Select all
/**
*
* @package - Top Attachments MOD
* @version $Id$
* @file topa.css
* @copyright (c) 2014 all4phone (http://phpbbmods.cba.pl/)
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
*
**/
/* header section */
li.header dt.topa_head_1 , li.row dt.topa_row_1{
width: 27%
}
li.header dd.topa_head_2, li.header dd.topa_head_3, li.header dd.topa_head_4, li.header dd.topa_head_5, li.header dd.topa_head_6, li.row dd.topa_row_2, li.row dd.topa_row_3, li.row dd.topa_row_4, li.row dd.topa_row_5, li.row dt.topa_no_attach, li.row dt.topa_to_see, li.row dt.topa_uinf {
text-align: center
}
li.header dd.topa_head_2, li.row dd.topa_row_2 {
width: 6%
}
li.header dd.topa_head_3, li.header dd.topa_head_4, li.row dd.topa_row_3, li.row dd.topa_row_4 {
width: 8%
}
li.header dd.topa_head_5, li.row dd.topa_row_5 {
width: 15%
}
li.header dd.topa_head_6, li.row dd.topa_row_6 {
width: 34%
}
/* row section */
dl.topa_row, li.row dt.topa_row_1 {
font-size:11px
}
li.row dt.topa_row_1, li.row dd.topa_row_6 {
padding: 4px 0 0 6px
}
span.topa_ext, dt.topa_uinf, dt.topa_uinf a {
color:#809CB0
}
span.topa_ext {
font-style:italic
}
li.row dt.topa_no_attach, li.row dt.topa_to_see {
width:98%
}
/* copyright section */
li.row dt.topa_uinf {
padding: 1px 0;
width: 95%;
font-size:10px
}
li.row dt.topa_uinf a, li.row dt.topa_uinf a:hover {
font-weight:bold
}
li.row dt.topa_uinf a:hover{
color:#105289
}
span.topa_credit {
float:left;
color:#91ACBF;
font-style:italic;
padding:0 0 1px 10px
}
div.topa_cr1, div.topa_cr2, div.topa_cr3 {
background:#91ACBF;
margin:2px 0 0 8px;
width:6px;
height:6px;
float:right;
border:1px solid #ccc
}
div.topa_copy2{
opacity:0;
height: 0px;
-moz-transition-duration: 2s;
-webkit-transition-duration: 2s; /* Safari */
-o-transition-duration: 2s; /* Opera */
transition-duration: 2s;
}
div.topa_copy:hover div.topa_copy2{
opacity:1;
height: 20px;
-moz-transition-duration: 2s;
-moz-transition-delay: 1s;
-webkit-transition-duration: 2s; /* Safari */
-webkit-transition-delay: 1s; /* Safari */
-o-transition-duration: 2s; /* Opera */
-o-transition-delay: 1s; /* Opera */
transition-duration: 2s;
transition-delay: 1s;
}
