Seleccionar idioma:
Realizar Donación - Mods Premium - Portfolio



Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.
* slider only works on preview
  Leído 2257 veces
* Viendo el foro
 0 Usuarios y 1 Visitante están viendo este foro.


*
Nov 27 2010


this is my site
www.ratedxclan.net
i am trying to insert a jquery slider, kinda like what u guys have on front page.
i have this code that i inserted into php block of adk portal

Código: [Seleccionar]
<?php
echo'
<style type="text/css">
<!--
/**
 * Slideshow style rules.
 */
#featured{
width:400px;
padding-right:250px;
position:relative;
height:250px;
background:#fff;
border:5px solid #ccc;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:250px;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;
font-size:12px;
color:#666;
}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#featured .ui-tabs-panel{
width:400px; height:250px;
background:#999; position:relative;
        overflow:hidden;
}
#featured .ui-tabs-hide{
display:none;
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/
display:block;
height:60px;
color:#333;  background:#fff;
line-height:20px;
outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
background:url(images/selected-item.gif) top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px; width: 400px;
background: url(images/transparent-bg.png);
}
#featured .info h2{
font-size:18px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}
-->
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> 
<script type="text/javascript">
 $(document).ready(function(){  
     $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);  
 }); 
</script>


  <!-- Slideshow HTML -->
  <div id="featured" >
<ul class="ui-tabs-nav">
    <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>15+ Excellent High Speed Photographs</span></a></li>
    <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" /><span>20 Beautiful Long Exposure Photographs</span></a></li>
    <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" /><span>35 Amazing Logo Designs</span></a></li>
    <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>Create a Vintage Photograph in Photoshop</span></a></li>
</ul>
<!-- First Content -->
<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="images/image1.jpg" alt="" />
<div class="info" >
<h2><a href="#" >15+ Excellent High Speed Photographs</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam....<a href="#" >read more</a></p>
</div>
</div>
<!-- Second Content -->
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/image2.jpg" alt="" />
<div class="info" >
<h2><a href="#" >20 Beautiful Long Exposure Photographs</a></h2>
<p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href="#" >read more</a></p>
</div>
</div>
    <!-- Third Content -->
    <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/image3.jpg" alt="" />
<div class="info" >
<h2><a href="#" >35 Amazing Logo Designs</a></h2>
<p>liquam erat volutpat. Proin id volutpat nisi. Nulla facilisi. Curabitur facilisis sollicitudin ornare....<a href="#" >read more</a></p>
    </div>
</div>
    <!-- Fourth Content -->
    <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/image4.jpg" alt="" />
<div class="info" >
<h2><a href="#" >Create a Vintage Photograph in Photoshop</a></h2>
<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href="#" >read more</a></p>
    </div>
</div>
</div>'
;
?>


then i clicked save. after it saved, i previewed it, it worked.
but when i went on front page, i cant click other images.

something similar happend to me a while back. i was trying to enable shoutbox, and when i preview it, it would work, but when i go to front page, it wont let me see any messages. i fixed that by uninstalling adk and installing back, then it worked.

but at this point, i cant uninstall adk since it has alot of data.

can u help me to fix this issue?

smf 2.0 rc 3

Mensajes: 9

Ver Perfil 

« Última Modificación: Noviembre 27, 2010, 04:54:58 am por shahjr »
En línea

*
Nov 27 2010


mmmm Let's test it..

add this code
Código: [Seleccionar]
<style type="text/css">
<!--
/**
 * Slideshow style rules.
 */
#featured{
   width:400px;
   padding-right:250px;
   position:relative;
   height:250px;
   background:#fff;
   border:5px solid #ccc;
}
#featured ul.ui-tabs-nav{
   position:absolute;
   top:0; left:400px;
   list-style:none;
   padding:0; margin:0;
   width:250px;
}
#featured ul.ui-tabs-nav li{
   padding:1px 0; padding-left:13px;
   font-size:12px;
   color:#666;
}
#featured ul.ui-tabs-nav li span{
   font-size:11px; font-family:Verdana;
   line-height:18px;
}
#featured .ui-tabs-panel{
   width:400px; height:250px;
   background:#999; position:relative;
        overflow:hidden;
}
#featured .ui-tabs-hide{
   display:none;
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/
   display:block;
   height:60px;
   color:#333;  background:#fff;
   line-height:20px;
   outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
   background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
   background:url(images/selected-item.gif) top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
   background:#ccc;
}
#featured ul.ui-tabs-nav li img{
   float:left; margin:2px 5px;
   background:#fff;
   padding:2px;
   border:1px solid #eee;
}
#featured .ui-tabs-panel .info{
   position:absolute;
   top:180px; left:0;
   height:70px; width: 400px;
   background: url(images/transparent-bg.png);
}
#featured .info h2{
   font-size:18px; font-family:Georgia, serif;
   color:#fff; padding:5px; margin:0;
   overflow:hidden;
}
#featured .info p{
   margin:0 5px;
   font-family:Verdana; font-size:11px;
   line-height:15px; color:#f0f0f0;
}
#featured .info a{
   text-decoration:none;
   color:#fff;
}
#featured .info a:hover{
   text-decoration:underline;
}
-->
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
 $(document).ready(function(){ 
     $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 
 });
