Fullscreen Theme – Arrow/Next Page issue

  • jorisvanlaar

    (@jorisvanlaar)


    15 years, 4 months ago

    I’m making a portfolio site (http://maartjevanlaar.nl) for my little sister as a surprise. I’m using the Fullscreen theme: http://graphpaperpress.com/themes/fullscreen/

    Everything is working fine except for one thing: The arrow/next page link isn’t actually pointing to the next page.
    This blog is an example of a working arrow/next page: http://meicw.com/blog/

    I think I should alter the code in the header.php, since this is the only code that refers to the arrow gif. But I don’t know what I have to change :S

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url') ?>" />
<link rel="stylesheet" href="<?php bloginfo("template_directory"); ?>/css/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo("template_directory"); ?>/css/ie.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="<?php bloginfo("template_directory"); ?>/css/ie-nav.css" type="text/css" media="screen, projection" /><![endif]-->
<?php if (is_home()) : ?>
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo("template_directory"); ?>/css/no-scroll.css" type="text/css" media="screen, projection" /><![endif]-->
<?php endif; ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

<?php if(is_home()) { ?>
<style type="text/css"> body {overflow: hidden;} </style>
<?php } ?>
<?php wp_head(); ?>
</head>
<body>

<!-- Begin Homepage Navigation -->
<?php if (is_home()) : ?>
    <div class="home">
    <div id="branding">
        <div class="brand-wrap">
        <h2><a href="<?php bloginfo('home'); ?>/" title="Home"><?php bloginfo('name'); ?></a></h2>
        <div class="description"><?php bloginfo('description'); ?></div>
        <?php include (TEMPLATEPATH . '/nav.php'); ?>
        <div class="go-left"><a href="#"><img src="<?php bloginfo("template_directory"); ?>/images/back.gif" class="go-left" alt="back" /></a></div>
    	<div class="go-right"><a href="#"><img src="<?php bloginfo("template_directory"); ?>/images/forward.gif" class="go-right" alt="forward" /></a></div>
	    </div>
	</div>
<?php else: ?>
<!-- Begin Interior Page Navigation -->
    <div class="container">
        <!-- Begin Masthead -->
        <div id="masthead">
        <h2><a href="<?php bloginfo('home'); ?>/" title="Home"><?php bloginfo('name'); ?></a></h2>
        <div class="description"><?php bloginfo('description'); ?></div>
        <?php include (TEMPLATEPATH . '/nav.php'); ?>
        </div>
<?php endif; ?>

    Hoping for some help!

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

    (@lamostreta)

    15 years, 3 months ago

    hi, it looks like you have solved your problem. I am trying to do the same thing. how did you solve this problem?

    Thread Starter jorisvanlaar

    (@jorisvanlaar)

    15 years, 3 months ago

    First you have to change the number of pages you want to have by changing the width in rule 40 of style.css. One page has a width of 1600px, so if you want two just do the math.

    Than you want to change the total number of photos you want to display over your multiple pages. You can do this in rule 21 of home.php For example: cat=&showposts=84&offset=10, 84 is the total number of photos you want to display, 10 is the number of photos that are already displayed as larger images on the top and therefore do not have to be displayed as smaller images as well.
    Also change the offset number in rule 5

    Hope this helps!

    bmascal

    (@bmascal)

    15 years, 3 months ago

    I wanted to let you know that the website you have created looks great. I think the changes you have made to the fullscreen theme are working very well. I am in the process of making a portfolio website as well, http://www.bradmascal.com/, and am trying to deal with manipulating this theme but could use some good pointers.

    The first concern of mine is something that you seem to have achieved on the website you made. I am trying to figure out a way to control the dimming feature on the post images located on the home page. I feel that the images become too washed out when not being hovered over and I really want to either limit the amount that they are being dimmed when the mouse is at rest or figure out another method to help call the images out when hovered over, such as making a colored image become black and white, or a black and white image become tinted with a green film, etc…

    Second concern is directed towards giving the user the ability to also scroll up and down, similar to the arrows allowing users to scroll left and right. I have created the images and placed them where I want but where I am having a hard time is actually giving them the ability to move the page up or down when necessary as I anticipate some viewers will not be able to fit all the images on their screen.

    Final concern is centering everything on the home page if at all possible.

    Take a look.

    Thanks

    quackshot

    (@quackshot)

    15 years, 1 month ago

    @jorisvanlaar:

    BIG Thanks !, i was in the same dead-end, wanting to double my number of pics, and now you shed some light and it works !!!

    Now, If i can ask on this thread, one more question, this time regarding menus on your home page:

    — What are the steps you took to put the CONTACT and SEARCH menus beside the CATEGORIES menu ???

    Being a WordPress rookie, until now i was only able to put a CATEGORIES menu on my home page !

    Thanks !

    opusimagery

    (@opusimagery)

    14 years, 11 months ago

    @bmascal

    You can change the image opacity in the file fullscreen.js (themes/fullscreen/js/fullscreen.js).

    I like how you made your site contained in a smaller area as opposed to the default fullscreen spread, how did you do this?

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

The topic ‘Fullscreen Theme – Arrow/Next Page issue’ is closed to new replies.