Ondersteuning » Thema en CSS/opmaak » nextgen gallery slideshow in header plaatsen

  • Ik gebruik nu het Platform template. Weet iemand hoe ik in de header een slideshow van NextGen Gallery kan plaatsen?

    Alvast bedankt

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Een div maken in de header ,<div>[nggallery id=1]</div> lijkt me.
    De ‘id’ maakt nextgen zelf en moet je dus veranderen. De div zou je moeten positioneren in css. Ik weet niet of het werkt.

    Thread starter twart3

    (@twart3)

    Dank je wel.
    Ik ben een complete newbie, dus kun je iets meer uitleggen over dat positioneren in css?

    Als je een newbie bent zou ik er niet aan beginnen.
    De hele opmaak staat in style.css. De <div>[nggallery id=1]</div> zet je onder een andere div en je geeft hem een id mee, dus <div class="gallerijindeheader">[nggallery id=1]</div>
    In de style.css zet je dan #gallerijindeheader {position:relative;left:100px;top:150px;}
    Als je het nu nog begrijpt help ik je verder.

    Thread starter twart3

    (@twart3)

    op zich snap ik het wel. Ik zou de gegeven codes gewoon in de bestanden moeten plakken. Echter dit is het geen dat in mijn style.css staat:

    /*
    Theme Name: Platform
    
    Description: Platform is a drag-and-drop framework for WordPress. It will help you do amazing things with your site, faster & easier than ever before. Designed and developed by PageLines in San Diego, California.
    
    Version: 1.1.3
    
    Author: PageLines
    
    Author URI: http://www.pagelines.com
    
    Theme URI: http://www.pagelines.com/themes/platformpro
    
    Tags: buddypress, theme-options, theme-options, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-menu, fixed-width, threaded-comments, custom-background,  custom-header, custom-colors, translation-ready, white, silver, light, blue, green, yellow
    
    ***** IMPORTANT *****
    Don't pirate this theme. Themes are typically hacked and injected with spam files and scripts that will get you 'black-listed' from search engines and create security risks on your server.
    
    License: GPL
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    
    CUSTOMIZATION NOTE - Customization CSS in PageLines Themes
    	- Customize PageLines themes by adding CSS in the theme settings or in a child theme.
    	- Don't add it here; as it will either get overwritten by updates, or prevent you from updating at all
    	- (Trust us on this one!)
    
    */
    
    /* Get Core CSS */
    @import url('core/css/core.css');
    
    /* Get Theme CSS */
    @import url('css/theme.css');
    
    <div class="gallerijindeheader">[nggallery id=1]</div>
    
    /* For WordPress.org theme repository checklist */
    .alignright {}
    .alignleft {}
    .alignnone {}
    .aligncenter {}
    .avatar {}
    .wp-caption {}
    .wp-caption-text {}
    .gallery {}
    .gallery-caption {}
    .sticky {}
    .bypostauthor {}
    .wp-smiley {}

    verder noem je twee keer style.css in je uitleg.

    Maar als je me verder wil helpen, graag.

    Geef de url van je website even.
    en de code van header.php dan is het zo opgelost.

    Thread starter twart3

    (@twart3)

    Thanks.

    De website staat op: http://galle.vdne.nl/

    Dit is de code van header.php:

    <?php
    /*
    
    	HEADER
    
    	This file controls the HTML <head> and top graphical markup (including Navigation) for each page in your theme.
    	You can control what shows up where using WordPress and PageLines PHP conditionals
    
    	This theme copyright (C) 2008-2010 PageLines
    
    */
    	do_action('pagelines_before_html'); //hook
    ?><!DOCTYPE html><!-- HTML 5 -->
    <html <?php language_attributes(); ?>>
    <head>
    <?php
    		do_action('pagelines_code_before_head'); //hook 
    
    		pagelines_head_common(); // Common header information
    
    		do_action('pagelines_head'); //hook 
    
    		print_pagelines_option('headerscripts'); // Header Scripts Input Option
    
    		pagelines_font_replacement(); // Cufon Font Replacement
    
    		pagelines_fix_ie('.pngbg, .shadow-bottom, .post-comments a, #fcolumns_container, #footer img, .branding_wrap img, .fboxgraphic img '); // Fix IE Issues. Args = .png images to fix in ie6 
    
    		wp_head(); // Hook (WordPress) 
    
    ?></head>
    <body 
    
    <?php body_class( pagelines_body_classes() ); ?>>
    
    	<?php print_pagelines_option('asynch_analytics');  // Recommended Spot For Asynchronous Google Analytics ?>
    
    	<?php do_action('pagelines_before_site'); //hook ?>
    	<div id="site" class="<?php echo pagelines_layout_mode();?>"> <!-- #site // Wraps #header, #page-main, #footer - closed in footer -->
    
    		<?php do_action('pagelines_before_page'); //hook ?>
    		<div id="page"> <!-- #page // Wraps #header, #page-main - closed in footer -->
    			<div id="page-canvas">
    				<?php do_action('pagelines_before_header');?>
    				<div id="header" class="container-group fix">
    					<div class="outline">
    						<?php do_action('pagelines_header', 'header'); //hook ?>
    					</div>
    				</div>
    				<?php do_action('pagelines_before_main'); //hook ?>
    				<div id="page-main" class="container-group fix"> <!-- #page-main // closed in footer -->
    					<div id="dynamic-content" class="outline fix">
    						<?php if(pagelines_is_buddypress_page()):?>
    							<div id="buddypress-page" class="fix">
    								<div class="content fix">
    						<?php endif;?>

    Je hebt 2 ccs files, theme.css (meer dan 1000 regels) en core.css van 146 regels. Het is behoorlijk afwijkend van de standaard wp css.
    Van de header kan ik alleen dit vinden:

    #header .outline{
    		position: relative;
    		zoom: 1;
    		z-index:15; /* ie drop-down fix */
    	}

    De header section is verder niet gedefinieerd (Hoogte etc). Alleen de opmaak van tekst ed.

    <div class="gallerijindeheader">[nggallery id=1]</div>

    Dit hoort niet in de style.css maar in de header.
    Wat je nu precies wilt is me ook niet helemaal duidelijk.
    Dan kom ik terug bij je vraag:

    Weet iemand hoe ik in de header een slideshow van NextGen Gallery kan plaatsen?

    Wil je een rotating header—daar zijn plugins voor met hetzelfde effect als die van nextgen.
    Wil je een slideshow van nextgen dan zul je de opmaak van header een hoogte moeten geven en plaatsen in je header.php
    Hier plaats je dan <div class=”gallerijindeheader”>[nggallery id=1]</div> in. Verder begrijp ik ook niet waarom je het oorspronkelijke Thema zo hebt uitgekleed.

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘nextgen gallery slideshow in header plaatsen’ is gesloten voor nieuwe reacties.