...

View Full Version : Wordpress Help



marc1om
10-29-2009, 04:28 PM
Hey everyone,

I'm having a problem with embedding a plugin on my theme. I have installed the plugin and set up my preferences. However, when I place the code on the editor my page no longer shows up when i preview it.

I want to insert the plugin (vslider) into the third column(small_box box 3) of the homepage.

The code that is required to place for the plugin to work is <?php if (function_exists('vslider')) { vslider(); }?>

So i'm wondering where I would place this code on the homepage in order to get the intended results.

Any help would be appreciated, thanks in advance!


This is the current homepage code:

<?php
global $k_options;
get_header();
?>

<div id="featured">

<?php
# Here starts the code for the Mainpage Image Slider

if($k_options['mainpage']['frontpage_image_count']){$mycount = $k_options['mainpage']['frontpage_image_count']; }else{$mycount = 5;}
$query_string .= "&showposts=$mycount";
$query_string .= "&cat=".$k_options['mainpage']['slider_cat_final'];
query_posts($query_string);

$firstitem = "current";

if (have_posts()) :
while (have_posts()) : the_post();
$frontpage_image = get_post_meta($post->ID, "frontpage-image", true);
$frontpage_image_small = get_post_meta($post->ID, "frontpage-image-small", true);
$frontpage_blank = get_post_meta($post->ID, "frontpage-blank", true);
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();

if($frontpage_image != "" && $k_options['general']['tim'] == 1)
{
$resizepath = get_bloginfo('template_url')."/timthumb.php?src="; #timthumb path
$resize_options1 = "&amp;w=44&amp;h=30&amp;zc=1";

$frontpage_image_small = $resizepath.$frontpage_image.$resize_options1;
}

$previewpics[$link] = $frontpage_image_small;

echo'<div class="featured_item '.$firstitem.'">'."\n";
$firstitem = "";

if(!$frontpage_blank) #user did not set the option "no text"
{
echo'<div class="featured_text">'."\n";
echo'<div class="entry">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h2><a href="'.$link.'" title="'.get_the_title().'" >'.get_the_title().'</a></h2>'."\n";
the_excerpt();
echo'</div>'."\n";
echo'<a href="'.get_permalink().'" class="read-more">Read more</a><a href="#" class="show-next">Next </a>'."\n";
echo'</div><!-- end featured_text-->'."\n";
}

echo'<div class="featured_image"><!--an image only slide -->'."\n";
echo'<a href="'.get_permalink().'"><img src="'.$frontpage_image.'" alt="" /></a>'."\n";
echo'</div><!-- end featured_item-->'."\n";
echo'</div><!-- end featured_image-->'."\n";




endwhile;
endif;

# Here starts the code for the newsticker

if($k_options['mainpage']['frontpage_ticker_count'] != ""){$ticker_count = $k_options['mainpage']['frontpage_ticker_count']; }else{$ticker_count = 5;}
$query_string = "&showposts=$ticker_count";
$query_string .= "&cat=".$k_options['mainpage']['ticker_cat_final'];
query_posts($query_string);

echo'<div id="featured_bottom">'."\n";
if($k_options['mainpage']['ticker_autorotate']==1)
{
echo'<div class="ticker">'."\n";
$firstitem = "class='active_ticker'"."\n";

if (have_posts()) :
while (have_posts()) : the_post();
echo'<span '.$firstitem.' ><a href="'.get_permalink().'"><strong>Latest News:</strong> '.get_the_title().'</a></span>'."\n";
$firstitem = "";
endwhile;
endif;
echo'</div><!--end ticker-->'."\n";
}

#start of small Preview images
$firstitem = "class='current_prev'";
echo '<div class="preview_images">'."\n";
foreach($previewpics as $link => $pic)
{
echo '<a '.$firstitem.' href="'.$link.'"><img src="'.$pic.'" alt="" height="30px" width="44px" /></a>'."\n";
$firstitem = "";
}
echo '</div><!-- end preview_images-->'."\n";
echo '</div><!-- end featured_bottom-->'."\n";
echo '</div><!-- end featured-->'."\n";

?>


<?php


#start of main content boxes
$runs = 3;

echo '<div class="content_top"></div>'."\n";
echo '<div id="content">'."\n";

