4.0.52 Stable
W3 CSS Layout: Two-Column - Text Right - Blue Header v3.9 v2
details
<div class="jd_top_navi" style=""><!-- Details layout header -->
<div class="jd_top_navi_item" style="">{home_link}</div>
<div class="jd_top_navi_item" style="">{search_link}</div>
<div class="jd_top_navi_item" style="">{upper_link}</div>
<div class="jd_top_navi_item" style="">{upload_link}</div>
<div class="jd_top_navi_catbox" style="">{category_listbox}</div>
</div>
<div class="jd_cat_subheader" style="font-weight: bold;">{detail_title}</div><!-- Details layout subheader -->
<div class="jd_back_button" style="">{back_link}</div><!-- Details layout footer -->
<div class="w3-row">
<!-- left column -->
<div class="w3-half w3-bar w3-light-grey w3-margin-top" style="min-width:250px; max-width:400px;">
<!-- Title part -->
<div class="w3-container w3-light-blue">
<h3>{file_pic} {file_title} {release}</h3> <p class="w3-right">{pic_is_new} {pic_is_hot} {pic_is_updated}</p>
</div>
<!-- data block -->
<div class="w3-container w3-margin-top">
<p class="w3-left-align">{license_title} <span class="w3-right">{license_text}</span></p>
<p class="w3-left-align">{filesize_title} <span class="w3-right">{filesize_value}</span></p>
<p class="w3-left-align">{file_date_title} <span class="w3-right">{file_date}</span></p>
<p class="w3-left-align">{file_name_title} <span class="w3-right">{file_name}</span></p>
<p class="w3-left-align">{hits_title} <span class="w3-right">{hits_value}</span></p>
<p class="w3-left-align">{created_date_title} <span class="w3-right">{created_date_value}</span></p>
<p class="w3-left-align">{modified_date_title} <span class="w3-right">{modified_date_value}</span></p>
<p class="w3-left-align">{system_title} <span class="w3-right">{system_text}</span></p>
<!-- rating -->
<div class="w3-center w3-margin-top">{rating}</div>
<!-- tags -->
<div class="w3-container w3-center w3-margin-top">{tags}</div>
</div>
<!-- download button -->
<div class="w3-container w3-bar w3-center"><h5>{url_download}</h5></div>
<!-- pics part -->
<div class="w3-container w3-center w3-margin-top w3-margin-bottom">
{screenshot_begin}
<a href="{screenshot}" rel="lightbox"> <img src="{thumbnail}" align="" /></a>
{screenshot_end}</div>
</div>
<!-- right column -->
<!-- description part -->
<div class="w3-half w3-container w3-margin-top mb-1">
<div class="w3-container w3-center w3-margin-bottom">
{screenshot_begin2}
<p class="mb-1"><a href="{screenshot2}" rel="lightbox"> <img src="{thumbnail2}" align="" /></a></p>
{screenshot_end2}
{screenshot_begin3}
<p class="mb-1"><a href="{screenshot3}" rel="lightbox"> <img src="{thumbnail3}" align="" /></a></p>
{screenshot_end3}
{screenshot_begin4}
<p class="mb-1"><a href="{screenshot4}" rel="lightbox"> <img src="{thumbnail4}" align="" /></a></p>
{screenshot_end4}
{screenshot_begin5}
<p class="mb-1"><a href="{screenshot5}" rel="lightbox"> <img src="{thumbnail5}" align="" /></a></p>
{screenshot_end5}
</div>
<div class="{featured_detail_class}">{description_long}</div>
</div>
</div>
0
0
1
0
1
0
0
1
*