Jump to content

Marquee examples

Recommended Posts

  • Replies 23
  • Views 18k
  • Created
  • Last Reply
  • 2 weeks later...

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!

Link to comment

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.


(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.

Link to comment
  • 1 month later...
  • 3 months later...
  • 6 months later...
  • 2 weeks later...


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?

Link to comment


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


height: 70px;


You will also have to realign the menu


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


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

Link to comment
  • 3 months later...
<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>
Link to comment
  • 2 weeks later...

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?

Link to comment
  • 3 months later...


This topic is now archived and is closed to further replies.

This topic is now closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.