</script>

after <head> on your index.template.php

ADK Portal 3.0.2
2.0.11
www.smfpersonal.net
#1

Mensajes: 8631

Ver Perfil  SMFPersonal 

En línea

*
Nov 27 2010


Código: [Seleccionar]
<?php
// Version: 2.0 RC3; index

/* This template is, perhaps, the most important template in the theme. It
contains the main template layer that displays the header and footer of
the forum, namely with main_above and main_below. It also contains the
menu sub template, which appropriately displays the menu; the init sub
template, which is there to set the theme up; (init can be missing.) and
the linktree sub template, which sorts out the link tree.

The init sub template should load any data and set any hardcoded options.

The main_above sub template is what is shown above the main content, and
should contain anything that should be shown up there.

The main_below sub template, conversely, is shown after the main content.
It should probably contain the copyright statement and some other things.

The linktree sub template should display the link tree, using the data
in the $context['linktree'] variable.

The menu sub template should display all the relevant buttons the user
wants and or needs.

For more information on the templating system, please see the site at:
http://www.simplemachines.org/
*/

// Initialize the template... mainly little settings.
function template_init()
{
global $context$settings$options$txt;

/* Use images from default theme when using templates from the default theme?
if this is 'always', images from the default theme will be used.
if this is 'defaults', images from the default theme will only be used with default templates.
if this is 'never' or isn't set at all, images from the default theme will not be used. */
$settings['use_default_images'] = 'never';

/* What document type definition is being used? (for font size and other issues.)
'xhtml' for an XHTML 1.0 document type definition.
'html' for an HTML 4.01 document type definition. */
$settings['doctype'] = 'xhtml';

/* The version this template/theme is for.
This should probably be the version of SMF it was created for. */
$settings['theme_version'] = '2.0 RC3';

/* Set a setting that tells the theme that it can render the tabs. */
$settings['use_tabs'] = true;

/* Use plain buttons - as opposed to text buttons? */
$settings['use_buttons'] = true;

/* Show sticky and lock status separate from topic icons? */
$settings['separate_sticky_lock'] = true;

/* Does this theme use the strict doctype? */
$settings['strict_doctype'] = false;

/* Does this theme use post previews on the message index? */
$settings['message_index_preview'] = false;

/* Set the following variable to true if this theme requires the optional theme strings file to be loaded. */
$settings['require_theme_strings'] = true;
}