for($counter = 1; $counter <= $runs; $counter++)
{
switch($k_options['mainpage']['box'.$counter.'_content'])
{
case 'post':
$query_string = "&showposts=1";
$offset = 0;
#calculate offset
if($counter > 1)
{
for($i = 1; $i < $counter; $i++)
{
if($k_options['mainpage']['box'.$i.'_content'] == $k_options['mainpage']['box'.$counter.'_content'])
{
if($k_options['mainpage']['box'.$i.'_content_post'] == $k_options['mainpage']['box'.$counter.'_content_post'] )
{
$offset++;
}
}
}
}

$query_string .= "&offset=".$offset.".&cat=".$k_options['mainpage']['box'.$counter.'_content_post'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;
break;

case 'page':
$query_string = "page_id=".$k_options['mainpage']['box'.$counter.'_content_page'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;

break;

case 'widget':
if (function_exists('dynamic_sidebar') && dynamic_sidebar('Frontpage Box'.$counter)){}
break;
default:
apply_placeholder($counter);
}
}

echo'</div><!-- end content-->';

function apply_placeholder($column)
{
$themeurl = get_bloginfo('template_url');

if($column == 1)
{
echo '
<div class="small_box box1">
<span class="meta">more for your money</span>
<h3><a href="http://www.kriesi.at/demos/twicet/multiple-skins/">Multiple Skins</a></h3>
<p>Twicet comes with multiple Skins to choose from. To make cusomization of existing skins easier the color informations are stored in separated stylesheets.</p>
<p>Additionally all PSD files that where used to create this theme are included.</p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/instyle.png" title="front1" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/freightbrokers.png" title="freightbrokers" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/celebritynewsandstyle.png" title="celebritynewsandstyle" class="alignnone ie6fix size-full wp-image-16"/></p>
</div>';
}

if($column == 2)
{
echo'
<div class="small_box box2">
<span class="meta">tested on multiple systems</span>
<h3><a href="http://www.kriesi.at/demos/twicet/works-everywhere/">Works everywhere</a></h3>
<p>This theme works fine under Windows, Linux and Mac OSX.</p>
<p>It was coded with web standards in mind and tested in multiple browsers, among them Internet Explorer 6,7 and 8, Firefox, Opera, Google Chrome and Safari.</p>
<p><img width="260" height="61" alt="front2" src="'.$themeurl.'/files/front2.png" title="front2" class="alignnone ie6fix size-full wp-image-17"/></p>
</div> ';
}

if($column == 3)
{
echo'
<div class="small_box box3">
<span class="meta">custom made scripts</span>
<h3><a href="http://www.kriesi.at/demos/twicet/jquery-improved-theme/">jQuery improved Theme</a></h3>
<p>Twicet uses custom written jQuery scripts that where coded to unobtrusively improve the website with various sleek effects.</p>
<p>These scripts are easy to customize and work with, so that using this website becomes a unique experience.</p>
<iframe width="275" height="165" scrolling="no" frameborder="0" src="http://www.goodwidgets.com/widgets/view_wordpress_b/182033 "> </iframe>

</div> ';
}
}
?>













<?php get_footer(); ?>

SB65
10-29-2009, 05:10 PM
The div small_box box 3 is produced by this code, which is within a loop incrementing the variable $counter:


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";

And if you only want the plugin in the third box you need an if statement to catch this - something like:


echo'<div class="small_box box'.$counter.'">'."\n";
if ($counter==3)
{
if (function_exists('vslider')){ vslider();}
}
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";

Give that a try. Also, please wrap your code using the # tag - it's easier for everyone to read. I guess this should really be in the php forum.

marc1om
10-29-2009, 05:43 PM
Hello,

I tried replacing the code but it wont allow me to preview my page now.
Here is how I have the code placed, is there an error of where it is placed, etc?


<?php
global $k_options;
get_header();
?>

<div id="featured">

<?php
# Here starts the code for the Mainpage Image Slider

if($k_options['mainpage']['frontpage_image_count']){$mycount = $k_options['mainpage']['frontpage_image_count']; }else{$mycount = 5;}
$query_string .= "&showposts=$mycount";
$query_string .= "&cat=".$k_options['mainpage']['slider_cat_final'];
query_posts($query_string);

$firstitem = "current";

if (have_posts()) :
while (have_posts()) : the_post();
$frontpage_image = get_post_meta($post->ID, "frontpage-image", true);
$frontpage_image_small = get_post_meta($post->ID, "frontpage-image-small", true);
$frontpage_blank = get_post_meta($post->ID, "frontpage-blank", true);
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();

if($frontpage_image != "" && $k_options['general']['tim'] == 1)
{
$resizepath = get_bloginfo('template_url')."/timthumb.php?src="; #timthumb path
$resize_options1 = "&amp;w=44&amp;h=30&amp;zc=1";

$frontpage_image_small = $resizepath.$frontpage_image.$resize_options1;
}

$previewpics[$link] = $frontpage_image_small;

echo'<div class="featured_item '.$firstitem.'">'."\n";
$firstitem = "";

if(!$frontpage_blank) #user did not set the option "no text"
{
echo'<div class="featured_text">'."\n";
echo'<div class="entry">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h2><a href="'.$link.'" title="'.get_the_title().'" >'.get_the_title().'</a></h2>'."\n";
the_excerpt();
echo'</div>'."\n";
echo'<a href="'.get_permalink().'" class="read-more">Read more</a><a href="#" class="show-next">Next </a>'."\n";
echo'</div><!-- end featured_text-->'."\n";
}

echo'<div class="featured_image"><!--an image only slide -->'."\n";
echo'<a href="'.get_permalink().'"><img src="'.$frontpage_image.'" alt="" /></a>'."\n";
echo'</div><!-- end featured_item-->'."\n";
echo'</div><!-- end featured_image-->'."\n";




endwhile;
endif;

# Here starts the code for the newsticker

if($k_options['mainpage']['frontpage_ticker_count'] != ""){$ticker_count = $k_options['mainpage']['frontpage_ticker_count']; }else{$ticker_count = 5;}
$query_string = "&showposts=$ticker_count";
$query_string .= "&cat=".$k_options['mainpage']['ticker_cat_final'];
query_posts($query_string);

echo'<div id="featured_bottom">'."\n";
if($k_options['mainpage']['ticker_autorotate']==1)
{
echo'<div class="ticker">'."\n";
$firstitem = "class='active_ticker'"."\n";

if (have_posts()) :
while (have_posts()) : the_post();
echo'<span '.$firstitem.' ><a href="'.get_permalink().'"><strong>Latest News:</strong> '.get_the_title().'</a></span>'."\n";
$firstitem = "";
endwhile;
endif;
echo'</div><!--end ticker-->'."\n";
}

#start of small Preview images
$firstitem = "class='current_prev'";
echo '<div class="preview_images">'."\n";
foreach($previewpics as $link => $pic)
{
echo '<a '.$firstitem.' href="'.$link.'"><img src="'.$pic.'" alt="" height="30px" width="44px" /></a>'."\n";
$firstitem = "";
}
echo '</div><!-- end preview_images-->'."\n";
echo '</div><!-- end featured_bottom-->'."\n";
echo '</div><!-- end featured-->'."\n";

?>


<?php


#start of main content boxes
$runs = 3;

echo '<div class="content_top"></div>'."\n";
echo '<div id="content">'."\n";

for($counter = 1; $counter <= $runs; $counter++)
{
switch($k_options['mainpage']['box'.$counter.'_content'])
{
case 'post':
$query_string = "&showposts=1";
$offset = 0;
#calculate offset
if($counter > 1)
{
for($i = 1; $i < $counter; $i++)
{
if($k_options['mainpage']['box'.$i.'_content'] == $k_options['mainpage']['box'.$counter.'_content'])
{
if($k_options['mainpage']['box'.$i.'_content_post'] == $k_options['mainpage']['box'.$counter.'_content_post'] )
{
$offset++;
}
}
}
}

$query_string .= "&offset=".$offset.".&cat=".$k_options['mainpage']['box'.$counter.'_content_post'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;
break;

case 'page':
$query_string = "page_id=".$k_options['mainpage']['box'.$counter.'_content_page'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;

break;

case 'widget':
if (function_exists('dynamic_sidebar') && dynamic_sidebar('Frontpage Box'.$counter)){}
break;
default:
apply_placeholder($counter);
}
}

echo'</div><!-- end content-->';

function apply_placeholder($column)
{
$themeurl = get_bloginfo('template_url');

if($column == 1)
{
echo '
<div class="small_box box1">
<span class="meta">more for your money</span>
<h3><a href="http://www.kriesi.at/demos/twicet/multiple-skins/">Multiple Skins</a></h3>
<p>Twicet comes with multiple Skins to choose from. To make cusomization of existing skins easier the color informations are stored in separated stylesheets.</p>
<p>Additionally all PSD files that where used to create this theme are included.</p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/instyle.png" title="front1" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/freightbrokers.png" title="freightbrokers" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/celebritynewsandstyle.png" title="celebritynewsandstyle" class="alignnone ie6fix size-full wp-image-16"/></p>
</div>';
}

if($column == 2)
{
echo'
<div class="small_box box2">
<span class="meta">tested on multiple systems</span>
<h3><a href="http://www.kriesi.at/demos/twicet/works-everywhere/">Works everywhere</a></h3>
<p>This theme works fine under Windows, Linux and Mac OSX.</p>
<p>It was coded with web standards in mind and tested in multiple browsers, among them Internet Explorer 6,7 and 8, Firefox, Opera, Google Chrome and Safari.</p>
<p><img width="260" height="61" alt="front2" src="'.$themeurl.'/files/front2.png" title="front2" class="alignnone ie6fix size-full wp-image-17"/></p>
</div> ';
}

if($column == 3)
{
echo'<div class="small_box box'.$counter.'">'."\n";]if ($counter==3)
{
if (function_exists('vslider')){ vslider();}
}
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";

</div> ';
}
}
?>













<?php get_footer(); ?>

SB65
10-29-2009, 05:57 PM
No, I think you want something like:


<?php
global $k_options;
get_header();
?>

<div id="featured">

<?php
# Here starts the code for the Mainpage Image Slider

if($k_options['mainpage']['frontpage_image_count']){$mycount = $k_options['mainpage']['frontpage_image_count']; }else{$mycount = 5;}
$query_string .= "&showposts=$mycount";
$query_string .= "&cat=".$k_options['mainpage']['slider_cat_final'];
query_posts($query_string);

$firstitem = "current";

if (have_posts()) :
while (have_posts()) : the_post();
$frontpage_image = get_post_meta($post->ID, "frontpage-image", true);
$frontpage_image_small = get_post_meta($post->ID, "frontpage-image-small", true);
$frontpage_blank = get_post_meta($post->ID, "frontpage-blank", true);
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();

if($frontpage_image != "" && $k_options['general']['tim'] == 1)
{
$resizepath = get_bloginfo('template_url')."/timthumb.php?src="; #timthumb path
$resize_options1 = "&amp;w=44&amp;h=30&amp;zc=1";

$frontpage_image_small = $resizepath.$frontpage_image.$resize_options1;
}

$previewpics[$link] = $frontpage_image_small;

echo'<div class="featured_item '.$firstitem.'">'."\n";
$firstitem = "";

if(!$frontpage_blank) #user did not set the option "no text"
{
echo'<div class="featured_text">'."\n";
echo'<div class="entry">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h2><a href="'.$link.'" title="'.get_the_title().'" >'.get_the_title().'</a></h2>'."\n";
the_excerpt();
echo'</div>'."\n";
echo'<a href="'.get_permalink().'" class="read-more">Read more</a><a href="#" class="show-next">Next </a>'."\n";
echo'</div><!-- end featured_text-->'."\n";
}

echo'<div class="featured_image"><!--an image only slide -->'."\n";
echo'<a href="'.get_permalink().'"><img src="'.$frontpage_image.'" alt="" /></a>'."\n";
echo'</div><!-- end featured_item-->'."\n";
echo'</div><!-- end featured_image-->'."\n";




endwhile;
endif;

# Here starts the code for the newsticker

if($k_options['mainpage']['frontpage_ticker_count'] != ""){$ticker_count = $k_options['mainpage']['frontpage_ticker_count']; }else{$ticker_count = 5;}
$query_string = "&showposts=$ticker_count";
$query_string .= "&cat=".$k_options['mainpage']['ticker_cat_final'];
query_posts($query_string);

echo'<div id="featured_bottom">'."\n";
if($k_options['mainpage']['ticker_autorotate']==1)
{
echo'<div class="ticker">'."\n";
$firstitem = "class='active_ticker'"."\n";

if (have_posts()) :
while (have_posts()) : the_post();
echo'<span '.$firstitem.' ><a href="'.get_permalink().'"><strong>Latest News:</strong> '.get_the_title().'</a></span>'."\n";
$firstitem = "";
endwhile;
endif;
echo'</div><!--end ticker-->'."\n";
}

#start of small Preview images
$firstitem = "class='current_prev'";
echo '<div class="preview_images">'."\n";
foreach($previewpics as $link => $pic)
{
echo '<a '.$firstitem.' href="'.$link.'"><img src="'.$pic.'" alt="" height="30px" width="44px" /></a>'."\n";
$firstitem = "";
}
echo '</div><!-- end preview_images-->'."\n";
echo '</div><!-- end featured_bottom-->'."\n";
echo '</div><!-- end featured-->'."\n";

?>


<?php


#start of main content boxes
$runs = 3;

echo '<div class="content_top"></div>'."\n";
echo '<div id="content">'."\n";

for($counter = 1; $counter <= $runs; $counter++)
{
switch($k_options['mainpage']['box'.$counter.'_content'])
{
case 'post':
$query_string = "&showposts=1";
$offset = 0;
#calculate offset
if($counter > 1)
{
for($i = 1; $i < $counter; $i++)
{
if($k_options['mainpage']['box'.$i.'_content'] == $k_options['mainpage']['box'.$counter.'_content'])
{
if($k_options['mainpage']['box'.$i.'_content_post'] == $k_options['mainpage']['box'.$counter.'_content_post'] )
{
$offset++;
}
}
}
}

$query_string .= "&offset=".$offset.".&cat=".$k_options['mainpage']['box'.$counter.'_content_post'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
if ($counter==3)
{
if (function_exists('vslider')){ vslider();}
}
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;
break;

case 'page':
$query_string = "page_id=".$k_options['mainpage']['box'.$counter.'_content_page'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
if ($counter==3)
{
if (function_exists('vslider')){ vslider();}
}
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;

break;

case 'widget':
if (function_exists('dynamic_sidebar') && dynamic_sidebar('Frontpage Box'.$counter)){}
break;
default:
apply_placeholder($counter);
}
}

echo'</div><!-- end content-->';

function apply_placeholder($column)
{
$themeurl = get_bloginfo('template_url');

if($column == 1)
{
echo '
<div class="small_box box1">
<span class="meta">more for your money</span>
<h3><a href="http://www.kriesi.at/demos/twicet/multiple-skins/">Multiple Skins</a></h3>
<p>Twicet comes with multiple Skins to choose from. To make cusomization of existing skins easier the color informations are stored in separated stylesheets.</p>
<p>Additionally all PSD files that where used to create this theme are included.</p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/instyle.png" title="front1" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/freightbrokers.png" title="freightbrokers" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/celebritynewsandstyle.png" title="celebritynewsandstyle" class="alignnone ie6fix size-full wp-image-16"/></p>
</div>';
}

if($column == 2)
{
echo'
<div class="small_box box2">
<span class="meta">tested on multiple systems</span>
<h3><a href="http://www.kriesi.at/demos/twicet/works-everywhere/">Works everywhere</a></h3>
<p>This theme works fine under Windows, Linux and Mac OSX.</p>
<p>It was coded with web standards in mind and tested in multiple browsers, among them Internet Explorer 6,7 and 8, Firefox, Opera, Google Chrome and Safari.</p>
<p><img width="260" height="61" alt="front2" src="'.$themeurl.'/files/front2.png" title="front2" class="alignnone ie6fix size-full wp-image-17"/></p>
</div> ';
}

if($column == 3)
{
echo'
<div class="small_box box3">
if (function_exists('vslider')){ vslider();}
<span class="meta">custom made scripts</span>
<h3><a href="http://www.kriesi.at/demos/twicet/jquery-improved-theme/">jQuery improved Theme</a></h3>
<p>Twicet uses custom written jQuery scripts that where coded to unobtrusively improve the website with various sleek effects.</p>
<p>These scripts are easy to customize and work with, so that using this website becomes a unique experience.</p>
<iframe width="275" height="165" scrolling="no" frameborder="0" src="http://www.goodwidgets.com/widgets/view_wordpress_b/182033 "> </iframe>

</div> ';
}
}
?>

marc1om
10-29-2009, 06:32 PM
Hello again,

Tried that and it doesn't let me preview my page.
Not sure what's wrong.

So you can get a better viewpoint with my webpage you can check out
http://webfxmedia.com/wordpress/

You can see that in the thirdcolumn there is a widget called GoodWidgets. It is an image slider. Thats exactly what I want but i want it to be vslider plugin.

Eventually I want to remove the bottom 2 columns and have the VSlider taking up the entire space.


Thanks!!

SB65
10-29-2009, 07:02 PM
Struggling a bit with this one. I've just read the vSlider installation instructions and it looks like you just need:


<?php
global $k_options;
get_header();
?>

<div id="featured">

<?php

if (function_exists('vSlider')) { vSlider(); }

# Here starts the code for the Mainpage Image Slider

if($k_options['mainpage']['frontpage_image_count']){$mycount = $k_options['mainpage']['frontpage_image_count']; }else{$mycount = 5;}
$query_string .= "&showposts=$mycount";
$query_string .= "&cat=".$k_options['mainpage']['slider_cat_final'];
query_posts($query_string);

$firstitem = "current";


if (have_posts()) :
while (have_posts()) : the_post();
$frontpage_image = get_post_meta($post->ID, "frontpage-image", true);
$frontpage_image_small = get_post_meta($post->ID, "frontpage-image-small", true);
$frontpage_blank = get_post_meta($post->ID, "frontpage-blank", true);
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();

if($frontpage_image != "" && $k_options['general']['tim'] == 1)
{
$resizepath = get_bloginfo('template_url')."/timthumb.php?src="; #timthumb path
$resize_options1 = "&amp;w=44&amp;h=30&amp;zc=1";

$frontpage_image_small = $resizepath.$frontpage_image.$resize_options1;
}

$previewpics[$link] = $frontpage_image_small;

echo'<div class="featured_item '.$firstitem.'">'."\n";
$firstitem = "";

if(!$frontpage_blank) #user did not set the option "no text"
{
echo'<div class="featured_text">'."\n";
echo'<div class="entry">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h2><a href="'.$link.'" title="'.get_the_title().'" >'.get_the_title().'</a></h2>'."\n";
the_excerpt();
echo'</div>'."\n";
echo'<a href="'.get_permalink().'" class="read-more">Read more</a><a href="#" class="show-next">Next </a>'."\n";
echo'</div><!-- end featured_text-->'."\n";
}

echo'<div class="featured_image"><!--an image only slide -->'."\n";
echo'<a href="'.get_permalink().'"><img src="'.$frontpage_image.'" alt="" /></a>'."\n";
echo'</div><!-- end featured_item-->'."\n";
echo'</div><!-- end featured_image-->'."\n";




endwhile;
endif;

# Here starts the code for the newsticker

if($k_options['mainpage']['frontpage_ticker_count'] != ""){$ticker_count = $k_options['mainpage']['frontpage_ticker_count']; }else{$ticker_count = 5;}
$query_string = "&showposts=$ticker_count";
$query_string .= "&cat=".$k_options['mainpage']['ticker_cat_final'];
query_posts($query_string);

echo'<div id="featured_bottom">'."\n";
if($k_options['mainpage']['ticker_autorotate']==1)
{
echo'<div class="ticker">'."\n";
$firstitem = "class='active_ticker'"."\n";

if (have_posts()) :
while (have_posts()) : the_post();
echo'<span '.$firstitem.' ><a href="'.get_permalink().'"><strong>Latest News:</strong> '.get_the_title().'</a></span>'."\n";
$firstitem = "";
endwhile;
endif;
echo'</div><!--end ticker-->'."\n";
}

#start of small Preview images
$firstitem = "class='current_prev'";
echo '<div class="preview_images">'."\n";
foreach($previewpics as $link => $pic)
{
echo '<a '.$firstitem.' href="'.$link.'"><img src="'.$pic.'" alt="" height="30px" width="44px" /></a>'."\n";
$firstitem = "";
}
echo '</div><!-- end preview_images-->'."\n";
echo '</div><!-- end featured_bottom-->'."\n";
echo '</div><!-- end featured-->'."\n";

?>


<?php


#start of main content boxes
$runs = 3;

echo '<div class="content_top"></div>'."\n";
echo '<div id="content">'."\n";

for($counter = 1; $counter <= $runs; $counter++)
{
switch($k_options['mainpage']['box'.$counter.'_content'])
{
case 'post':
$query_string = "&showposts=1";
$offset = 0;
#calculate offset
if($counter > 1)
{
for($i = 1; $i < $counter; $i++)
{
if($k_options['mainpage']['box'.$i.'_content'] == $k_options['mainpage']['box'.$counter.'_content'])
{
if($k_options['mainpage']['box'.$i.'_content_post'] == $k_options['mainpage']['box'.$counter.'_content_post'] )
{
$offset++;
}
}
}
}

$query_string .= "&offset=".$offset.".&cat=".$k_options['mainpage']['box'.$counter.'_content_post'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;
break;

case 'page':
$query_string = "page_id=".$k_options['mainpage']['box'.$counter.'_content_page'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;

break;

case 'widget':
if (function_exists('dynamic_sidebar') && dynamic_sidebar('Frontpage Box'.$counter)){}
break;
default:
apply_placeholder($counter);
}
}

echo'</div><!-- end content-->';

function apply_placeholder($column)
{
$themeurl = get_bloginfo('template_url');

if($column == 1)
{
echo '
<div class="small_box box1">
<span class="meta">more for your money</span>
<h3><a href="http://www.kriesi.at/demos/twicet/multiple-skins/">Multiple Skins</a></h3>
<p>Twicet comes with multiple Skins to choose from. To make cusomization of existing skins easier the color informations are stored in separated stylesheets.</p>
<p>Additionally all PSD files that where used to create this theme are included.</p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/instyle.png" title="front1" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/freightbrokers.png" title="freightbrokers" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/celebritynewsandstyle.png" title="celebritynewsandstyle" class="alignnone ie6fix size-full wp-image-16"/></p>
</div>';
}

if($column == 2)
{
echo'
<div class="small_box box2">
<span class="meta">tested on multiple systems</span>
<h3><a href="http://www.kriesi.at/demos/twicet/works-everywhere/">Works everywhere</a></h3>
<p>This theme works fine under Windows, Linux and Mac OSX.</p>
<p>It was coded with web standards in mind and tested in multiple browsers, among them Internet Explorer 6,7 and 8, Firefox, Opera, Google Chrome and Safari.</p>
<p><img width="260" height="61" alt="front2" src="'.$themeurl.'/files/front2.png" title="front2" class="alignnone ie6fix size-full wp-image-17"/></p>
</div> ';
}

if($column == 3)
{
echo'
<div class="small_box box3">
<span class="meta">custom made scripts</span>
<h3><a href="http://www.kriesi.at/demos/twicet/jquery-improved-theme/">jQuery improved Theme</a></h3>
<p>Twicet uses custom written jQuery scripts that where coded to unobtrusively improve the website with various sleek effects.</p>
<p>These scripts are easy to customize and work with, so that using this website becomes a unique experience.</p>
<iframe width="275" height="165" scrolling="no" frameborder="0" src="http://www.goodwidgets.com/widgets/view_wordpress_b/182033 "> </iframe>

</div> ';
}
}
?>


- but you say you've tried this and it didn't work?

marc1om
10-29-2009, 07:21 PM
Hey thanks so much already!

I've made some progress cuz if you look at the webpage now, the slider is present! Its just not in the right position. Seems like everytime I try to put it down in the third column there is an issue that disables the entire homepage.

http://webfxmedia.com/wordpress/

SB65
10-29-2009, 07:28 PM
Is that page using the php code I just posted?

marc1om
10-29-2009, 07:35 PM
yup :)

SB65
10-29-2009, 07:41 PM
OK, final attempt....although this is almost what we had before:


<?php
global $k_options;
get_header();
?>

<div id="featured">

<?php



# Here starts the code for the Mainpage Image Slider

if($k_options['mainpage']['frontpage_image_count']){$mycount = $k_options['mainpage']['frontpage_image_count']; }else{$mycount = 5;}
$query_string .= "&showposts=$mycount";
$query_string .= "&cat=".$k_options['mainpage']['slider_cat_final'];
query_posts($query_string);

$firstitem = "current";


if (have_posts()) :
while (have_posts()) : the_post();
$frontpage_image = get_post_meta($post->ID, "frontpage-image", true);
$frontpage_image_small = get_post_meta($post->ID, "frontpage-image-small", true);
$frontpage_blank = get_post_meta($post->ID, "frontpage-blank", true);
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();

if($frontpage_image != "" && $k_options['general']['tim'] == 1)
{
$resizepath = get_bloginfo('template_url')."/timthumb.php?src="; #timthumb path
$resize_options1 = "&amp;w=44&amp;h=30&amp;zc=1";

$frontpage_image_small = $resizepath.$frontpage_image.$resize_options1;
}

$previewpics[$link] = $frontpage_image_small;

echo'<div class="featured_item '.$firstitem.'">'."\n";
$firstitem = "";

if(!$frontpage_blank) #user did not set the option "no text"
{
echo'<div class="featured_text">'."\n";
echo'<div class="entry">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h2><a href="'.$link.'" title="'.get_the_title().'" >'.get_the_title().'</a></h2>'."\n";
the_excerpt();
echo'</div>'."\n";
echo'<a href="'.get_permalink().'" class="read-more">Read more</a><a href="#" class="show-next">Next </a>'."\n";
echo'</div><!-- end featured_text-->'."\n";
}

echo'<div class="featured_image"><!--an image only slide -->'."\n";
echo'<a href="'.get_permalink().'"><img src="'.$frontpage_image.'" alt="" /></a>'."\n";
echo'</div><!-- end featured_item-->'."\n";
echo'</div><!-- end featured_image-->'."\n";




endwhile;
endif;

# Here starts the code for the newsticker

if($k_options['mainpage']['frontpage_ticker_count'] != ""){$ticker_count = $k_options['mainpage']['frontpage_ticker_count']; }else{$ticker_count = 5;}
$query_string = "&showposts=$ticker_count";
$query_string .= "&cat=".$k_options['mainpage']['ticker_cat_final'];
query_posts($query_string);

echo'<div id="featured_bottom">'."\n";
if($k_options['mainpage']['ticker_autorotate']==1)
{
echo'<div class="ticker">'."\n";
$firstitem = "class='active_ticker'"."\n";

if (have_posts()) :
while (have_posts()) : the_post();
echo'<span '.$firstitem.' ><a href="'.get_permalink().'"><strong>Latest News:</strong> '.get_the_title().'</a></span>'."\n";
$firstitem = "";
endwhile;
endif;
echo'</div><!--end ticker-->'."\n";
}

#start of small Preview images
$firstitem = "class='current_prev'";
echo '<div class="preview_images">'."\n";
foreach($previewpics as $link => $pic)
{
echo '<a '.$firstitem.' href="'.$link.'"><img src="'.$pic.'" alt="" height="30px" width="44px" /></a>'."\n";
$firstitem = "";
}
echo '</div><!-- end preview_images-->'."\n";
echo '</div><!-- end featured_bottom-->'."\n";
echo '</div><!-- end featured-->'."\n";

?>


<?php


#start of main content boxes
$runs = 3;

echo '<div class="content_top"></div>'."\n";
echo '<div id="content">'."\n";

for($counter = 1; $counter <= $runs; $counter++)
{
switch($k_options['mainpage']['box'.$counter.'_content'])
{
case 'post':
$query_string = "&showposts=1";
$offset = 0;
#calculate offset
if($counter > 1)
{
for($i = 1; $i < $counter; $i++)
{
if($k_options['mainpage']['box'.$i.'_content'] == $k_options['mainpage']['box'.$counter.'_content'])
{
if($k_options['mainpage']['box'.$i.'_content_post'] == $k_options['mainpage']['box'.$counter.'_content_post'] )
{
$offset++;
}
}
}
}

$query_string .= "&offset=".$offset.".&cat=".$k_options['mainpage']['box'.$counter.'_content_post'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;
break;

case 'page':
$query_string = "page_id=".$k_options['mainpage']['box'.$counter.'_content_page'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;

break;

case 'widget':
if (function_exists('dynamic_sidebar') && dynamic_sidebar('Frontpage Box'.$counter)){}
break;
default:
apply_placeholder($counter);
}
}

echo'</div><!-- end content-->';

function apply_placeholder($column)
{
$themeurl = get_bloginfo('template_url');

if($column == 1)
{
echo '
<div class="small_box box1">
<span class="meta">more for your money</span>
<h3><a href="http://www.kriesi.at/demos/twicet/multiple-skins/">Multiple Skins</a></h3>
<p>Twicet comes with multiple Skins to choose from. To make cusomization of existing skins easier the color informations are stored in separated stylesheets.</p>
<p>Additionally all PSD files that where used to create this theme are included.</p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/instyle.png" title="front1" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/freightbrokers.png" title="freightbrokers" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/celebritynewsandstyle.png" title="celebritynewsandstyle" class="alignnone ie6fix size-full wp-image-16"/></p>
</div>';
}

if($column == 2)
{
echo'
<div class="small_box box2">
<span class="meta">tested on multiple systems</span>
<h3><a href="http://www.kriesi.at/demos/twicet/works-everywhere/">Works everywhere</a></h3>
<p>This theme works fine under Windows, Linux and Mac OSX.</p>
<p>It was coded with web standards in mind and tested in multiple browsers, among them Internet Explorer 6,7 and 8, Firefox, Opera, Google Chrome and Safari.</p>
<p><img width="260" height="61" alt="front2" src="'.$themeurl.'/files/front2.png" title="front2" class="alignnone ie6fix size-full wp-image-17"/></p>
</div> ';
}

if($column == 3)
{
echo'
<div class="small_box box3">
if (function_exists('vSlider')) { vSlider(); }
<span class="meta">custom made scripts</span>
<h3><a href="http://www.kriesi.at/demos/twicet/jquery-improved-theme/">jQuery improved Theme</a></h3>
<p>Twicet uses custom written jQuery scripts that where coded to unobtrusively improve the website with various sleek effects.</p>
<p>These scripts are easy to customize and work with, so that using this website becomes a unique experience.</p>
<iframe width="275" height="165" scrolling="no" frameborder="0" src="http://www.goodwidgets.com/widgets/view_wordpress_b/182033 "> </iframe>

</div> ';
}
}
?>

Can you add this and republish - even if you get a blank page?

marc1om
10-29-2009, 07:57 PM
Alright I copied the code and the blank page is there now. Not sure what is going on, seems as if there is no style or anything! :(

SB65
10-29-2009, 08:11 PM
Might be my error..oops..although heaven knows why that's zapped the whole page. Have a go with:


<?php
global $k_options;
get_header();
?>

<div id="featured">

<?php



# Here starts the code for the Mainpage Image Slider

if($k_options['mainpage']['frontpage_image_count']){$mycount = $k_options['mainpage']['frontpage_image_count']; }else{$mycount = 5;}
$query_string .= "&showposts=$mycount";
$query_string .= "&cat=".$k_options['mainpage']['slider_cat_final'];
query_posts($query_string);

$firstitem = "current";


if (have_posts()) :
while (have_posts()) : the_post();
$frontpage_image = get_post_meta($post->ID, "frontpage-image", true);
$frontpage_image_small = get_post_meta($post->ID, "frontpage-image-small", true);
$frontpage_blank = get_post_meta($post->ID, "frontpage-blank", true);
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();

if($frontpage_image != "" && $k_options['general']['tim'] == 1)
{
$resizepath = get_bloginfo('template_url')."/timthumb.php?src="; #timthumb path
$resize_options1 = "&amp;w=44&amp;h=30&amp;zc=1";

$frontpage_image_small = $resizepath.$frontpage_image.$resize_options1;
}

$previewpics[$link] = $frontpage_image_small;

echo'<div class="featured_item '.$firstitem.'">'."\n";
$firstitem = "";

if(!$frontpage_blank) #user did not set the option "no text"
{
echo'<div class="featured_text">'."\n";
echo'<div class="entry">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h2><a href="'.$link.'" title="'.get_the_title().'" >'.get_the_title().'</a></h2>'."\n";
the_excerpt();
echo'</div>'."\n";
echo'<a href="'.get_permalink().'" class="read-more">Read more</a><a href="#" class="show-next">Next </a>'."\n";
echo'</div><!-- end featured_text-->'."\n";
}

echo'<div class="featured_image"><!--an image only slide -->'."\n";
echo'<a href="'.get_permalink().'"><img src="'.$frontpage_image.'" alt="" /></a>'."\n";
echo'</div><!-- end featured_item-->'."\n";
echo'</div><!-- end featured_image-->'."\n";




endwhile;
endif;

# Here starts the code for the newsticker

if($k_options['mainpage']['frontpage_ticker_count'] != ""){$ticker_count = $k_options['mainpage']['frontpage_ticker_count']; }else{$ticker_count = 5;}
$query_string = "&showposts=$ticker_count";
$query_string .= "&cat=".$k_options['mainpage']['ticker_cat_final'];
query_posts($query_string);

echo'<div id="featured_bottom">'."\n";
if($k_options['mainpage']['ticker_autorotate']==1)
{
echo'<div class="ticker">'."\n";
$firstitem = "class='active_ticker'"."\n";

if (have_posts()) :
while (have_posts()) : the_post();
echo'<span '.$firstitem.' ><a href="'.get_permalink().'"><strong>Latest News:</strong> '.get_the_title().'</a></span>'."\n";
$firstitem = "";
endwhile;
endif;
echo'</div><!--end ticker-->'."\n";
}

#start of small Preview images
$firstitem = "class='current_prev'";
echo '<div class="preview_images">'."\n";
foreach($previewpics as $link => $pic)
{
echo '<a '.$firstitem.' href="'.$link.'"><img src="'.$pic.'" alt="" height="30px" width="44px" /></a>'."\n";
$firstitem = "";
}
echo '</div><!-- end preview_images-->'."\n";
echo '</div><!-- end featured_bottom-->'."\n";
echo '</div><!-- end featured-->'."\n";

?>


<?php


#start of main content boxes
$runs = 3;

echo '<div class="content_top"></div>'."\n";
echo '<div id="content">'."\n";

for($counter = 1; $counter <= $runs; $counter++)
{
switch($k_options['mainpage']['box'.$counter.'_content'])
{
case 'post':
$query_string = "&showposts=1";
$offset = 0;
#calculate offset
if($counter > 1)
{
for($i = 1; $i < $counter; $i++)
{
if($k_options['mainpage']['box'.$i.'_content'] == $k_options['mainpage']['box'.$counter.'_content'])
{
if($k_options['mainpage']['box'.$i.'_content_post'] == $k_options['mainpage']['box'.$counter.'_content_post'] )
{
$offset++;
}
}
}
}

$query_string .= "&offset=".$offset.".&cat=".$k_options['mainpage']['box'.$counter.'_content_post'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;
break;

case 'page':
$query_string = "page_id=".$k_options['mainpage']['box'.$counter.'_content_page'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;

break;

case 'widget':
if (function_exists('dynamic_sidebar') && dynamic_sidebar('Frontpage Box'.$counter)){}
break;
default:
apply_placeholder($counter);
}
}

echo'</div><!-- end content-->';

function apply_placeholder($column)
{
$themeurl = get_bloginfo('template_url');

if($column == 1)
{
echo '
<div class="small_box box1">
<span class="meta">more for your money</span>
<h3><a href="http://www.kriesi.at/demos/twicet/multiple-skins/">Multiple Skins</a></h3>
<p>Twicet comes with multiple Skins to choose from. To make cusomization of existing skins easier the color informations are stored in separated stylesheets.</p>
<p>Additionally all PSD files that where used to create this theme are included.</p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/instyle.png" title="front1" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/freightbrokers.png" title="freightbrokers" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/celebritynewsandstyle.png" title="celebritynewsandstyle" class="alignnone ie6fix size-full wp-image-16"/></p>
</div>';
}

if($column == 2)
{
echo'
<div class="small_box box2">
<span class="meta">tested on multiple systems</span>
<h3><a href="http://www.kriesi.at/demos/twicet/works-everywhere/">Works everywhere</a></h3>
<p>This theme works fine under Windows, Linux and Mac OSX.</p>
<p>It was coded with web standards in mind and tested in multiple browsers, among them Internet Explorer 6,7 and 8, Firefox, Opera, Google Chrome and Safari.</p>
<p><img width="260" height="61" alt="front2" src="'.$themeurl.'/files/front2.png" title="front2" class="alignnone ie6fix size-full wp-image-17"/></p>
</div> ';
}

if($column == 3)
{
echo'
<div class="small_box box3">';
if (function_exists('vSlider')) { vSlider(); }
echo '<span class="meta">custom made scripts</span>
<h3><a href="http://www.kriesi.at/demos/twicet/jquery-improved-theme/">jQuery improved Theme</a></h3>
<p>Twicet uses custom written jQuery scripts that where coded to unobtrusively improve the website with various sleek effects.</p>
<p>These scripts are easy to customize and work with, so that using this website becomes a unique experience.</p>
<iframe width="275" height="165" scrolling="no" frameborder="0" src="http://www.goodwidgets.com/widgets/view_wordpress_b/182033 "> </iframe>

</div> ';
}
}
?>

marc1om
10-29-2009, 08:27 PM
Oh wow you are just too good! Thanks so much!

How would i get it to stretch across the two bottom columns?
As you can see now the dimensions are 275x165. Ideally this box would take up the two columns and be sized at 550x330.

If i delete the column entirely, it will just shift the third column over. It would need some kind of dimension change, no? it's active on the site now :)

SB65
10-29-2009, 08:43 PM
Heh, not that good, otherwise I wouldn't have mucked it up so many times!

Assuming you're going to remove the current box 2 code entirely, and make the current box 3 the new box 2, so you end up with something like:


<?php
global $k_options;
get_header();
?>

<div id="featured">

<?php



# Here starts the code for the Mainpage Image Slider

if($k_options['mainpage']['frontpage_image_count']){$mycount = $k_options['mainpage']['frontpage_image_count']; }else{$mycount = 5;}
$query_string .= "&showposts=$mycount";
$query_string .= "&cat=".$k_options['mainpage']['slider_cat_final'];
query_posts($query_string);

$firstitem = "current";


if (have_posts()) :
while (have_posts()) : the_post();
$frontpage_image = get_post_meta($post->ID, "frontpage-image", true);
$frontpage_image_small = get_post_meta($post->ID, "frontpage-image-small", true);
$frontpage_blank = get_post_meta($post->ID, "frontpage-blank", true);
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();

if($frontpage_image != "" && $k_options['general']['tim'] == 1)
{
$resizepath = get_bloginfo('template_url')."/timthumb.php?src="; #timthumb path
$resize_options1 = "&amp;w=44&amp;h=30&amp;zc=1";

$frontpage_image_small = $resizepath.$frontpage_image.$resize_options1;
}

$previewpics[$link] = $frontpage_image_small;

echo'<div class="featured_item '.$firstitem.'">'."\n";
$firstitem = "";

if(!$frontpage_blank) #user did not set the option "no text"
{
echo'<div class="featured_text">'."\n";
echo'<div class="entry">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h2><a href="'.$link.'" title="'.get_the_title().'" >'.get_the_title().'</a></h2>'."\n";
the_excerpt();
echo'</div>'."\n";
echo'<a href="'.get_permalink().'" class="read-more">Read more</a><a href="#" class="show-next">Next </a>'."\n";
echo'</div><!-- end featured_text-->'."\n";
}

echo'<div class="featured_image"><!--an image only slide -->'."\n";
echo'<a href="'.get_permalink().'"><img src="'.$frontpage_image.'" alt="" /></a>'."\n";
echo'</div><!-- end featured_item-->'."\n";
echo'</div><!-- end featured_image-->'."\n";




endwhile;
endif;

# Here starts the code for the newsticker

if($k_options['mainpage']['frontpage_ticker_count'] != ""){$ticker_count = $k_options['mainpage']['frontpage_ticker_count']; }else{$ticker_count = 5;}
$query_string = "&showposts=$ticker_count";
$query_string .= "&cat=".$k_options['mainpage']['ticker_cat_final'];
query_posts($query_string);

echo'<div id="featured_bottom">'."\n";
if($k_options['mainpage']['ticker_autorotate']==1)
{
echo'<div class="ticker">'."\n";
$firstitem = "class='active_ticker'"."\n";

if (have_posts()) :
while (have_posts()) : the_post();
echo'<span '.$firstitem.' ><a href="'.get_permalink().'"><strong>Latest News:</strong> '.get_the_title().'</a></span>'."\n";
$firstitem = "";
endwhile;
endif;
echo'</div><!--end ticker-->'."\n";
}

#start of small Preview images
$firstitem = "class='current_prev'";
echo '<div class="preview_images">'."\n";
foreach($previewpics as $link => $pic)
{
echo '<a '.$firstitem.' href="'.$link.'"><img src="'.$pic.'" alt="" height="30px" width="44px" /></a>'."\n";
$firstitem = "";
}
echo '</div><!-- end preview_images-->'."\n";
echo '</div><!-- end featured_bottom-->'."\n";
echo '</div><!-- end featured-->'."\n";

?>


<?php


#start of main content boxes
$runs = 3;

echo '<div class="content_top"></div>'."\n";
echo '<div id="content">'."\n";

for($counter = 1; $counter <= $runs; $counter++)
{
switch($k_options['mainpage']['box'.$counter.'_content'])
{
case 'post':
$query_string = "&showposts=1";
$offset = 0;
#calculate offset
if($counter > 1)
{
for($i = 1; $i < $counter; $i++)
{
if($k_options['mainpage']['box'.$i.'_content'] == $k_options['mainpage']['box'.$counter.'_content'])
{
if($k_options['mainpage']['box'.$i.'_content_post'] == $k_options['mainpage']['box'.$counter.'_content_post'] )
{
$offset++;
}
}
}
}

$query_string .= "&offset=".$offset.".&cat=".$k_options['mainpage']['box'.$counter.'_content_post'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;
break;

case 'page':
$query_string = "page_id=".$k_options['mainpage']['box'.$counter.'_content_page'];
query_posts($query_string);

if (have_posts()) :
while (have_posts()) : the_post();
$punchline = get_post_meta($post->ID, "punchline", true);
$link = get_permalink();
$more = 0;


echo'<div class="small_box box'.$counter.'">'."\n";
echo'<span class="meta">'.$punchline.'</span>'."\n";
echo'<h3><a href="'.$link.'">'.get_the_title().'</a></h3>'."\n";
the_content('read more &raquo;');
echo'</div><!--end widget-->'."\n";
endwhile;
endif;

break;

case 'widget':
if (function_exists('dynamic_sidebar') && dynamic_sidebar('Frontpage Box'.$counter)){}
break;
default:
apply_placeholder($counter);
}
}

echo'</div><!-- end content-->';

function apply_placeholder($column)
{
$themeurl = get_bloginfo('template_url');

if($column == 1)
{
echo '
<div class="small_box box1">
<span class="meta">more for your money</span>
<h3><a href="http://www.kriesi.at/demos/twicet/multiple-skins/">Multiple Skins</a></h3>
<p>Twicet comes with multiple Skins to choose from. To make cusomization of existing skins easier the color informations are stored in separated stylesheets.</p>
<p>Additionally all PSD files that where used to create this theme are included.</p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/instyle.png" title="front1" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/freightbrokers.png" title="freightbrokers" class="alignnone ie6fix size-full wp-image-16"/></p>
<p><img width="260" height="61" alt="front1" src="'.$themeurl.'/files/celebritynewsandstyle.png" title="celebritynewsandstyle" class="alignnone ie6fix size-full wp-image-16"/></p>
</div>';
}

if($column == 2)
{
echo'
<div class="small_box box2" id="box2col">';
if (function_exists('vSlider')) { vSlider(); }
echo '<span class="meta">custom made scripts</span>
<h3><a href="http://www.kriesi.at/demos/twicet/jquery-improved-theme/">jQuery improved Theme</a></h3>
<p>Twicet uses custom written jQuery scripts that where coded to unobtrusively improve the website with various sleek effects.</p>
<p>These scripts are easy to customize and work with, so that using this website becomes a unique experience.</p>
<iframe width="275" height="165" scrolling="no" frameborder="0" src="http://www.goodwidgets.com/widgets/view_wordpress_b/182033 "> </iframe>

</div> ';
}
}
?>

note the id added to the small_box div, and then add:


#box2col{width:550px;height:330px}

(not sure you really need the height) to your css. This is a "safe" way of doing it since I don't know where else your css might be applied - so I've used an id which will only be present on that div.

marc1om
10-29-2009, 08:55 PM
hmmm not sure what you mean by this:

note the id added to the small_box div, and then add:

Code:

#box2col{width:550px;height:330px}


I pasted the code into editor and right now it's displaying what the result is. Not sure if this will be easy to have this spread across the entire space.

SB65
10-29-2009, 09:28 PM
That's fine, the html is OK - you just haven't added the statement to your css. Add


#box2col{width:550px;height:330px}

to style.css. This then applies the 550px width to the div with id="box2col", which we've already added to the html.

marc1om
10-30-2009, 03:33 PM
hmmm not sure where to paste this in the css. Not really seeing anything to do with the boxes:


/*
Theme Name: Twicet
Theme URI: http://www.kriesi.at/
Description: A Business & Portfolio Theme
Version: 1.0
Author: Christian "Kriesi" Budschedl
Author URI: http://www.kriesi.at
*/


/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
margin:0;
padding:0;
}

/*Structured layout mainpage*/


body{
font-size:11.5px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
line-height:21px;
position:relative;
}

.wrap_all{ /*only needed if using big background images like in theme 5*/
width:100%;
position:relative;
display:table;
}

#top{
width:960px;
margin:0 auto;
position:relative;
}

/*****************************
1.) #head
/****************************/

#head{
height:128px;
position:relative;
z-index:10;
}

.logo, .logo a{
display:block;
height:83px;
width:229px;
position:absolute;
right:20px;
top:27px;
}

#top .logo a{
top:0;
right:0;
text-indent:-9999px;
outline:none;
}

/*****************************
2.) #main
/****************************/
#main{
position:relative;
padding-top:45px;
float:left;
}


/*****************************
3.) #mainpage image slider
/****************************/

#featured{
height:365px;
margin-bottom:25px;
position:relative;
}

.featured_item{
height:350px;
margin:0 auto;
position:relative;
top:-35px;
width:940px;
overflow:hidden;
display:none;
}

#top .current{
display:block;
}


.featured_text {
letter-spacing:0.4px;
left:30px;
line-height:26px;
position:relative;
top:30px;
width:332px;
z-index:2;
}

#featured .entry{
margin-bottom:8px;
height:242px;
overflow:hidden;
border-bottom:none;
padding-bottom:0;
}

.featured_image{
height:350px;
position:absolute;
right:0;
top:0;
width:940px;
overflow:hidden;
}

.featured_image img{
position:absolute;
right:0;
top:0;
}

#featured_bottom{
position:absolute;
height:60px;
bottom:-10px;
width:100%;
}

.ticker{
font-size:11px;
margin:18px 15px 0 39px;
width:450px;
}

.ticker, .ticker a{
text-decoration:none;
}

.ticker span{display:none;}
.ticker .active_ticker{display:block;}

.preview_images{
height:60px;
line-height:60px;
position:absolute;
right:39px;
top:10px;
}

.preview_images a img{
padding:1px;
}

.preview_images a{
outline:none;
display:block;
position:relative;
margin-right:5px;
float:left;
}

.pointer{
height:13px;
left:18px;
position:absolute;
top:37px;
width:13px;
}

/*****************************
4.) breadcrumb navigation
/****************************/


.breadcrumb{
font-size:11px;
left:40px;
position:absolute;
bottom:-49px;
z-index:5;
}

.breadcrumb a{
text-decoration:none;
}

.breadcrumb a:hover{
text-decoration:underline;
}
/*****************************
5.) content area below slider and on subpages
/****************************/

.content_top{
height:30px;
padding:0 10px;
width:940px;
float:left;
}

#content{
float:left;
padding:0 10px;
position:relative;
width:940px;
}

#sidebar{
float:left;
padding:0 0 15px 50px;
position:relative;
width:265px;
overflow:hidden;
}


#top #sidebar .small_box{
padding:0 0 15px 0;
}
/*****************************
6.) Portfolio Page (no sidebar)
/****************************/
#inner_content_big{
float:left;
width:880px;
padding:0 0 15px 30px;
position:relative;
}


