Adding sliding image and link to Picture perfect

Any questions about styling and customising the layout, changing the number of columns, changing the number of sliding images and so on.

Adding sliding image and link to Picture perfect

Postby joe1212 » Fri Aug 10, 2012 5:50 pm

Hi Wayne,
I've been using PP for a while now and really like the theme. I've looked all over the forums and can't seem to find the answers I'm looking for as support for PP seems limited.

I would really like to add an 8th image to the sliding image menu with a link to a page.

My guess is that it has something to do with this code -

<!-- change the href to look like this: <a href="yourlink.com"> -->
<li class="bk1"><a href="http://mac-host.com/install.html">About</a></li>
<li class="bk2"><a href="http://mac-host.com/install.html">Weddings</a></li>
<li class="bk3"><a href="http://mac-host.com/support">Places</a></li>
<li class="bk4"><a href="http://mac-host.com/install.html">Food</a></li>
<li class="bk5"><a href="http://dubbo.org">People</a></li>
<li class="bk6"><a href="http://macintoshhowto.com">Nature</a></li>
<li class="bk7"><a href="http://7.barracks.cl">Architecture</a></li>

';
else {
for ( $counter = $count+1; $counter <= 7; $counter += 1) {
$output = $output.'<li class="page_item bk'.($counter).'"><a href="" title=""></a></li>';
}



I've done some trial and error and cant seem to get anywhere with it.

Is it possible to add this to an existing site?
I remember these pages were added first to populate these links when I first installed??

If so what would need to change and how would I add the image and link

Here is my page http://www.joemangrum.com

If I could add the 8th image that would be great..

Thanks so much!
joe1212
I'm new here
 
Posts: 2
Joined: Fri Aug 10, 2012 5:21 pm

Re: Adding sliding image and link to Picture perfect

Postby wayne » Sun Aug 12, 2012 4:36 am

There are discussions here on how to do this with sliding door. The same applies for PP.
wayne
Site Admin
 
Posts: 727
Joined: Tue Apr 08, 2008 7:02 pm

Re: Adding sliding image and link to Picture perfect

Postby joe1212 » Sun Aug 12, 2012 2:10 pm

wayne wrote:1. You remove (or add) one of the li lines in the header code in the div calle dimage menu.
2. You adjust the openWidth parameter in the javascript just below that in the header.
3. You may also want to change the closed widths in the imagemenu.CSS file.

in the section that begins #imageMenu ul li a {
width:133px is the width of the picture when closed.



This is what I find but there is no imagemenu.css file in PP is there anyone out there who can give a step by step in PP ??
joe1212
I'm new here
 
Posts: 2
Joined: Fri Aug 10, 2012 5:21 pm

Re: Adding sliding image and link to Picture perfect

Postby wayne » Mon Aug 13, 2012 3:22 am

It's in the imagemenu folder.
You'll need to download the theme to your computer to edit it - you can't do it from the wordpress admin back end - and then upload it again via ftp.
wayne
Site Admin
 
Posts: 727
Joined: Tue Apr 08, 2008 7:02 pm


Return to Advanced - Customising the theme



cron