// The main sub template above the content.
function template_html_above()
{
global $context$settings$options$scripturl$txt$modSettings;

// Show right to left and the character set for ease of translating.
echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"'
$context['right_to_left'] ? ' dir="rtl"' '''>
<head><style type="text/css">
<!--
/**
 * Slideshow style rules.
 */
#featured{
   width:400px;
   padding-right:250px;
   position:relative;
   height:250px;
   background:#fff;
   border:5px solid #ccc;
}
#featured ul.ui-tabs-nav{
   position:absolute;
   top:0; left:400px;
   list-style:none;
   padding:0; margin:0;
   width:250px;
}
#featured ul.ui-tabs-nav li{
   padding:1px 0; padding-left:13px;
   font-size:12px;
   color:#666;
}
#featured ul.ui-tabs-nav li span{
   font-size:11px; font-family:Verdana;
   line-height:18px;
}
#featured .ui-tabs-panel{
   width:400px; height:250px;
   background:#999; position:relative;
        overflow:hidden;
}
#featured .ui-tabs-hide{
   display:none;
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/
   display:block;
   height:60px;
   color:#333;  background:#fff;
   line-height:20px;
   outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
   background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
   background:url(images/selected-item.gif) top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
   background:#ccc;
}
#featured ul.ui-tabs-nav li img{
   float:left; margin:2px 5px;
   background:#fff;
   padding:2px;
   border:1px solid #eee;
}
#featured .ui-tabs-panel .info{
   position:absolute;
   top:180px; left:0;
   height:70px; width: 400px;
   background: url(images/transparent-bg.png);
}
#featured .info h2{
   font-size:18px; font-family:Georgia, serif;
   color:#fff; padding:5px; margin:0;
   overflow:hidden;
}
#featured .info p{
   margin:0 5px;
   font-family:Verdana; font-size:11px;
   line-height:15px; color:#f0f0f0;
}
#featured .info a{
   text-decoration:none;
   color:#fff;
}
#featured .info a:hover{
   text-decoration:underline;
}
-->
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
 $(document).ready(function(){ 
     $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 
 });
</script>
;'
;



if(
function_exists('loadColpaseAdkportal'))loadColpaseAdkportal();
echo
'';
if(
function_exists('loadColpaseAdkportal'))loadColpaseAdkportal();
echo
'
<meta http-equiv="Content-Type" content="text/html; charset='
$context['character_set'], '" />
<meta name="description" content="'
$context['page_title_html_safe'], '" />', !empty($context['meta_keywords']) ? '
<meta name="keywords" content="' 
$context['meta_keywords'] . '" />' '''
<title>'
$context['page_title_html_safe'], '</title>';

// Please don't index these Mr Robot.
if (!empty($context['robot_no_index']))
echo '
<meta name="robots" content="noindex" />'
;

if(!empty($settings['choose_color_style']))
{
$colorstyle $settings['choose_color_style'];
}
else 
{
$colorstyle "blue";
}

$context['themecolor']=$colorstyle;

echo '
<link rel="stylesheet" type="text/css" href="'
$settings['theme_url'], '/css/style_'.$colorstyle.'.css?rc2" />';

// Present a canonical url for search engines to prevent duplicate content in their indices.
if (!empty($context['canonical_url']))
echo '
<link rel="canonical" href="'
$context['canonical_url'], '" />';

// The ?rc3 part of this link is just here to make sure browsers don't cache it wrongly.
echo '
<link rel="stylesheet" type="text/css" href="'
$settings['theme_url'], '/css/index'$context['theme_variant'], '.css?rc3" />
<link rel="stylesheet" type="text/css" href="'
$settings['default_theme_url'], '/css/print.css?rc3" media="print" />';

// Show all the relative links, such as help, search, contents, and the like.
echo '
<link rel="help" href="'
$scripturl'?action=help" />
<link rel="search" href="'
$scripturl'?action=search" />
<link rel="contents" href="'
$scripturl'" />';

// If RSS feeds are enabled, advertise the presence of one.
if (!empty($modSettings['xmlnews_enable']) && (!empty($modSettings['allow_guestAccess']) || $context['user']['is_logged']))
echo '
<link rel="alternate" type="application/rss+xml" title="'
$context['forum_name_html_safe'], ' - '$txt['rss'], '" href="'$scripturl'?type=rss;action=.xml" />';

// If we're viewing a topic, these should be the previous and next topics, respectively.
if (!empty($context['current_topic']))
echo '
<link rel="prev" href="'
$scripturl'?topic='$context['current_topic'], '.0;prev_next=prev" />
<link rel="next" href="'
$scripturl'?topic='$context['current_topic'], '.0;prev_next=next" />';

// If we're in a board, or a topic for that matter, the index will be the board's index.
if (!empty($context['current_board']))
echo '
<link rel="index" href="'
$scripturl'?board='$context['current_board'], '.0" />';

// Some browsers need an extra stylesheet due to bugs/compatibility issues.
foreach (array('ie7''ie6''webkit') as $cssfix)
if ($context['browser']['is_' $cssfix])
echo '
<link rel="stylesheet" type="text/css" href="'
$settings['default_theme_url'], '/css/'$cssfix'.css" />';

// RTL languages require an additional stylesheet.
if ($context['right_to_left'])
echo '
<link rel="stylesheet" type="text/css" href="'
$settings['theme_url'], '/css/rtl.css" />';

echo '
<script type="text/javascript" src="'
$settings['default_theme_url'], '/scripts/script.js?rc3"></script>
<script type="text/javascript" src="'
$settings['theme_url'], '/scripts/theme.js?rc3"></script>
<script type="text/javascript"><!-- // --><![CDATA[
var smf_theme_url = "'
$settings['theme_url'], '";
var smf_default_theme_url = "'
$settings['default_theme_url'], '";
var smf_images_url = "'
$settings['images_url'], '";
var smf_scripturl = "'
$scripturl'";
var smf_iso_case_folding = '
$context['server']['iso_case_folding'] ? 'true' 'false'';
var smf_charset = "'
$context['character_set'], '";'$context['show_pm_popup'] ? '
var fPmPopup = function ()
{
if (confirm("' 
$txt['show_personal_messages'] . '"))
window.open(smf_prepareScriptUrl(smf_scripturl) + "action=pm");
}
addLoadEvent(fPmPopup);' 
'''
var ajax_notification_text = "'
$txt['ajax_in_progress'], '";
var ajax_notification_cancel_text = "'
$txt['modify_cancel'], '";
// ]]></script>'
;

// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'];

echo '
</head>
<body>'
;
}

function 
template_body_above()
{
global $context$settings$options$scripturl$txt$modSettings;

echo '
<div id="body-bg">
<div id="background">
<div id="toolbar">
<div class="wrapper">
'
,template_menu(),'
</div>
</div>
<div class="wrapper">
<div id="header">
<div id="logo">
<a class="pngbg" href="'
.$scripturl.'" title=""></a>
</div>
</div>
<div id="userbox">
<div id="time-stats">
'
$context['current_time'],'<span>'$txt['latest_member'], ': '$context['common_stats']['latest_member']['link'], '</span>
</div>
<div id="searchbox">
<form action="'
$scripturl'?action=search2" method="post" accept-charset="'$context['character_set'], '">
<input class="searchinput" type="text" name="search" value="'
$txt['forum_search'], '" onfocus="this.value = \'\';" onblur="if(this.value==\'\') this.value=\''$txt['forum_search'], '\';" />
<input id="searchbutton" class="pngbg" type="submit" name="submit" value="" />
<input type="hidden" name="advanced" value="0" />'
;

// Search within current topic?
if (!empty($context['current_topic']))
echo '
<input type="hidden" name="topic" value="'
$context['current_topic'], '" />';

// If we're on a certain board, limit it to this board ;).
elseif (!empty($context['current_board']))
echo '
<input type="hidden" name="brd['
$context['current_board'], ']" value="'$context['current_board'], '" />';

echo '
</form>
</div>
<div id="memb-login">'
;
if ($context['user']['is_logged'])
{
if(!empty($context['user']['avatar']))
echo '
<div class="memb-avat">'
.$context['user']['avatar']['image'].'</div>';

echo '
<ul>'
;

echo '<li class="memb-name">'$txt['hello_member_ndt'], ' '$context['user']['name'],',</li>';

// Only tell them about their messages if they can read their messages!
if ($context['allow_pm'])
echo '
<li>'
$txt['msg_alert_you_have'], ' <a href="'$scripturl'?action=pm">'$context['user']['messages'], ' '$context['user']['messages'] != $txt['msg_alert_messages'] : $txt['message_lowercase'], '</a>'$txt['newmessages4'], ' '$context['user']['unread_messages'], ' '$context['user']['unread_messages'] == $txt['newmessages0'] : $txt['newmessages1'],'</li>';

// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '<li>[<strong>'$txt['maintenance'], '</strong>]';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '[<a href="'$scripturl'?action=viewmembers;sa=browse;type=approve">'$context['unapproved_members'] , ''$txt['approve'], '</a> ]</li>';

echo '
<li><a href="'
$scripturl'?action=unread">'$txt['view_unread'], '</a> &bull;
<a href="'
$scripturl'?action=unreadreplies">'$txt['view_replies'], '</a> &bull; 
<a href="'
$scripturl'?action=profile;area=showposts;u='$context['user']['id'], '">'$txt['view_own_posts'], '</a></li>';

// Show the total time logged in?
if (!empty($context['user']['total_time_logged_in']))
{
echo '
<li>'
$txt['totalTimeLogged1'];

// If days is just zero, don't bother to show it.
if ($context['user']['total_time_logged_in']['days'] > 0)
echo $context['user']['total_time_logged_in']['days'] . $txt['totalTimeLogged5'];

// Same with hours - only show it if it's above zero.
if ($context['user']['total_time_logged_in']['hours'] > 0)
echo $context['user']['total_time_logged_in']['hours'] . $txt['totalTimeLogged6'];

// But, let's always show minutes - Time wasted here: 0 minutes ;).
echo $context['user']['total_time_logged_in']['minutes'], $txt['totalTimeLogged7'], '</li>';
}
echo '
</ul>'
;
}

// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
else
{
echo '
<script language="JavaScript" type="text/javascript" src="'
$settings['default_theme_url'], '/scripts/sha1.js"></script>
<form action="'
$scripturl'?action=login2" method="post" accept-charset="'$context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' $context['session_id'] . '\');"' '''>
<div id="log-username">
<input class="log-input" name="user" type="text" onfocus="if(this.value==\''
$txt['username'], '\')value=\'\';" onblur="if(this.value==\'\')value=\''$txt['username'], '\';" value="'$txt['username'], '" />
</div>
<div id="log-password">
<input class="log-input" name="passwrd" type="password" onfocus="if(this.value==\''
$txt['password'], '\')value=\'\';" onblur="if(this.value==\'\')value=\''$txt['password'], '\';" value="'$txt['password'], '" />
</div>
<input id="loginbutton" type="submit" value="" name="submit" />
<input type="hidden" name="cookielength" value="-1" />
</form>
<a id="register" href="'
$scripturl'?action=register"></a>';
}

echo '
</div>
</div>
<div id="content-wrap">
<div id="main-content">'
;

// Show the navigation tree.
theme_linktree();
if(function_exists('loadCTop'))loadCTop();
if(function_exists('loadCTop'))loadCTop();
}

function 
template_body_below()
{
if(function_exists('loadCBottom'))loadCBottom();
if(function_exists('loadCBottom'))loadCBottom();
global $context$settings$options$scripturl$txt$modSettings;

echo '
</div>
</div>
</div>'
;

// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
<div id="footer">
<div id="footer-img">
<div id="copyright">
<span>'
theme_copyright(), '<br />
<b>Noize</b> by <a href="http://www.dzinerstudio.com" target="_blank"><b>DzinerStudio</b></a></span><br />'
;

// Show the load time?
if ($context['show_load_time'])
echo '
<span class="smalltext">'
$txt['page_created'], $context['load_time'], $txt['seconds_with'], $context['load_queries'], $txt['queries'], '</span>';

echo '
</div>
</div>
</div>
</div>
</div>'
;
}

function 
template_html_below()
{
global $context$settings$options$scripturl$txt$modSettings;

// HS4SMF enable footer
if (!empty($modSettings['hs4smf_enabled'])) {
if (!function_exists('hs4smf')) {
global $sourcedir;
$success = (include_once $sourcedir '/hs4smf-Subs.php');
if ($success
echo hs4smf_prepare_footer();
}
else
echo hs4smf_prepare_footer();
}


// HS4SMF enable footer
if (!empty($modSettings['hs4smf_enabled'])) {
if (!function_exists('hs4smf')) {
global $sourcedir;
$success = (include_once $sourcedir '/hs4smf-Subs.php');
if ($success
echo hs4smf_prepare_footer();
}
else
echo hs4smf_prepare_footer();
}


echo '
</body></html>'
;
}

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree($force_show false)
{
global $context$settings$options$shown_linktree;

// If linktree is empty, just return - also allow an override.
if (empty($context['linktree']) || (!empty($context['dont_default_linktree']) && !$force_show))
return;

echo '
<div class="navigate_section">
<ul>'
;

// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
echo '
<li'
, ($link_num == count($context['linktree']) - 1) ? ' class="last"' '''>';

// Show something before the link?
if (isset($tree['extra_before']))
echo $tree['extra_before'];

// Show the link, including a URL if it should have one.
echo $settings['linktree_link'] && isset($tree['url']) ? '
<a href="' 
$tree['url'] . '"><span>' $tree['name'] . '</span></a>' '<span>' $tree['name'] . '</span>';

// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];

// Don't show a separator for the last one.
if ($link_num != count($context['linktree']) - 1)
echo ' &#38;#187;';

echo '
</li>'
;
}
echo '
</ul>
</div>'
;

$shown_linktree true;
}

// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
global $context$settings$options$scripturl$txt;

// Work out where we currently are.
$current_action 'home';
if (in_array($context['current_action'], array('admin''ban''boardrecount''cleanperms''detailedversion''dumpdb''featuresettings''featuresettings2''findmember''maintain''manageattachments''manageboards''managecalendar''managesearch''membergroups''modlog''news''optimizetables''packageget''packages''permissions''pgdownload''postsettings''regcenter''repairboards''reports''serversettings''serversettings2''smileys''viewErrorLog''viewmembers''search''search2''calendar''profile''mlist''help''pm''forum''tpadmin''unread''unreadreplies''moderate')))
$current_action 'forum';
if (in_array($context['current_action'], array('register''login')))
$current_action 'login';

if (isset($_GET['board']) || isset($_GET['topic']) || $context['current_action']=='forum')
$current_action 'forum';

// Are we using right-to-left orientation?
if ($context['right_to_left'])
{
$first 'last';
$last 'first';
}
else
{
$first 'first';
$last 'last';
}

// Show the start of the tab section.
echo '
<ul id="topnav">'
;
echo '
<li ' 
$current_action=='home' ' class="chosen"' '' '><a href="'$scripturl'">' $txt['home'] , '<span>Homepage</span></a></li>';

echo '
<li' 
$current_action=='forum' ' class="chosen"' '' '><a href="'$scripturl'?action=forum">Community<span>Support Forum</span></a>';

echo '
<ul class="pngbg">
<li><a href="'
$scripturl'?action=help">' $txt['help'] , '</a></li>';

if ($context['allow_search'])
echo '
<li><a href="'
$scripturl'?action=search">' $txt['search'] , '</a></li>';
if ($context['allow_calendar'])
echo '
<li><a href="'
$scripturl'?action=calendar">' $txt['calendar'] , '</a></li>';
if ($context['allow_moderation_center'])
echo '
<li><a href="'
$scripturl'?action=moderate">' $txt['moderate'] , '</a></li>';
if ($context['allow_admin'])
echo '
<li><a href="'
$scripturl'?action=admin">' $txt['admin'] , '</a></li>';
if ($context['allow_edit_profile'])
echo '
<li><a href="'
$scripturl'?action=profile">' $txt['profile'] , '</a></li>';

if ($context['user']['is_logged'] && $context['allow_pm'])
echo '
<li><a href="'
$scripturl'?action=pm">' $txt['pm_short'] , ' '$context['user']['unread_messages'] > '[<strong>'$context['user']['unread_messages'] . '</strong>]' '' '</a></li>';

if ($context['allow_memberlist'])
echo '
<li><a href="'
$scripturl'?action=mlist">' $txt['members'] , '</a></li>';
echo '
</ul>
</li>'
;

echo '
<li><a href="http://ratedxclan.net/index.php?page=servers">Servers Addons<span>Server Related Material</span></a>
<ul class="pngbg">
<li><a href="http://ratedxclan.net/index.php?page=servers">Server Status</a></li>
<li><a class="subchild pngbg" href="http://ratedxclan.net/amxbans/ban_list.php">AmxBans</a>
<ul class="pngbg">
<li><a href="http://ratedxclan.net/amxbans/admin_list.php">Admin List</a></li> 

<li><a href="http://ratedxclan.net/amxbans/ban_list.php">Ban List</a></li>
<!--<li><a href="#">Submenu 3</a></li>
<li><a href="#">Submenu 4</a></li> 
-->
</ul>
</li>
<li><a href="http://ratedxclan.net/psycho">PsychoStats</a></li>
<!--<li><a href="#">Submenu 4</a></li>-->
</ul>
</li>'
;

echo '
<li><a href="http://ratedxclan.net/index.php?page=forumrules">Rules<span>Description</span></a>
<ul class="pngbg">
<li><a href="http://ratedxclan.net/index.php?page=adminrules">Admin Rules</a></li>
<li><a href="http://ratedxclan.net/index.php?page=forumrules">Forum Rules</a></li>
<li><a href="http://ratedxclan.net/index.php?page=serverrules">Server Rules</a></li>
</ul>
</li>'
;

echo '
<li' 
$current_action=='teampage' ' class="chosen"' '' '><a href="'$scripturl'?action=teampage">Team<span>rated[x] team</span></a>';

if ($context['user']['is_logged'])
echo '
<li><a href="'
$scripturl'?action=logout;sesc='$context['session_id'], '">' $txt['logout'] , '<br /><span>Member Logout</span></a></li>';

if ($context['user']['is_guest'])
{
echo '
<li' 
$current_action=='login' ' class="chosen"' '' '><a href="'$scripturl'?action=login">' $txt['login'] , '<br /><span>Member Login</span></a>';

echo '
<ul class="pngbg">
<li' 
$current_action=='register' ' class="chosen"' '' '><a href="'$scripturl'?action=register">' $txt['register'] , '</a></li>
</ul>
</li>'
;
}

echo '
</ul>'
;

}

// Generate a strip of buttons.
function template_button_strip($button_strip$direction 'top'$strip_options = array())
{
global $settings$context$txt$scripturl;

if (!is_array($strip_options))
$strip_options = array();

// Create the buttons...
$buttons = array();
foreach ($button_strip as $key => $value)
{
if (!isset($value['test']) || !empty($context[$value['test']]))
$buttons[] = '
<li><a' 
. (isset($value['id']) ? ' id="button_strip_' $value['id'] . '"' '') . ' class="button_strip_' $key '' . (isset($value['active']) ? ' active' '') . '" href="' $value['url'] . '"' . (isset($value['custom']) ? ' ' $value['custom'] : '') . '><span>' $txt[$value['text']] . '</span></a></li>';
}

// No buttons? No button strip either.
if (empty($buttons))
return;

// Make the last one, as easy as possible.
$buttons[count($buttons) - 1] = str_replace('<span>''<span class="last">'$buttons[count($buttons) - 1]);

echo '
<div class="buttonlist'
, !empty($direction) ? ' align_' $direction '''"', (empty($buttons) ? ' style="display: none;"' ''), (!empty($strip_options['id']) ? ' id="' $strip_options['id'] . '"'''), '>
<ul>'
,
implode(''$buttons), '
</ul>
</div>'
;
}

?>

thats where you wanted me to post the code rite?
i pasted it, and nothing happens, it doesnt auto rotate or i cant click the images  :-\

smf 2.0 rc 3
#2

Mensajes: 9

Ver Perfil 

En línea

*
Nov 27 2010


mmm Curioser... because in the demo, It works.

test with this code
Código: [Seleccionar]
<?php
echo'
<style type="text/css">
<!--
/**
 * Slideshow style rules.
 */
#featured{
   width:400px;
   padding-right:250px;
   position:relative;
   height:250px;
   background:#fff;
   border:5px solid #ccc;
}
#featured ul.ui-tabs-nav{
   position:absolute;
   top:0; left:400px;
   list-style:none;
   padding:0; margin:0;
   width:250px;
}
#featured ul.ui-tabs-nav li{
   padding:1px 0; padding-left:13px;
   font-size:12px;
   color:#666;
}
#featured ul.ui-tabs-nav li span{
   font-size:11px; font-family:Verdana;
   line-height:18px;
}
#featured .ui-tabs-panel{
   width:400px; height:250px;
   background:#999; position:relative;
        overflow:hidden;
}
#featured .ui-tabs-hide{
   display:none;
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/
   display:block;
   height:60px;
   color:#333;  background:#fff;
   line-height:20px;
   outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
   background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
   background:url(images/selected-item.gif) top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
   background:#ccc;
}
#featured ul.ui-tabs-nav li img{
   float:left; margin:2px 5px;
   background:#fff;
   padding:2px;
   border:1px solid #eee;
}
#featured .ui-tabs-panel .info{
   position:absolute;
   top:180px; left:0;
   height:70px; width: 400px;
   background: url(images/transparent-bg.png);
}
#featured .info h2{
   font-size:18px; font-family:Georgia, serif;
   color:#fff; padding:5px; margin:0;
   overflow:hidden;
}
#featured .info p{
   margin:0 5px;
   font-family:Verdana; font-size:11px;
   line-height:15px; color:#f0f0f0;
}
#featured .info a{
   text-decoration:none;
   color:#fff;
}
#featured .info a:hover{
   text-decoration:underline;
}
-->
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> 
<script type="text/javascript">
 $(document).ready(function(){  
     $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);  
 }); 
