Skip to main content
  • Invite

Override Sixent Styles to Customize a Page

OK, I'm putting this in the realm of a hack, because I'm really not sure if we'll be supporting it in the future. Also, this may not mean much to you unless you have some webdev chops or experience. 

Basically, you can drop styles into a pod and override the default Sixent styles. Using this technique, you can change pretty much anything about how a Sixent page is displayed.

Just find the name or names of the styles you want to override, create a new pod with "custom content", add a CSS <style> tag, and add the styles as you'd like them.

Here's a video showing how you can use this technique to change the background image for the grey banner at the top of a page:

In case you didn't catch them, here are the steps:

  1. First, find the image you want to use as a banner. This can be pretty much anything on the web. Your main concern really should be that it's an image that you're allowed to use. Either upload the image to Sixent and grab the URL, or just take the URL from an existing image (again, if you have permission to do so).

  2. Go to the site page where you want to apply the new look.

  3. Click "Add", and choose to add a new pod.

  4. Choose "Custom Content".

  5. Make sure "Custom Content" is selected.

  6. Now you should be editing a blank text area. Enter something like this:
    	
    <style>
      #rm-view #rm-viewHead { background: url(http://somesite.com/image.jpg) repeat-x; }
    </style>	
    
    
    (Obviously you want to enter the actual URL of the image above.) Now "repeat-x" means that the image is going to tile horizontally. You may or may not want that... just experiment till you get things the way you want.

  7. Now click the "Appearance" tab for the pod configuration.

  8. Make the pod borderless and the title bar invisible.

  9. Apply.

If you did things correctly, you should see your image tiled across the banner!

That's very cool, but it's only the beginning. You can change the basic font face and size. Make titles different colours. Put background images right across the page. If you were really keen, you could even change the basic images that make up a pod border and have your own style.

Like I said, this is a bit of a hack. I'm not sure how long we'll leave it in place... but anyway, have fun for the time being. ;)

Patrick

Comments (4)

Anonymous
    • Tom Holder
    • Tom Holder6 months ago

      I'm now working on a dial-up connection at 38.6 and the UI is working very well for what it is trying to do.  Sure it's a little sluggish but not enough to make me want to shut it down.  And I don't have a lot of patience.  slick.

    • Tom Holder
    • Tom Holder6 months ago

      It's kind of like mambo/joomla etc.  You can leave it stock or butcher it yourself but I bet the vast majority install a third-party skin and just leave it alone.

      FWIW - I am really impressed with your UI.  I'm on a fast connection so I can't vouch for speed but it looks and functions as well or better than anything I've run across.  Well done.

    • Patrick Lajeunesse
    • Patrick Lajeunesse6 months ago

      Yeah, I'm with you Tom. I've experimented a bit to see just how... shall we say... tacky I can get a Sixent page to look. And I can go *very* far... ;)  I hope we can strike the happy medium - defaults that look good for most people, easy customization for those who want it, and the ability to go all out if that's your thing too.

    • Tom Holder
    • Tom Holder6 months ago

      Geez, I'd leave it in place and expand it . . . within reason of course.  There are thousands of skinners out there who can generate skins AND BUZZ for the Sixent platform.  There may even be a niche for a freelance/suncontract customization business for large company installations i.e. the official Wal-mart skin - use it or die!!!

Patrick Lajeunesse

41 of 41

of 41

  1. Blog Entry

Intermittent Access on Sunday July 6th

  1. Bookmark

Sixent Status Updates

  1. Blog Entry

Who's writing this blog anyway?

  1. Blog Entry

Sixent is now in Beta!

  1. Blog Entry

An Online Community is for life, not just for Christmas

  1. Blog Entry

Teaching Your Grandma To Programme The VCR

  1. Blog Entry

Social Media Adoption - is it an age thing?

  1. Blog Entry

Ten Things I Want In a Social Network

  1. Blog Entry

Leveraging Social Networks for B2B Marketing

  1. Blog Entry

Override Sixent Styles to Customize a Page

  1. Blog Entry

Why is Everything White?

  1. Blog Entry

Important Changes to Your Sixent Account

  1. Blog Entry

Profile navigation menu & multi-photo upload tool are here!

  1. Blog Entry

Building a 2.0 Community Bootcamp

  1. Blog Entry

Session time out extended

  1. Blog Entry

It's Great to See You Here

You are at the last item