Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 10-29-2009, 03:28 PM   PM User | #1
marc1om
New Coder

 
Join Date: Oct 2009
Posts: 18
Thanks: 2
Thanked 0 Times in 0 Posts
marc1om is an unknown quantity at this point
Wordpress Help

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(); ?>
marc1om is offline   Reply With Quote
Old 10-29-2009, 04:10 PM   PM User | #2
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,817
Thanks: 9
Thanked 681 Times in 675 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
The div small_box box 3 is produced by this code, which is within a loop incrementing the variable $counter:

PHP Code:
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:

PHP Code:
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.

Last edited by SB65; 10-29-2009 at 07:27 PM..
SB65 is offline   Reply With Quote
Old 10-29-2009, 04:43 PM   PM User | #3
marc1om
New Coder

 
Join Date: Oct 2009
Posts: 18
Thanks: 2
Thanked 0 Times in 0 Posts
marc1om is an unknown quantity at this point
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?

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 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(); ?>
marc1om is offline   Reply With Quote
Old 10-29-2009, 04:57 PM   PM User | #4
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,817
Thanks: 9
Thanked 681 Times in 675 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
No, I think you want something like:

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";
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>	 ';
}
}
?>
SB65 is offline   Reply With Quote
Old 10-29-2009, 05:32 PM   PM User | #5
marc1om
New Coder

 
Join Date: Oct 2009
Posts: 18
Thanks: 2
Thanked 0 Times in 0 Posts
marc1om is an unknown quantity at this point
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!!
marc1om is offline   Reply With Quote
Old 10-29-2009, 06:02 PM   PM User | #6
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,817
Thanks: 9
Thanked 681 Times in 675 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
Struggling a bit with this one. I've just read the vSlider installation instructions and it looks like you just need:

Code:
<?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?
SB65 is offline   Reply With Quote
Old 10-29-2009, 06:21 PM   PM User | #7
marc1om
New Coder

 
Join Date: Oct 2009
Posts: 18
Thanks: 2
Thanked 0 Times in 0 Posts
marc1om is an unknown quantity at this point
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/
marc1om is offline   Reply With Quote
Old 10-29-2009, 06:28 PM   PM User | #8
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,817
Thanks: 9
Thanked 681 Times in 675 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
Is that page using the php code I just posted?
SB65 is offline   Reply With Quote
Old 10-29-2009, 06:35 PM   PM User | #9
marc1om
New Coder

 
Join Date: Oct 2009
Posts: 18
Thanks: 2
Thanked 0 Times in 0 Posts
marc1om is an unknown quantity at this point
yup
marc1om is offline   Reply With Quote
Old 10-29-2009, 06:41 PM   PM User | #10
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,817
Thanks: 9
Thanked 681 Times in 675 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
OK, final attempt....although this is almost what we had before:

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">
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?
SB65 is offline   Reply With Quote
Old 10-29-2009, 06:57 PM   PM User | #11
marc1om
New Coder

 
Join Date: Oct 2009
Posts: 18
Thanks: 2
Thanked 0 Times in 0 Posts
marc1om is an unknown quantity at this point
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!
marc1om is offline   Reply With Quote
Old 10-29-2009, 07:11 PM   PM User | #12
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,817
Thanks: 9
Thanked 681 Times in 675 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
Might be my error..oops..although heaven knows why that's zapped the whole page. Have a go with:

PHP 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">'
;
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>     '
;
}
}
?>
SB65 is offline   Reply With Quote
Old 10-29-2009, 07:27 PM   PM User | #13
marc1om
New Coder

 
Join Date: Oct 2009
Posts: 18
Thanks: 2
Thanked 0 Times in 0 Posts
marc1om is an unknown quantity at this point
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
marc1om is offline   Reply With Quote
Old 10-29-2009, 07:43 PM   PM User | #14
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,817
Thanks: 9
Thanked 681 Times in 675 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
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 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" 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:

Code:
#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.
SB65 is offline   Reply With Quote
Old 10-29-2009, 07:55 PM   PM User | #15
marc1om
New Coder

 
Join Date: Oct 2009
Posts: 18
Thanks: 2
Thanked 0 Times in 0 Posts
marc1om is an unknown quantity at this point
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.
marc1om is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 05:08 AM.


Advertisement
Log in to turn off these ads.