</script>


  <!-- Slideshow HTML -->
  <div id="featured" >
   <ul class="ui-tabs-nav">
       <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>15+ Excellent High Speed Photographs</span></a></li>
       <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" /><span>20 Beautiful Long Exposure Photographs</span></a></li>
       <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" /><span>35 Amazing Logo Designs</span></a></li>
       <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>Create a Vintage Photograph in Photoshop</span></a></li>
   </ul>
   <!-- First Content -->
   <div id="fragment-1" class="ui-tabs-panel" style="">
      <img src="images/image1.jpg" alt="" />
      <div class="info">
      <h2><a href="#">15+ Excellent High Speed Photographs</a></h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam....<a href="#" >read more</a></p>
      </div>
   </div>
   <!-- Second Content -->
   <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
      <img src="images/image2.jpg" alt="" />
      <div class="info">
      <h2><a href="#">20 Beautiful Long Exposure Photographs</a></h2>
      <p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href="#" >read more</a></p>
      </div>
   </div>
    <!-- Third Content -->
    <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
      <img src="images/image3.jpg" alt="" />
      <div class="info">
      <h2><a href="#">35 Amazing Logo Designs</a></h2>
      <p>liquam erat volutpat. Proin id volutpat nisi. Nulla facilisi. Curabitur facilisis sollicitudin ornare....<a href="#" >read more</a></p>
       </div>
   </div>
    <!-- Fourth Content -->
    <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
      <img src="images/image4.jpg" alt="" />
      <div class="info">
      <h2><a href="#">Create a Vintage Photograph in Photoshop</a></h2>
      <p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href="#" >read more</a></p>
       </div>
   </div>