.entry_portfolio{
padding-bottom:30px;
clear:both;
float:left;
width:100%;
position:relative;
}

.entry_portfolio p{
font-style:italic;
}

.portfolio_item{
height:132px;
overflow:hidden;
padding:5px;
position:relative;
width:250px;
}

#top .portfolio_item h3{
position:absolute;
bottom:13px;
left:0;
border:none;
padding:0;
margin:0;
line-height:1em;
}

#top #main .portfolio_item h3 a{
padding:4px 8px;
font-size:12px;
display:inline;
height:auto;
width:auto;
overflow:auto;
}

.portfolio_item a{
display:block;
overflow:hidden;
width:250px;
height:132px;
}


#top .portfolio_item img, #top .portfolio_item a img{
border:none;
padding:0 !important; /*ie 6 fix fix =)*/
margin:0;
}
/*****************************
7.)pages with sidebar
/****************************/

#inner_content, .inner_content{
float:left;
width:570px;
padding:0 0 15px 30px;
position:relative;
}

#top .portfolio_inner_content{
width:100%;
}

#inner_content .entry{
width:570px;
}

.entry{
clear:both;
margin-bottom:28px;
overflow:hidden;
padding-bottom:20px;
position:relative;
}

.entry-head{
position:relative;
top:-3px;
margin-bottom:20px;
font-size:11px;
}


.categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a{
text-decoration:none;
padding:2px 0;
}

#top .entry-head a, .more-link{
padding:2px 4px;
}


.date{
padding:2px 4px;
}



#subpage #content{
padding:20px 10px 0;
}


/*****************************
7.) Small Boxes and Sidebar "Widgets"
/****************************/

.small_box{
float:left;
padding:0 0 15px 50px;
position:relative;
width:260px;
}

#top .box1{
padding:0 0 15px 30px;
}

.small_box h3{
margin:0 0 5px;
}


.small_box img{
padding:5px 0 !important;
padding:0;/*ie6 fix for png elemnts needs this*/
}

.widget_categories a, .widget_pages a, .widget_archive a , .widget_recent_entries a, li.recentcomments, .widget_meta a{
padding:5px;
display:block;
text-decoration:none;
width:250px; /*change if sidebarwidth changes*/
}



/* uncomment this if you want sublevels with indents
.small_box ul ul a{
padding-left:25px;
width:230px;
}

.small_box ul ul ul a{
padding-left:45px;
width:210px;
}

.small_box ul ul ul ul a{
padding-left:65px;
width:190px;
}
*/

.widget_tag_cloud a{
text-decoration: none;
padding:0px 3px;
}

.widget_tag_cloud a:hover{
text-decoration: underline;
font-weight: bold;
}

