Re: [Phoca download plugin] Only the icon visible
Posted: 17 Jul 2010, 21:07
Hi Jan, that did the trick! Thanks very much.
Here is the guide following your advice:
Find the following code:
[code]$output .= '<div class="phocadownloadfile'.(int)$iSize.'"><a href="'. JRoute::_($link).'" '.$targetOutput.'>'. $textOutput.'</a></div>';[/code]
change it to:
[code]$output .= '<div class="phocadownloadfile'.(int)$iSize.'"><a href="'. JRoute::_($link).'" '.$targetOutput.'><img src="../plugins/content/phocadownload/images/image_of_your_choice" alt="pdf" width="" height="" /></a></div>';[/code]
Substitute "image_of_your_choice" for an existing image on the directory. "../" will be substituted by http:www.yoursite.com. Can place the image in a different directory and adjust path accordingly.
This can be applied to other views, such as section, category, file, etc, all noted on the code.
Adjust CSS:
/plugins/content/phocadownload/css/phocadownload.css (line 65)
[code]
.phocadownloadfile16 {
/*background:url("../images/icon-download-16.png") no-repeat scroll 5px center #FDFDFD;*/
background: transparent;
border:0px solid #CCCCCC;
margin:0px 5px 5px 5px;
padding:2px;
float: right;
}[/code]
Hpe it make sense. Thanks again. fdkid
Here is the guide following your advice:
Find the following code:
[code]$output .= '<div class="phocadownloadfile'.(int)$iSize.'"><a href="'. JRoute::_($link).'" '.$targetOutput.'>'. $textOutput.'</a></div>';[/code]
change it to:
[code]$output .= '<div class="phocadownloadfile'.(int)$iSize.'"><a href="'. JRoute::_($link).'" '.$targetOutput.'><img src="../plugins/content/phocadownload/images/image_of_your_choice" alt="pdf" width="" height="" /></a></div>';[/code]
Substitute "image_of_your_choice" for an existing image on the directory. "../" will be substituted by http:www.yoursite.com. Can place the image in a different directory and adjust path accordingly.
This can be applied to other views, such as section, category, file, etc, all noted on the code.
Adjust CSS:
/plugins/content/phocadownload/css/phocadownload.css (line 65)
[code]
.phocadownloadfile16 {
/*background:url("../images/icon-download-16.png") no-repeat scroll 5px center #FDFDFD;*/
background: transparent;
border:0px solid #CCCCCC;
margin:0px 5px 5px 5px;
padding:2px;
float: right;
}[/code]
Hpe it make sense. Thanks again. fdkid