</div>'
;
?>


ADK Portal 3.0.2
2.0.11
www.smfpersonal.net
#3

Mensajes: 8631

Ver Perfil  SMFPersonal 

En línea

*
Nov 27 2010


i created a php block, when i preview it, it works, but when i go to my front page, same thing. it doesnt rotate.

i had another jquery slider with works perfectly under adk. i tested it, it works on preview and on front page. maybe u can take a look and see if there is difference. i dont have much knowledge in php. just know enuff to get around stuff.

Código: [Seleccionar]
<?php
echo'

<style type="text/css">
<!--
/**
 * Slideshow style rules.
 */
#slideshow {
   margin:0 auto;
   width:700px;
   height:300px;
   background:transparent url(http://www.ratedxclan.net/slickjqueryslider/img/bg_slideshow.jpg) no-repeat 0 0;
   position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:400px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:400px;
}

/**
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:400px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(http://www.ratedxclan.net/slickjqueryslider/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://www.ratedxclan.net/slickjqueryslider/control_right.jpg) no-repeat 0 0;
}

/**
 * Style rules for Demo page
 */
* {
  margin:0;
  padding:0;
  font:normal 11px;
 
}
a:hover {
  text-decoration:underline;
}



.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#7f7f7f;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}

-->
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 560;
  var slides = $(\'.slide\');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $(\'#slidesContainer\').css(\'overflow\', \'hidden\');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll(\'<div id="slideInner"></div>\')
    // Float left to display horizontally, readjust .slides width
   .css({
      \'float\' : \'left\',
      \'width\' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $(\'#slideInner\').css(\'width\', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $(\'#slideshow\')
    .prepend(\'<span class="control" id="leftControl">Clicking moves left</span>\')
    .append(\'<span class="control" id="rightControl">Clicking moves right</span>\');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $(\'.control\')
    .bind(\'click\', function(){
    // Determine new position
   currentPosition = ($(this).attr(\'id\')==\'rightControl\') ? currentPosition+1 : currentPosition-1;
   
   // Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $(\'#slideInner\').animate({
      \'marginLeft\' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
   if(position==0){ $(\'#leftControl\').hide() } else{ $(\'#leftControl\').show() }
   // Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $(\'#rightControl\').hide() } else{ $(\'#rightControl\').show() }
  }   
});
</script>


  <!-- Slideshow HTML -->
  <div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">
        <h2>Painting the Tail Pipes</h2>
        <p><img src="http://i120.photobucket.com/albums/o170/BlueDevil_photo/c474c76e.jpg" alt="Painting the tail pipes in your chevy avalanche truck" width="150" height="100" /></a>Got the rust blues? Dupli-Color hi-temp engine enamel can make the tail pipes look great.<br /><br /><a href="http://www.chevyavalancheclub.com/index.php?action=articles;sa=view;article=95">Read More...</a></p>
      </div>
      <div class="slide">
        <h2>Replacing The Tailgate Handle on the 2002-2006</h2>
        <p><img src="http://i120.photobucket.com/albums/o170/BlueDevil_photo/ac91d52f.jpg" alt="Replacing The Tailgate Handle on the 2002-2006 Chevy Avalanche" width="150" height="100" /></a>Dealing with the dreaded busted tailgate handle,well show you how to replace it in a jiff. <br /><br /><a href="http://www.chevyavalancheclub.com/index.php?action=articles;sa=view;article=96">Read More...</a></p>
        <p>
      </div>
      <div class="slide">
        <h2>Replacing the 2005 Cabin Filter</h2>
        <p><img src="http://www.chevyavalancheclub.com/index.php?action=dlattach;topic=8371.0;attach=11337;image" alt="2002-2006 Chevy Avalanche cabin filter" width="150" height="100" /></a>This write up is to show how you can cover the opening you made after you replace the cabin filters. <br /><br /><a href="http://www.chevyavalancheclub.com/index.php?action=articles;sa=view;article=93">Read More...</a></p>
      </div>
      <div class="slide">
        <h2>Tail Lights Nite Shades</h2>
        <p><img src="http://www.chevyavalancheclub.com/index.php?action=dlattach;topic=5597.0;attach=7904;image" alt="transparent black tail lights" width="150" height="100" /></a>VHT Nite-Shades is a transparent black tail light lens coating for creating a custom European styling. <br /><br /><a href="http://www.chevyavalancheclub.com/index.php?action=articles;sa=view;article=75">Read More...</a></p>
      </div>
    </div>
  </div>
</div>'
;
?>


smf 2.0 rc 3
#4

Mensajes: 9

Ver Perfil 

En línea

*
Nov 28 2010


mmm It's more curiose.... Maybe that happens because adk portal load another Jquery script... (for shoutbox)

ADK Portal 3.0.2
2.0.11
www.smfpersonal.net
#5

Mensajes: 8631

Ver Perfil  SMFPersonal 

En línea

*
Nov 28 2010


ok, well, just tested on my smf, the second jquery i posted, it works perfectly with shoutbox. also i have the snow effect, which is also a javascript. so we know that adk can handle 2 jquery scripts at the same time.

smf 2.0 rc 3
#6

Mensajes: 9

Ver Perfil 

En línea

*
Nov 30 2010


mmm It's more curiose.... Maybe that happens because adk portal load another Jquery script... (for shoutbox)

ok, so i tried that, if i disable shoutbox, then that slider loads up like a charm.
but if i enable shoutbox with slider, shoutbox works but slider doesnt

smf 2.0 rc 3
#7

Mensajes: 9

Ver Perfil 

En línea

*
Nov 30 2010


this is gonna sound supper funny,

i just upgraded to adk rc 6 version.

so now, i have left column disabled, center column has a slider, and right column has my shout box. so we are here at the same situation, if i enable shoutbox, slider doesnt work. and if i disable shout box, slider does work.

now, i started experimenting a little,
i enable left column and disable right column and move shoutbox to left column, both shoutbox and slider works at the same time. YES, THEY BOTH WORK AT THE SAME TIME.  ;D

so i would appreciate if u can figure out whats the issue with teh right block


thanks again.
shahjr

smf 2.0 rc 3
#8

Mensajes: 9

Ver Perfil 

En línea




Otros temas de su interes

Help Please nicholsbradley Enero 07, 2012, 06:42:50 pm *
slider only works on preview shahjr Noviembre 27, 2010, 04:49:40 am *
Sticky Threads - First on home-page Aleksandar Octubre 12, 2011, 08:38:44 am *
want to buy smffix with a few custimizations bluedragon2k9 Marzo 07, 2012, 12:03:31 am *
Can someone help me to remove some codes? spikespiegel Septiembre 18, 2012, 07:09:08 pm *
tabbed Recent Topics Module hashend94 Julio 15, 2013, 04:15:45 pm *



Usuario:
Contraseña:
Sesión: