I'd like to see user examples of marquee templates. I'd like to see how far the template can be pushed.

Please post links.

Thanks

m

There are 19 examples of the Marquee template on the Squarespace templates page. Scroll down a bit to see them, pick one and then click the site's url next to the big "Create a Site Like This" button at the top of the page to see the actual site out in the wild.

http://www.squarespace.com/templates/?q=marquee

I've pushed it pretty far, not quite finished but you get the picture:

My version of marquee

roughly 540 lines of custom CSS

Main features:

Slide menu like the one on the squarespace siteFull page images for pages other than the index

Hey Brokentwill - I saw you on thebestdesigns the other day. :) 540 lines? you're my hero.

i checked your source to see if it was Marquee because it's what i use too (redesigning my web site), then I noticed somewhere else you did a WP site and we used the same theme too. :) At least it looked like Neighborhood. Great minds. :) Great site!

FTR - and I have an upcoming blog post about this - I think any of the consumer themes can be pushed PRETTY far. It just takes some McGyver-level problem solving to do considering the backend and no ability to upload folders or FTP access.

What I'd really love is an active hub in which to discuss SS hacks and mods - SS closed a suggestion I had as a solution to a problem people were having with galleries, and I think that's a shame.

Truthfully I find the one-by-one file upload an epic PITA. What I do instead is use my cheap hosting I put my Wordpress sites on and link my scripts, etc. from there. But if you're locked into needing https secure access, that won't work. I don't ahve a shop on my page so i'm fine without it.

In my experience with just a consumer account - there's some things you can't really change much - like lightboxes and galleries. You can CSS 'em to do some things they don't do normally, but without access to the backend code that launches the lightbox there's not much you can do.

EXCEPT....

(SS closed this, but I think it's useful)

A solution to something like that is to buy a cheap gallery/lightbox plugin that uses JQuery and do your galleries manually. Not TOO much of a pain if you've got Photoshop and can batch automate files to name themselves 1.jpg, 2.jpg, etc. - depends on what kind of effect you need.

Same with sliders in headers - SS sliders are strange to me. But there's jQuery ones you can implement and once you hide the default header it'll take its place if you write your code correctly.

Truthfully (and this is going in the blog) - I think people who say SS is for designers who don't care to touch code, just make pretty blogs, are COMPLETELY off base. I have to do a lot more creative problem solving on SS than I do on say WP or HTML5 sites.

I recently finished designing my website which uses the Marquee template. My site isn't overly complex, but I was pleasantly surprised by the template's versatility - though I admit I had to add a good amount of custom CSS to achieve what I wanted.

http://todd-richardson.com/

Hey! Yes, we used neighborhood for our wholesale site. We develop custom sites for clients but sometimes so much easier to use a template when it our own stuff. Let me know if you have any questions about marquee!

hey again vectorgirl! totally agree with this, in a lot of ways its more challenging developing with such restrictions that squarespace has. looking forward to the blog...

I wish I could know how to build a site like your. Looks very good.

@vectorgirl I'd be interested in reading more about this. Where can I find your blog?

I haven't finished my new site yet - but I'll defiitely post a link here when it's done. :)

How did you achieve the vertical slide menu on your site?

Hey Brokentwill, is that side menu pure CSS solution? I had a go at it, but it just won't open when in desktop mode.

I recommand this one: Procapital

• Video background
• Multilingual hack
• Responsive slider on this page
• Animated figures
• Interactive SVG

250 lines of CSS + about 20 JavaScript and CSS files uploaded.

Hi

I don't know if you will see this but I took a look at your site and what you did with your logo? how it hangs off the header and has a secondary header to it? i would LOVE to know how you did that, its something ive been trying to do for ages would you be able to share how you did that with me?

Hi,

The logo is just a png image with a transparent part.I reduced the height of the header to make it fit :

header{

height: 70px;

}

You will also have to realign the menu

desktopNav{

width: 84%;
vertical-align: top;
padding: 27px 0px 0px 0px;

}

You may encounter problems when you reduce the width of the window.

This is mine. Not finished 100%, but nearly there. TheWanderlustEntries.com

Hi GtAntoine, If you don't mind sharing your work, how did you code the background video to autoplay and loop? I'm desperate to make that work for my site header. Thank you! K

<p>Hi kkrulis,</p> <p>Try this :</p> <div id="videodiv" style="position: absolute; z-index: 1; top: 0%; left: 0%; height: 100%; width: 100%; overflow: hidden;"> <video class="header-video" z-index: 1; id="video_loop" loop="1" muted="1" preload="1" autoplay style="min-height: 100%; min-width: 100%; width: auto; height: auto; position: absolute; display: inline-block;"> <source src="/s/yourVideo.webm"> <source src="/s/yourVideo.mp4"> </video> </div> <p>You can look at this for tutorials about video : http://www.w3schools.com/html/html5_video.asp but don't hesitate to ask more questions here ;)</p>

Hey GtAntoine, Thank you! Your suggestion worked, but I am a little confused where to place the snippet of code... Sorry I'm a bit new with all of this and haven't been able to find the tutorials I need. What part of the CSS code do I modify, or what do I add, to make the video sit in place of the parallax header?

Inject the code in the Index page in the Page Header Code Injectionas explained here : http://help.squarespace.com/guides/using-code-injection#toc-per-page-code-injection

Hm, ok it shows up in the individual index page fine, but not when I look at the whole set of parallax pages - it's just blank.

I think it's because you must have put the code in the individual page and not in the index page of the parallax pages.

Hi I too am trying to figure out how to create a left hand verticle slide menu. Any tips - brand new and totally lost.

Thanks so much.caro