li.recentcomments a{
text-decoration: none;
}

/*--------------------calendar--------------------*/
#wp-calendar a, #wp-calendar a:visited {
display:block;
text-decoration:none;
padding:0;
border:none;
width:auto;
}

#wp-calendar a:hover{
display:block;
}




#wp-calendar {
empty-cells: show;
width:100%;
text-align:center;

}

#wp-calendar #next a,#wp-calendar #prev a {
text-decoration:none;
display:block;
border:none;
}
#wp-calendar #next a:hover,#wp-calendar #prev a:hover {
}

#wp-calendar caption {
margin-bottom:5px;
}





#footer{
clear:both;
padding:40px 15px;
position:relative;
font-size:10px;
width:930px;
float:left;
}



.copyright{
float:left;
display:block;
}

.scroll-top{
float:right;
display:block;
}




/*****************************
#Single page comments
/****************************/

textarea {
width:538px;
padding:10px;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
}

#commentform{
padding-bottom:20px;
}

#top .commententry li, #top .commententry ul, #top .commententry ol{
border:none;
}

#top .commentlist, #top .commentlist li {
clear:both;
position:relative;
list-style-type:none;
padding:10px 0px 0px 25px;
background-image:none;
margin-bottom:10px;
}

#respond{
clear:both;
margin:20px 0 0 0;
width:100%;
}

