WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
Navigation Positioning and bits (5 posts)

  1. mrjohnlatham
    Member
    Posted 1 year ago #

    Hello, I'm looking for some help to reposition the navigation and image name elements. You can view the current gallery here and I'm looking to replicate this.

    Ignore the image size, I'll sort that when I have the nav in the correct places.

    Any help would be great. Thanks

    http://wordpress.org/extend/plugins/nextgen-gallery/

  2. mukesh panchal
    Member
    Posted 1 year ago #

    u have to change the html u put in nextgen-gallery
    it is simple

  3. mrjohnlatham
    Member
    Posted 1 year ago #

    Could you please assist me?

  4. mrjohnlatham
    Member
    Posted 1 year ago #

    For anyone that would like to help out here is my HTML code...

    <?php
    /**
    Template Page for the image browser
    
    Follow variables are useable :
    
    	$image : Contain all about the image
    	$meta  : Contain the raw Meta data from the image
    	$exif  : Contain the clean up Exif data
    	$iptc  : Contain the clean up IPTC data
    	$xmp   : Contain the clean up XMP data 
    
     You can check the content when you insert the tag <?php var_dump($variable) ?>
     If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
    **/
    ?>
    <?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($image)) : ?>
    
    <div class="ngg-imagebrowser" id="<?php echo $image->anchor ?>">
    
    	<div class="pic"><?php echo $image->href_link ?></div>
    
    	<h3><?php echo $image->alttext ?></h3>
    
    	<div class="ngg-imagebrowser-nav"> 
    
    		<div class="next">
    			<a class="ngg-browser-next" id="ngg-next-<?php echo $image->next_pid ?>" href="<?php echo $image->next_image_link ?>"><?php _e('Next', 'nggallery') ?></a>
    		</div>
    
    <div class="back">
    			<a class="ngg-browser-prev" id="ngg-prev-<?php echo $image->previous_pid ?>" href="<?php echo $image->previous_image_link ?>"><?php _e('Previous', 'nggallery') ?></a>
    		</div>
    
    <div class="counter"><?php _e('', 'nggallery') ?> <?php echo $image->number ?> <?php _e(' / ', 'nggallery')?> <?php echo $image->total ?> </div>
    
    		<div class="ngg-imagebrowser-desc"><p><?php echo $image->description ?></p></div>
    	</div>	
    
    </div>	
    
    <?php endif; ?>

    And here is my CSS...

    /* ----------- Image browser style -------------*/
    
    .ngg-imagebrowser {
    
    }
    
    .ngg-imagebrowser h3 {
    	text-align:center;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 17px;
    float: left;
    
    }
    
    .ngg-imagebrowser img {
    	border: 0px solid #A9A9A9;
    	margin-top: 0px;
    	margin-bottom: 0px;
    	width: 100%;
    	display:block !important;
    	padding: 0px;
    }
    
    .ngg-imagebrowser-nav {
    	padding: 0px;
    	margin-left: 0px;
    }
    
    .ngg-imagebrowser-nav .back {
    	float:right;
    	border: 0px solid #DDDDDD;
    	margin-right: 0px;
    	padding: 0px 0px;
    }
    
    .ngg-imagebrowser-nav .next {
    	float: right;
    	border: 0px solid #DDDDDD;
    	margin-right: 0px;
    	padding: 0px 0px;
    }
    
    .ngg-imagebrowser-nav .counter {
    	float: right;
    	font-size: 12px !important;
    }
    
    .exif-data {
      	margin-left: auto !important;
        margin-right: auto !important;
    }
  5. mrjohnlatham
    Member
    Posted 1 year ago #

    I've done as much as I can up to now, all I need is a gap between the numbers and the word 'Previous' and a 'Space / Space' in between 'Previous' and 'Next'. Also, there is a random line break above the navigation.

    On top of this, how would I get the whole navigation to be under the grey line at the footer? Thanks

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic