In Need Of Help From A Wordpress Wizard

Tomas

I think the problem is due to the fact that your post area, is a narrow width, this is a problem I had when I reduced the width of my site.

I overcame this by reducing the size of my slideshow, and then setting it to run in a shadowbox.

I think that is the only way you will be able to do it.... as the slideshow is justifying to the edge of your post container, I will have a look to see if there is a way that you can set it to hover over the container.

Nigel
 
Shutterman said:
Tomas

I think the problem is due to the fact that your post area, is a narrow width, this is a problem I had when I reduced the width of my site.

I overcame this by reducing the size of my slideshow, and then setting it to run in a shadowbox.

I think that is the only way you will be able to do it.... as the slideshow is justifying to the edge of your post container, I will have a look to see if there is a way that you can set it to hover over the container.

Nigel
Click to expand...

Cheers Nige!

Basically, I really, really don't want to downsize the gallery/slideshow. This is why I'm looking at alternatives to JS shadow box.

If I can just get the loader to appear in the centre, the jobs a sterling one but as the post content is 500px and the gallery size is 1000px this seems difficult.

There is a way to make a custom page width template but this would need to relate with the postContent fields.

I tried this earlier but it wouldn't work as a result of the postContent parameters. :(
 
Tomas

Here is some information on using custom page templates for single pages.

I think this is the only way you are going to get round this.

You will still be able to keep the centred formatting for the Blog title and menu stuff it is just the page width that will be modified since the page is white and there are no borders it should not matter.

Page Templates
Individual Pages can be set to use a specific custom Page Template (a PHP template file, e.g., snarfer.php) you create within your Theme (see Creating your own Page Templates below on how to create a custom template). This new Page Template will then override the default page.php Page Template included with your Theme. See What Template is used to Display a Particular Page? below, to find out exactly which Template will be used, but read the following first, so you understand the answer :)

WordPress can be configured to use different Page Templates for different Pages. Toward the bottom of the Write > Page administration panel (or on the sidebar, depending on which version of WordPress you are using) is a drop-down labeled "Page Template." From there you can select which Template will be used when displaying this particular Page.

NOTE: In order to access the Page Template selector, there must be at least one custom Page Template available in the active theme (see Creating your own Page Templates below to learn how to create one). If a custom page exists, but you still are not able to see Page Template selector, try to re-activate your current theme.

Here is link to wordpress site where I lifted the info.

http://codex.wordpress.org/Pages

Nigel
 
Shutterman said:
Tomas

Here is some information on using custom page templates for single pages.

I think this is the only way you are going to get round this.

You will still be able to keep the centred formatting for the Blog title and menu stuff it is just the page width that will be modified since the page is white and there are no borders it should not matter.

Page Templates
Individual Pages can be set to use a specific custom Page Template (a PHP template file, e.g., snarfer.php) you create within your Theme (see Creating your own Page Templates below on how to create a custom template). This new Page Template will then override the default page.php Page Template included with your Theme. See What Template is used to Display a Particular Page? below, to find out exactly which Template will be used, but read the following first, so you understand the answer :)

WordPress can be configured to use different Page Templates for different Pages. Toward the bottom of the Write > Page administration panel (or on the sidebar, depending on which version of WordPress you are using) is a drop-down labeled "Page Template." From there you can select which Template will be used when displaying this particular Page.

NOTE: In order to access the Page Template selector, there must be at least one custom Page Template available in the active theme (see Creating your own Page Templates below to learn how to create one). If a custom page exists, but you still are not able to see Page Template selector, try to re-activate your current theme.

Here is link to wordpress site where I lifted the info.

http://codex.wordpress.org/Pages

Nigel
Click to expand...

Cheers Nigel, this is what I was quite worried about as the theme I have chosen relies quite heavily on these #coreContent thingies, it isn't as straight forward as the usual templates. It looks like I need a degree in quantum physics to understand it and modify it :'(
 
