Ondersteuning » Thema en CSS/opmaak » nextgen gallery slideshow in header plaatsen
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
-
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.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.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.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.
- Het onderwerp ‘nextgen gallery slideshow in header plaatsen’ is gesloten voor nieuwe reacties.