#comment, fieldset textarea{
height:150px;
padding:5px;
width:97%;
line-height:24px;
}
#commentform p, fieldset p{
padding:2px 0;
clear:both;
}

#commentform input{
padding:5px;
}

.commentlist li h3{
float:left;
}


.commentlist .says{
display:none;
}

.commentlist .avatar{
border:1px solid #DDDDDD;
left:-25px;
padding:3px;
position:absolute;
top:14px;
z-index:3;
}

.commentlist .commentmetadata{
font-size:11px;
}

.commentlist .commentmetadata a{
position:relative;
font-size: 10px;
color:#888;
text-decoration: none;
line-height: 10px;
top:-5px;
}

.reply{
font-size:11px;
left:-19px;
position:absolute;
top:53px;
}

.fn{
font-weight:bold;
font-style:normal;
font-size: 13px;
}

.fn a{
text-decoration: none;
}

.reply a{
text-decoration:none;
}
.reply a:hover{
text-decoration:underline;
}

.comment_nav{
float:left;
height:38px;
padding:0 0 15px 50px;
width:508px;
}

.comment_nav a{
text-decoration:none;
cursor:pointer;
}

.comment_next{float:right;}

.comment_prev{float:left;}


.commentlist .children{
padding-left:20px;
padding-bottom:0;

}
#top .children li{
padding-right:0;

}



