Forum:Main page slider and some other stuff

How do you reformat pictures to fir the main page slider. I can't find the option in paint. Also how do you make the special button like the ones community central has on the main page for joining chat and going to forums. Thanks,  Kangaroopowah   Talk   21:56, July 3, 2011 (UTC)


 * You can create a chat button like the one you see on the main page here with.


 * As for the main page slider, you need to resize them, something I am not sure you can do with paint. Download the trial for Photoshop or try Paint.net--

You can easily re-size photos with Microsoft Paint. I do it all the time! There is a stretch tool, and a plain re-sizing tool. The easiest way to get the desired size is to stretch the image so that it is slightly larger than the desired size, then crop it to the exact size from there. MontagnaMagica|Talk 00:02, July 4, 2011 (UTC)
 * Also, the images must be EXACTLY 673x410 px (I assume you want a slider like the one here). Most image tools like MS paint have something that tells you the size, so make sure it's the right one. --W H  (Talk) 00:21, July 4, 2011 (UTC)

Thanks for the slider advice. @Moncho I put the code into my sandbox but it only came up with a regular link. It seems to only work in community central.


 * <div style="-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #006CB0; background: -webkit-gradient(linear, center top, center bottom, from(#2094DD), to(#006CB0)); background: -moz-linear-gradient(center top, #2094DD 35%, #006CB0 65%); border: 1px solid #006CB0; cursor: pointer; display: inline-block; font-family: Helvetica,Arial,sans-serif; font-size: 12px; height: 19px; line-height: 20px; margin: 0; padding: 0 7px; text-decoration: none; white-space: nowrap"> Join Chat Now
 * That's rather the long way to do it. If you are sysop on the wiki you wish to use it on, you can add the code to CSS instead.

.cc2-wikia-button { -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #006CB0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2094DD', endColorstr='#006CB0'); // For IE background: -moz-linear-gradient(center top, #2094DD 35%, #006CB0 65%); // For FF  background: -webkit-gradient(linear, center top, center bottom, from(#2094DD), to(#006CB0)); // For Safari/Chrome border: 1px solid #006CB0; cursor: pointer; display: inline-block; font-family: Helvetica,Arial,sans-serif; font-size: 12px; height: 19px; line-height: 20px; margin: 0; padding: 0 7px; text-decoration: none; white-space: nowrap; }
 * Rappy 16:18, July 5, 2011 (UTC)