Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter InSanitySa

    (@insanitysa)

    this is an example of what i am wanting

    http://evaclive.com/

    Hi There,

    I tried to get this to work unfortunately my coding knowledge is very limited so i copied your code and just changed the links but im still getting them underneath each other

    http://eaegaming.co.za/live-streams

    <section id="stream">
    <div class="row">
    <div class="large-1 columns" style="padding-right: 0 !important;" id="streamwindow">
            <script type="text/javascript" src="http://eaegaming.co.za/wp-content/plugins/twitch-tv-embed-suite/scripts/swfobject.js"></script>
    <script type="text/javascript">
    			var flashvars = {};
    			flashvars.flashvars = "hostname=www.twitch.tv&channel=evac&auto_play=true&start_volume=25";
    			var params = {};
    			params.allowfullscreen = "true";
    			params.allowscriptaccess = "always";
    			params.bgcolor = "#000000";
    			params.wmode = "window";
    			var attributes = {};
    			attributes.id = "live_embed_player_flash";
    			swfobject.embedSWF("http://www.twitch.tv/widgets/live_embed_player.swf", "eaegaming", "50%", "525", "9.0.0", "http://eaegaming.co.za/wp-content/plugins/twitch-tv-embed-suite/scripts/expressInstall.swf", flashvars, params, attributes);
    		</script>
    <div id="player">
    <div id="eaegaming"><a href="http://www.twitchtv.com/eaegaming"><img class="alignnone size-full wp-image-10" alt="no-flash" src="http://eaegaming.co.za/wp-content/uploads/2013/08/offline_blue.png" /></a></div>
    </div>
    </div>
    <div class="large-4 columns" style="padding-left: 0 !important;" id="chatwindow">
    <div id="chat">
       <iframe frameborder="0" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=eaegaming&popout_chat=true" height="490" width="50%"></iframe></div>
    </div>
    </div>
    <div class="row">
    <div class="large-12 columns" style="text-align: center; margin-top: 10px;"><button class="large button round" id="toggleChat">Show/Hide Chat</button></div>
    </div>
    </section>

    I know this is a old post but all you have to do is change the heading lines as suggested earlier then swap the news Ul with the reviews UL so basically this is my code

    <div class="widget reviews_widget">
    			<div class="tabs-wrapper">
    
    			<ul class="tabs-nav tabs">
                                    <li><a href="#"><?php _e('News','gamepress'); ?></a></li>
    				<li><a href="#"><?php _e('Reviews','gamepress'); ?></a></li>
    				<li><a href="#"><?php _e('Videos','gamepress'); ?></a></li>
    			</ul>
    
                            <ul id="tabs-1" class="news pane">
    
    			<?php
    
    			$recent_posts = new WP_Query(array('showposts' => $number,'post_status' => 'publish'));
    
    			?>
    
    				<?php while($recent_posts->have_posts()): $recent_posts->the_post(); ?>
    
    				<li>
    					<?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())  ) : ?>
    					<div class="entry-thumb">
    					<a href="<?php echo get_permalink() ?>" class="img-bevel" rel="bookmark" title="<?php the_title(); ?>">
    						<?php the_post_thumbnail(); ?>
    					</a>
    					</div>
    					<?php endif; ?>
    					<div class="entry-wrapper">
    						<h6 class="entry-title"><a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h6>
    						<div class="entry-meta">
    							<?php the_time('F j, Y') ?> |
    							<?php comments_popup_link(__('No comments','gamepress'), __('1 comment','gamepress'), __('Comments: %','gamepress')); ?>
    						</div>
    					</div>
    				</li>
    
    				<?php endwhile; ?>
    			</ul>
    
    		        <?php wp_reset_query(); ?>
    			<ul id="tabs-2" class="reviews pane">
    			<?php
    
    			/** Get all reviews **/
    
    			$query_r = array('posts_per_page' => $number, 'nopaging' => 0, 'post_status' => 'publish', 'post_type' => 'gamepress_reviews');
    			$reviews = new WP_Query($query_r);
    			if ($reviews->have_posts()) :			
    
    			?>
    				<?php  while ($reviews->have_posts()) : $reviews->the_post(); ?>
    
    				<li>
    					<?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())  ) : ?>
    					<div class="entry-thumb">
    					<a href="<?php echo get_permalink() ?>" class="img-bevel" rel="bookmark" title="<?php the_title(); ?>">
    						<?php the_post_thumbnail(); ?>
    					</a>
    					</div>
    					<?php endif; ?>
    
    					<div class="entry-wrapper">
    						<h6 class="entry-title"><a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h6>
    						<div class="entry-meta">
    							<?php the_time('F j, Y') ?> |
    							<?php comments_popup_link(__('No comments','gamepress'), __('1 comment','gamepress'), __('Comments: %','gamepress')); ?>
    						</div>
    
    						<?php if(get_post_meta(get_the_ID(), "gamepress_score", true)) : ?>
    						<div class="rating-bar">
    							<?php echo gamepress_rating(get_post_meta(get_the_ID(), "gamepress_score", true)); ?>
    						</div>
    						<?php endif; ?>
    					</div>
    				</li>
    
    				<?php endwhile; ?>
    			<?php
    			else: _e('No game reviews yet.','gamepress');
    			endif;
                wp_reset_query();
    			?>
    
    			</ul>
    
    			<ul id="tabs-3" class="video pane">
    			<?php
    
    			/** Get all videos **/
    
    			$query_v = array('showposts' => $number, 'nopaging' => 0, 'post_status' => 'publish', 'post_type' => 'gamepress_video');
    			$videos = new WP_Query($query_v);
    			if ($videos->have_posts()) :
    
    			?>
    				<?php  while ($videos->have_posts()) : $videos->the_post(); ?>
    
    				<li>
    					<?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())  ) : ?>
    					<div class="entry-thumb">
    					<a href="<?php echo get_permalink() ?>" class="img-bevel" rel="bookmark" title="<?php the_title(); ?>">
    						<?php the_post_thumbnail(); ?>
    					</a>
    					</div>
    					<?php endif; ?>
    
    					<div class="entry-wrapper">
    						<h6 class="entry-title"><a href="<?php echo get_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h6>
    						<div class="entry-meta">
    							<?php the_time('F j, Y') ?> |
    							<?php comments_popup_link(__('No comments','gamepress'), __('1 comment','gamepress'), __('Comments: %','gamepress')); ?>
    						</div>
    					</div>
    				</li>
    
    				<?php endwhile; ?>
    
    			<?php
    			else: _e('No videos yet.','gamepress');
    			endif;
                wp_reset_query();
    			?>
    			</ul>
    Thread Starter InSanitySa

    (@insanitysa)

    managed to get it right check http://www.eae2.co.za/wp and you will see what i mean

    Thread Starter InSanitySa

    (@insanitysa)

    Hi yeah thats what im saying if i can get it right in the free version then i will buy the pro version but basically what i want is the sides and bottom to have the background image but just behind the actual content there should be a separate color or background picture… im busy doing a picture maybe that will help explain ti better

Viewing 5 replies - 1 through 5 (of 5 total)