#top #cancel-comment-reply-link{
float:right;
height:26px;
line-height:26px;
margin-right:1px;
position:relative;
right:14px;
text-decoration:none;
}

.advancedlink{
line-height:28px;
}

.fullwidth{
width:558px;
}



/* ---------------------- Pagination -------------------*/

.pagination{
clear:both;
display:block;
float:left;
padding:0 0 20px 0px;
position:relative;
z-index:3;
}
.pagination span, .pagination a{
display:block;
float:left;
font-size:11px;
line-height:13px;
margin: 2px 2px 2px 0;
display:block;
padding:3px 6px;
text-decoration:none;
}

.pagination .current{
font-size:11px;
padding:3px 6px;
}

/*****************************
#basic & common styles
/****************************/

h1 a, h2 a, h3 a, h4 a, h5 a h6 a{
}

a{
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

a img{
border:none;
}

p{ padding: 0 0 1em 0}


ul, ol{
list-style-position:outside;
margin-left:20px;
}

#sidebar ul, #sidebar ol{
margin-left:0px;
}

#sidebar li{
list-style-type:none;
}


h1,h2,h3,h4,h5,h6, legend{
font-weight:normal;
padding-bottom:5px;
line-height:1.4em;
}

h1{clear:both; font-size:32px;font-weight:bold;}
h2{font-size:22px; clear:both;}
h3, legend{font-size:18px; clear:both;}
h4{font-size:16px; clear:both;}
h5{font-size:14px; clear:both;}
h6{font-size:13px; clear:both;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
text-decoration:none;
}




