Login
Username

Password



Not a member yet?
Click here to register.

Forgotten your password?
Request a new one here.
Navigation
Follow us on Facebook
Follow us on Google+
View Thread
Official Home of PHP-Fusion » General Addon and Modification Support » Panels and Infusions
Who is here? 1 guest(s)
 Print Thread
you can help me
SpaM
I have an infusion called sliding_info_panel I wonder if you can integrate an icon, the icon opens when clicking another sliding for a small coigo I need, say up a sliding within a sliding an icon to my Radio

Sliding Info :

[img]http://zoneirc.net/images/Sliding.png[/img] is not a valid Image.

where I put the circle with the blemish, would give the icon and click open a box for my code Sliding same radio
 
http://www.SpamFusion.Com.Ar
KasteR
You'll need to modify 2 files.

sliding_info_panel.php:
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]<?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";
?>[/syntaxhighlighter]
styles.css:
[syntaxhighlighter brush=css,first-line=1,highlight=0,collapse=false,html-script=false].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;
}[/syntaxhighlighter]
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
 
http://kaster.us
SpaM
if that's what I try to do integrate a radio html code as sliing icon within the sliding

Merged on Jan 31 2013 at 23:33:58:
could be implemented when clicking an icon opens sliding with this code
Download source  Code

<audio controls autoplay src="http://206.41.
117.100:5690/;"> </audio>



Edited by SpaM on 31-01-2013 23:33
 
http://www.SpamFusion.Com.Ar
KasteR
Haven't messed with the audio tag yet. Did some research, your format may be incorrect. Try making it something like this:

[syntaxhighlighter brush=html,first-line=1,highlight=0,collapse=false,html-script=false]<audio autoplay="autoplay" controls="controls">
<source src="music.ogg" />
<source src="music.mp3" />
</audio> [/syntaxhighlighter]
To add modify what I gave you,

Change:
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]// 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[/syntaxhighlighter]
To:
[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]// START PANEL MOD (INCLUDE ICON IMAGE)
echo "<div class='icon'><img src='http://img1.hotlinkimage.com/file/gM/76/gM76Ig201Z/150829.t0.jpeg'></img><br />
<audio autoplay='autoplay' controls='controls'>
<source src='music.ogg' />
<source src='music.mp3' />
</audio>
</div>\n";
// END PANEL MOD[/syntaxhighlighter]
Ref: http://www.htmlgoodies.com/primers/html/article.php/3920991/HTML5-Primer-How-To-Use-the-Audio-Tag.htm
 
http://kaster.us
SpaM
my result : is a planiefied radio player : Http://ZoneIRC.Net viwer result.

Merged on Feb 01 2013 at 00:52:12:
Tans for the help me Smile
Edited by SpaM on 01-02-2013 00:52
 
http://www.SpamFusion.Com.Ar
Jump to Forum:
Official Home of PHP-Fusion uses cookies. Some may already have been set. Read more about our Cookies here.
Please click the button I Consent Cookies to hide this bar and accept our cookies. If you continue to use the site with no action taken, we'll assume that you consent our cookies anyway.
Cookiebar Panel fromVenue