You'll need to modify 2 files.
sliding_info_panel.php:
<?php
/*-------------------------------------------------------+
| PHP-Fusion Content Management System
| Copyright © 2002 - 2012 Nick Jones
| http://www.php-fu...
+--------------------------------------------------------+
| Filename: sliding_info_panel.php
| Author: jikaka
| Site: http://www.rusfus...
+--------------------------------------------------------+
| This program is released as free software under the
| Affero GPL license. You can redistribute it and/or
| modify it under the terms of this license which you
| can read by viewing the included agpl.txt or online
| at www.gnu.org/licen... Removal of this
| copyright header is strictly prohibited without
| written permission from the original author(s).
+--------------------------------------------------------*/
if (!defined("IN_FUSION")) { die("Access Denied"); }
include INFUSIONS."sliding_info_panel/infusion_db.php";
if (file_exists(INFUSIONS."sliding_info_panel/locale/".$settings['locale'].".php")) {
include INFUSIONS."sliding_info_panel/locale/".$settings['locale'].".php";
} else {
include INFUSIONS."sliding_info_panel/locale/English.php";
}
add_to_head("
<link rel='stylesheet' href='".INFUSIONS."sliding_info_panel/css/styles.css' type='text/css' media='screen' />
<script type='text/javascript' src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
$('.trigger').click(function(){
$('.panel').toggle('fast');
$(this).toggleClass('active');
return false;
});
});
</script>");
$sip_settings = dbarray(dbquery("SELECT * FROM ".DB_SLIDING_INFO));
echo "<div class='panel'>\n";
// START PANEL MOD (INCLUDE ICON IMAGE)
echo "<div class='icon'><img src='http://img1.hotlinkimage.com/file/gM/76/gM76Ig201Z/150829.t0.jpeg'></img></div>\n";
// END PANEL MOD
echo nl2br(parseubb(parsesmileys(html_entity_decode($sip_settings['msg_msg']))));
echo "<div style='clear:both;'></div>\n";
echo "</div>\n";
echo "<a class='trigger' href='#'>".$locale['sip021']."</a>\n";
?>
styles.css:
.panel {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #000000;
color: #fff;
font-size: 12px;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
}
/* PANEL MOD (INCLUDE IMAGE) */
.icon{
position:relative;
width:auto;
height:auto;
left: -130px;
top: 75px;
}
.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #fff;
}
.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
}
.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index:100;
}
a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index:100;
}
a.active.trigger {
background:#222222 url(../images/minus.png) 85% 55% no-repeat;
z-index:100;
}
Ref: http://www.php-fusion.co.uk/infusions/addondb/view.php?addon_id=462
Explanation:
I've added a NEW style class called icon. You can use that as a search term on the files when changing the icon to whatever you want. I've notated the code, should be simple.
Demo:
http://fusion.byethost33.com/viewpage.php?page_id=2
Edited by KasteR on 31-01-2013 21:03
|