#featured h2{
margin-bottom:8px;
padding-bottom:8px;
}

#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a{
font-size:32px;
}

blockquote p{
padding:11px 0px;
}

blockquote{
margin:0 0 22px 5px;
padding:0 15px;
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

.clearboth{
clear:both;
}

.alignleft{
float:left;
margin:0px 15px 15px 0pt;
}

.alignright{
float:right;
margin:0px 0pt 15px 15px;
}

.aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}

#top .wp-smiley{
border:none;
padding:0;
}

.meta{
display:block;
position:relative;
top:3px;
font-size:11px;
line-height:14px;
min-height:14px;
}

.read-more, .show-next{
display:block;
font-size:11px;
font-weight:bold;
height:41px;
left:-2px;
line-height:41px;
position:relative;
text-align:center;
text-decoration:none;
width:165px;
}

#top .show-next{
bottom:0;
left:165px;
position:absolute;
}

.read-more:hover, .show-next:hover{
}

.entry ul, .entry ol{
list-style-type:disc;
list-style-position:inside;
margin:0;
padding:0 0 20px 0;
}

#top .entry ol{
list-style-type:decimal;
}

.entry li{
padding:3px 10px;
}

blockquote{
font-size:13px;
font-style:italic;
margin:0 0 20px;
padding:10px 20px 10px 41px;
}


/*CONTACT FORM*/



#searchsubmit, #send, #top #submit{
cursor:pointer;
}


#s, .text_input, .text_area{
padding:5px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
width:200px;
font-size:11.5px;
}

#sidebar #s{
width:155px !important; /*ie6fix*/
width:125px;
}

#top #searchsubmit, #top #send, #top #submit{
padding:4px 20px;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
font-size:11.5px;
}

.hidden{
display:none;
}
#commentform{
padding-bottom:20px;
}


fieldset{
border:none;
padding:0;
margin:0;
overflow:hidden;
}

fieldset label{
padding-left:7px;
}
.blocklabel{
display:block;
padding:10px 0 0 0;
}

#top .text_area{
width:450px;
}

.corner_left, .corner_right{
position:absolute;
top:0;
height:5px;
width:5px;
z-index:6;
left:0;
}

#top .corner_right{
left:935px;
}

/*navigation*/

.navwrap{
height:50px;
left:5px;
line-height:50px;
padding-right:18px;
position:absolute;
top:50px;
font-size:12px;
z-index:6;
}

#top #nav{
float:left;
height:50px;
line-height:50px;
padding-left:13px;
}


#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:50px;
z-index:5;

}


#top #nav a{
height:33px;
display:block;
padding:0 21px;
text-decoration:none;
text-align:center;
line-height:28px;
outline:none;
z-index:35;
position:relative;
float:left;
}

#top #nav ul a{
line-height:33px;
}

#top #nav li{
float:left;
position:relative;
z-index:20;
margin-top:11px;
}

#top #nav li li{
border-left:none;
margin-top:0;
}

#top #nav ul {
position:absolute;
display:none;
width:172px;
top:33px;
left:-1px;

}

#top #nav li ul a{
width:130px;
height:auto;
float:left;
text-align:left;
padding:0 21px;
}

#top #nav ul ul{
top:auto;
border-top:none;
}

#top #nav li ul ul {
left:172px;
top:0px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top #nav li:hover ul ul ul ul{
display:none;
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}

SB65
10-30-2009, 03:42 PM
Doesn't matter at all from html/css point of view, but otherwise under "7.) Small Boxes and Sidebar "Widgets"" looks like a good place.

marc1om
10-30-2009, 03:59 PM
Can't thank you enough!!!!! :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum