This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

This is an automated message.

I'm working on a project in WordPress that will involve a page have a background with animated text. There will be words that fly in from the sides, possibly from the top and bottom.

I'm just wondering what the best method would be in terms of ease and best practice.

I've considered Flash, but since that has compatibility issues, I know it would be best avoided.

Would coding through CSS or Jquery be a better route? I did find animate.css which has some potential.

And I haven't tried it at all, but would Canvas also be a good possibility?

I've also just considered, as it is only text, just an animated gif for the background. I don't know if that's a good idea or not though.

I'm still an amateur with WordPress, so seeking some advice here. This would be a project for a hosted WordPress site, not a .com site.

Thank you!

Re 3, you can insert any 3rd-party slideshow that provides a flash embed code. For examples see here:
http://wpbtips.wordpress.com/2012/01/26/inserting-picasa-slideshows/
http://wpbtips.wordpress.com/2012/01/12/inserting-webshots-slideshows/

2) You will have to Edit each existing post and disable comments there. To prevent comments on future posts, go to Settings->Discussion and disable them there.

3) Not as far as I am aware. We can't use javascript or iframes here. You could try Slideshare and see if you like that, or the Flickr slideshow http://en.support.wordpress.com/slideshows/slideshare/

Answers to your questions:

Question 1 is impossible to do on a WordPress.com site.

Question 2 is possible if you scroll down to the bottom of each page and select "Disable or Closed Comments"

1. How to remove the menu name that appears on each page e.g. On the Home page, 'Home' is written on the top of the page, and so on.

2. How to remove existing comments from each page. The following menu items viz Home, Travel & Portfolio are Pages (and not Posts, categories etc). I have disabled new comments from these pages, but would also like to remove (or hide) comments entered in the past, how do I do that?

3. Slideshow/ animation: I'd like to know if there is a way to create slideshow similar to this site: http://www.jackatley.com. I find WP's default animation (I've created it under my Portfolio menu), very unattractive (most of the space is anyways taken by the grey border surrounding images).
- Is it possible to create a full page self loading slideshow?
-Is it possible to create a slideshow larger in size than the one on my Portfolio page?
-What other slideshow options are available in WP?

I used the code below:

`<a href="link.html"><img class="nohover aligncenter" alt="image" src="http://mycarta.files.wordpress.com/2012/05/roygbiv_intensity.png" /><img class="hover aligncenter" alt="imagehover" src="http://mycarta.files.wordpress.com/2012/05/roygbiv_intensity_values.png" />
</a> `

and:

<a href="link.html"><img class="nohover" alt="image" src="http://mycarta.files.wordpress.com/2012/05/roygbiv_random_deuteranope.png" /><img class="hover" alt="imagehover" src="http://mycarta.files.wordpress.com/2012/05/roygbiv_random.png" />
</a>

They worked when I had the Enterprise theme but not now I have Oxygen. Is there anything that has to do with Oxygen they may not work?

Otherwise it may be browsers, although I have latest version of Chrome, Firefox, and Safari, and none of them works.

Thank you.

Perhaps your browser is configured to only animate on click.

First, make sure that your browser is up to date by visiting http://www.whatbrowser.org/

If it is not, please try updating your browser or switching to a different browser.

If it is, please do these two things:

1. Try clearing your browser's cache and cookies: http://en.support.wordpress.com/browser-issues/

2. Try with all browser extensions or add-ons temporarily disabled.

Please let us know how each step goes for you, and which browser (and version of) you're using if you're still having trouble.

Can you view it from the preview?

I have a similar issue.

I created an animated gif in photoshop, sized at 4x6in at 72dpi.

I have the basic version of wordpress, and uploaded the GIF as an image using the text post convention.

The image appears in preview, but only animates on a click.

Any suggestions as to why that is if it is sized correctly?

You're resizing it to a width of 300px, and animated gifs don't animate when resized dynamically.

It needs to be inserted as full size only.

I have the gridspace theme and wanted to customize my layout so that I have four infinitely scrolling images at the very top, replacing the one current image.

That's a pretty freaking awesome tutorial. Here's how you can take the example from http://designshack.net/articles/css/infinitephotobanner/ and use it on your blog"

First, you'll need to add HTML. Add it to a text widget in the sidebar. Here is some example HTML you can use based on the tutorial and using some random images from your header and latest posts:

<div class="photobanner">
	<img class="first" src="http://shit102.files.wordpress.com/2012/11/cropped-cropped-img_6344.jpg" alt="">
	<img src="http://shit102.files.wordpress.com/2012/11/img_7426.jpg" alt="">
	<img src="http://shit102.files.wordpress.com/2012/11/img_0036.jpg" alt="">
</div>

To add more images, you would just add more "img" lines with different image links in them.

After that, copy the following CSS (only slightly modified from the tutorial) into your Appearance → Custom Design → CSS editor and click the Preview button:

.photobanner {
	height: 563px;
	margin-bottom: 80px;
	position: absolute;
	top: 0;
	width: 3550px;
}

/*keyframe animations*/
.photobanner .first {
	-webkit-animation: bannermove 30s linear infinite;
	-moz-animation: bannermove 30s linear infinite;
	-ms-animation: bannermove 30s linear infinite;
	-o-animation: bannermove 30s linear infinite;
	animation: bannermove 30s linear infinite;
}

@keyframes bannermove {
	0% {
		margin-left: 0;
	}

	100% {
		margin-left: -2125px;
	}
}

@-moz-keyframes bannermove {
	0% {
		margin-left: 0;
	}

	100% {
		margin-left: -2125px;
	}
}

@-webkit-keyframes bannermove {
	0% {
		margin-left: 0;
	}

	100% {
		margin-left: -2125px;
	}
}

@-ms-keyframes bannermove {
	0% {
		margin-left: 0;
	}

	100% {
		margin-left: -2125px;
	}
}

@-o-keyframes bannermove {
}

100% {
	margin-left: -2125px;
}
}

.photobanner img {
	max-height: 563px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}

.photobanner img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

That's pushing the edges of what CSS can do these days. Pretty neat! Note that these CSS3 rules will only work in the latest browsers, and in the case of Internet Explorer, the animations and transitions won't work in any version so far except IE10. You can refer to these charts for reference:

* http://caniuse.com/#feat=css-animation
* http://caniuse.com/#feat=transforms2d
* http://caniuse.com/#search=transition

Aside: Everyone has access to the stylesheets. CSS is visible by looking at the links in the header code so there's no need to post entire sets of code in the forums and also anyone that knows how to work with CSS can see them. :)