Tomas Whitehouse said:
Cheers Nigel, this is what I was quite worried about as the theme I have chosen relies quite heavily on these #coreContent thingies, it isn't as straight forward as the usual templates. It looks like I need a degree in quantum physics to understand it and modify it :'(
Click to expand...

Tomas

I will load the theme on my other blog site and have a play with the custom templates and see what I can come up with.

For now I will suggest that you reduce the size of the slideshow for a short while until its figured out.

Nigel
 
Shutterman said:
Tomas

I will load the theme on my other blog site and have a play with the custom templates and see what I can come up with.

For now I will suggest that you reduce the size of the slideshow for a short while until its figured out.

Nigel
Click to expand...

Thanks Nige! I think I'll resize the slideshows tomorrow after a spot of sleep ;)

Ma brain is absolute mush, I've been trying to sort this out for hours. One of the main reasons I did not want to be doing my own site again :thumbsdown:

It's a killer.

Cheers for the help though :thumbs:
 
A quick and very dirty way to centre the Flash movie would be to use some CSS to reposition it. Edit your post, switch to HTML view, find the first line of code for the Flash object and amend it to include

Code: 
style='position: relative; right: 250px;'

i.e.

Code: 
<object style='position: relative; right: 250px;' height="670" width="1005" class="flashmovie"

You may want to tweak the amount of repositioning and also do the same for the IE specific code.
 
DigitalRelish said:
A quick and very dirty way to centre the Flash movie would be to use some CSS to reposition it. Edit your post, switch to HTML view, find the first line of code for the Flash object and amend it to include

Code: 
style='position: relative; right: 250px;'

i.e.

Code: 
<object style='position: relative; right: 250px;' height="670" width="1005" class="flashmovie"

You may want to tweak the amount of repositioning and also do the same for the IE specific code.
Click to expand...

OO sounds interesting, I'm using kimili flash embed though and the code thus far goes like this:

[kml_flashembed movie='/webgalleries/portraits/loader.swf' height='670' width='1005' base='.' allowfullscreen='true' wmode='window'/]
 
Tomas Whitehouse said:
OO sounds interesting, I'm using kimili flash embed though and the code thus far goes like this:

[kml_flashembed movie='/webgalleries/portraits/loader.swf' height='670' width='1005' base='.' allowfullscreen='true' wmode='window'/]
Click to expand...

Okay, so where you see

Code: 
height='670' width='1005'

replace it with

Code: 
height='670' width='1005' style='position: relative; right: 250px;'

So, all you're doing is adding

Code: 
style='position: relative; right: 250px;'
 
DigitalRelish said:
Okay, so where you see

Code: 
height='670' width='1005'

replace it with

Code: 
height='670' width='1005' style='position: relative; right: 250px;'

So, all you're doing is adding

Code: 
style='position: relative; right: 250px;'
Click to expand...

if this is correct:
[kml_flashembed movie='/webgalleries/portraits/loader.swf' height='670' width='1005' base='.' style='position: relative; right: 250px;' allowfullscreen='true' wmode='window'/]

