Configuration of "Download Details Layout"

[rumen]

Hi,

I'm using jdownloads version: 3.2.51.
How I can configure layout, to be like image 2 (in attachment), currently is look like image 1 (in attachment).
I want the table information to be in right position and the screenshot to be close to the information.
Here is the code:

Code Select Expand


<div class="jd_download_details_wrapper"><!--  Details Full Info layout main -->
<!--  title section  -->
    <div class="jd_header" style ="border: 0px none;">
        <div class="jd_title_left"><h4>{file_pic} {file_title} {pic_is_new} {pic_is_hot} {pic_is_updated}</h4></div>
        <div class="jd_title_right  jd_download_url_position" style="">{url_download}</div>
        <div class="jd_title_right">{featured_pic}</div>
    </div>
    <div class="jd_clear"></div>
    <div class="jd_tags" style="">{tags}</div>
<!-- preview, description and screen shots section  -->
    <div class="jd_main {featured_class}" style="">
        <div class="jd_description_wrapper jd_clear">{description_long} </div>
        <div class="jd_preview" style="">{preview_player}</div>
        <div class="jd_preview" style="">{mp3_id3_tag}</div>
        <div class="jd_screenshot_zone jd_clear" style="">
{screenshot_begin}<a href="{screenshot}" rel="lightbox"> <img src="{thumbnail}" align="right" /></a>{screenshot_end}
{screenshot_begin2}<a href="{screenshot2}" rel="lightbox"> <img src="{thumbnail2}" align="right" /></a>{screenshot_end2}
{screenshot_begin3}<a href="{screenshot3}" rel="lightbox"> <img src="{thumbnail3}" align="right" /></a>{screenshot_end3}
        </div> <!-- end of screenshot zone -->
    </div><!-- end of jd_main -->
    <div class="jd_clear"></div>
<!--  information section  -->
    <div class="jd_fields_wrapper {featured_detail_class}" style="width: 20%;align: right" >
        <div class="jd_fields_caption" style="">Information </div>
<!--  set width to 50% as we have two columns  -->
        <div class="jd_fields" style="width: 100%;" align="right">
            <div class="jd_field_row" style="text-align:right">
                 <span class="jd_field_title">{created_date_title} </span>
                 <span class="jd_field_value">{created_date_value}</span>
            </div>
            <div class="jd_field_row" style="text-align:right">
                 <span class="jd_field_title">{modified_date_title} </span>
                 <span class="jd_field_value">{modified_date_value}</span>
            </div>
            <div class="jd_field_row" style="">
                 <span class="jd_field_title">{release_title}</span>
                 <span class="jd_field_value">{release}</span>
            </div>
            <div class="jd_field_row" style="">
                 <span class="jd_field_title">{filesize_title}</span>
                 <span class="jd_field_value">{filesize_value}</span>
            </div>
            <div class="jd_field_row" style="">
                 <span class="jd_field_title">{rating_title}</span>
                 <span class="jd_field_value jd_rating_field" style="">{rating}</span>
            </div>
            <div class="jd_field_row" style="">
                 <span class="jd_field_title">{created_by_title} </span>
                 <span class="jd_field_value">{created_by_value}</span>
            </div> 
            <div class="jd_field_row" style="">
                 <span class="jd_field_title">{modified_by_title} </span>
                 <span class="jd_field_value">{modified_by_value}</span>
            </div>
            <div class="jd_field_row" style="">
                <span class="jd_field_title">{hits_title}</span>
                <span class="jd_field_value">{hits_value}</span>
            </div>
            <div class="jd_field_row" style="">
                <span class="jd_field_title">{license_title}</span>
                <span class="jd_field_value">{license_text}</span>
            </div>
            <div class="jd_field_row" style="">
                <span class="jd_field_title">{price_title}</span>
                <span class="jd_field_value">{price_value}</span>
            </div>
        </div>
    </div><!--  end of information section jd_fields_wrapper -->
    <div class="jd_clear"></div>
    <div class="jd_report_link" style="">{report_link}</div>
</div>



[gelöscht durch Administrator]

[ColinM]

Hi
I have made a new Downloads Details layout for you called "Two  Column Layout v3.2 - Full Info"
See pic attached for details.
Also attached is a zip file with the exported layout in an xml file, so extract from the zip file and then import in the Layouts section of jD Control panel. For more info on  import and export of layouts use link below.
http://www.jdownloads.net/documentations/item/import-and-export-of-layouts-and-css-files


Colin
PS I will add this to the Layouts Library.
http://www.jdownloads.com/index.php/downloads/category/10-layouts-library.html

[gelöscht durch Administrator]

[rumen]

Great!
Thank you very much for the Layout. This is exactly what I want.


Thanks

[ColinM]

Hi
Maybe you could give jD a rating on Joomla Extensions Directory? If you are not sure how to do that please see
http://www.jdownloads.net/documentations/item/write-review-on-joomla-extensions-directory
Colin
PS I have added the layout to the Layouts Library
http://www.jdownloads.com/index.php/downloads/category/10-layouts-library.html
You might also be interested if the Compact Files layouts
C