then I'm afraid it doesn't work. :(

http://www.tomaswhitehouse.com/home/portfolio/

I think its due to the theme and the page.php and the style.css having these postContent fields, I've tried all manner of budging and nothing seems to work.
 
Are you sure you've added the code to the post? I can't see it in the HTML source. Can you load the page in your browser and confirm the additional code is in there?

I have Firebug installed on my Firefox install and it allows me to edit code on the fly...

Picture1.jpg
 
DigitalRelish said:
Are you sure you've added the code to the post? I can't see it in the HTML source. Can you load the page in your browser and confirm the additional code is in there?

I have Firebug installed on my Firefox install and it allows me to edit code on the fly...

Picture1.jpg
Click to expand...

You know, I'm not sure if I had :bonk: BUT, I tried your code with iframes tags instead and that's worked!

Thankyou so so so much! :thumbs::thumbs:

Is it okay with iframes you reckon?
 
I don't know if perhaps your KML plugin is preventing you from manually fudging the Flash object's HTML. If that's the case then you could add the additional CSS styling to the flashmovie CSS class which your Flash object appears to use.

If you don't already have .flashmovie defined in your CSS then just add the following to style.css in your template's directory,

Code: 
.flashmovie {position: relative; right: 250px;}
 
Tomas Whitehouse said:
You know, I'm not sure if I had :bonk: BUT, I tried your code with iframes tags instead and that's worked!

Thankyou so so so much! :thumbs::thumbs:

Is it okay with iframes you reckon?
Click to expand...

The iframes weren't there before were they? If not then there shouldn't be any need to add them. Some other wrapper should suffice e.g.

Code: 
<div style='position: relative; right: 250px;'>
.
.
.
.
</div>

By the way, you've got some absolutely stunning images in that slideshow :clap:
 
DigitalRelish said:
I don't know if perhaps your KML plugin is preventing you from manually fudging the Flash object's HTML. If that's the case then you could add the additional CSS styling to the flashmovie CSS class which your Flash object appears to use.

If you don't already have .flashmovie defined in your CSS then just add the following to style.css in your template's directory,

Code: 
.flashmovie {position: relative; right: 250px;}
Click to expand...

Ok, now thats a little over my tiny pea sized noggin, should I get rid of the kimili embed plug in and use summate else, like the firebug doodad you kindly mentioned?

DigitalRelish said:
The iframes weren't there before were they? If not then there shouldn't be any need to add them. Some other wrapper should suffice e.g.

Code: 
<div style='position: relative; right: 250px;'>
.
.
.
.
</div>

By the way, you've got some absolutely stunning images in that slideshow :clap:
Click to expand...

Thanks, I'm feelin like a rabbit in the headlights at the moment though, I am an utter web monkey in all truth.

I couldn't get your super code to work with the KML stuff, so I tried it with an iframes thingy instead and that worked a treat.

I'm entering the code in these page boxes here:

>
 
Tomas Whitehouse said:
Ok, now thats a little over my tiny pea sized noggin, should I get rid of the kimili embed plug in and use summate else, like the firebug doodad you kindly mentioned?



Thanks, I'm feelin like a rabbit in the headlights at the moment though, I am an utter web monkey in all truth.

I couldn't get your super code to work with the KML stuff, so I tried it with an iframes thingy instead and that worked a treat.

I'm entering the code in these page boxes here:

>
Click to expand...

Nah, if you're otherwise happy using the KML plugin and it does what you want then try persevering. I think it's just a presentation issue. Firebug only allows temporary changes on pages loaded in my browser. So, it's not suitable for the permanent changes you want to implement and be visible in everyone's browser.

I think this is the code you had before

Code: 
<object height="670" width="1005" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="fm_loader_405034118" class="flashmovie" style="position: relative; right: 250px;">
	<param name="movie" value="/webgalleries/portraits/loader.swf">
	<param name="wmode" value="window">
	<param name="base" value=".">
	<param name="allowfullscreen" value="true">
	<!--[if !IE]>-->
	<object height="670" width="1005" type="application/x-shockwave-flash" data="/webgalleries/portraits/loader.swf" name="fm_loader_405034118">
		<param name="wmode" value="window">
		<param name="base" value=".">
		<param name="allowfullscreen" value="true">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>

If so, then this should do the trick

Code: 
<object height="670" width="1005" style="position: relative; right: 250px;" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="fm_loader_405034118" class="flashmovie" style="position: relative; right: 250px;">
	<param name="movie" value="/webgalleries/portraits/loader.swf">
	<param name="wmode" value="window">
	<param name="base" value=".">
	<param name="allowfullscreen" value="true">
	<!--[if !IE]>-->
	<object height="670" width="1005" style="position: relative; right: 250px;" type="application/x-shockwave-flash" data="/webgalleries/portraits/loader.swf" name="fm_loader_405034118">
		<param name="wmode" value="window">
		<param name="base" value=".">
		<param name="allowfullscreen" value="true">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
 
DigitalRelish said:
Nah, if you're otherwise happy using the KML plugin and it does what you want then try persevering. I think it's just a presentation issue. Firebug only allows temporary changes on pages loaded in my browser. So, it's not suitable for the permanent changes you want to implement and be visible in everyone's browser.

I think this is the code you had before

Code: 
<object height="670" width="1005" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="fm_loader_405034118" class="flashmovie" style="position: relative; right: 250px;">
	<param name="movie" value="/webgalleries/portraits/loader.swf">
	<param name="wmode" value="window">
	<param name="base" value=".">
	<param name="allowfullscreen" value="true">
	<!--[if !IE]>-->
	<object height="670" width="1005" type="application/x-shockwave-flash" data="/webgalleries/portraits/loader.swf" name="fm_loader_405034118">
		<param name="wmode" value="window">
		<param name="base" value=".">
		<param name="allowfullscreen" value="true">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>

If so, then this should do the trick

Code: 
<object height="670" width="1005" style="position: relative; right: 250px;" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="fm_loader_405034118" class="flashmovie" style="position: relative; right: 250px;">
	<param name="movie" value="/webgalleries/portraits/loader.swf">
	<param name="wmode" value="window">
	<param name="base" value=".">
	<param name="allowfullscreen" value="true">
	<!--[if !IE]>-->
	<object height="670" width="1005" style="position: relative; right: 250px;" type="application/x-shockwave-flash" data="/webgalleries/portraits/loader.swf" name="fm_loader_405034118">
		<param name="wmode" value="window">
		<param name="base" value=".">
		<param name="allowfullscreen" value="true">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
Click to expand...

Thanks so much for your help Will, It's just past 2 in the mornin here in Finland so, I'm taking myself to bed.

I'll have a good play aboot with the new code tomorrow, If it's okay with you , can I drop you a pm and you can check it over?

Thanks again mate, I really appreciate it :thumbs:
 
Phew! Many thanks for all the help chaps! YOur absolute champions.

I think we now have the problem solved :D :thumbs::thumbs::thumbs:
 
Tomas

Thats looking really cool now with the large slideshows in place, glad someone with a bit more experience of wordpress jumped in, a lot easier method than my suggestion and the solution is something I can use as well when I do some rework.

Nigel
 
Shutterman said:
Tomas

Thats looking really cool now with the large slideshows in place, glad someone with a bit more experience of wordpress jumped in, a lot easier method than my suggestion and the solution is something I can use as well when I do some rework.

Nigel
Click to expand...

Never the less mate, I'm extremely grateful for your tips and your time.

I think it's been a learning curve for us both hasn't it Nige ;)

Wordpress is a wonderful tool and a very worthy CMS.
 
Quite right...

It is a very powerful bit of kit and I doubt if we have even scratch the surface of it...

I have a draft on my new site working on my local machine just tweaking all the little bits and pieces. Now this has been figured out I need to rethink my galleries, which will mean I can blitz the shadow box I was using which is one less mouse click to worry about.

Nigel
 
Shutterman said:
Quite right...

It is a very powerful bit of kit and I doubt if we have even scratch the surface of it...

I have a draft on my new site working on my local machine just tweaking all the little bits and pieces. Now this has been figured out I need to rethink my galleries, which will mean I can blitz the shadow box I was using which is one less mouse click to worry about.

Nigel
Click to expand...

I've kept shadow box installed, I think the way it picks up the blog images and displays them is fantastic, just not so good for large flash content on small res screens :D
 
I am so glad I know nothing about code :shrug:

Glad it is sorted.
 
L a p h r o a i g ................................

The whiskey man's, Homer Simpson's donut...............................
 
You must log in or register to reply here.
Back
Top