Look

From Wikanual

get help - that's what we are here for

Looks and configurations are very powerful. But to some they can seem a bit complex and even over whelming. We are more than happy to help you to make your INTERDUBS pages look just the way you like them. If you present your awesome work inside of some swell looking pages then that helps you as well as us. So, don't be shy: Tell us what we can do for you.

purpose of looks

A look in INTERDUBS is a collection of configuration paramaters. You can set for instance a different look for a specific purpose of interdubs. Or a client of yours that you do repeat business with has specific requirements for the way their Interdubs segments work.

You can create as many looks as you like. You can find the manage looks screen in the utils menu.

add

You can add a new look with the add new look button. Once you gave the look a name it will appear in the look listings.

delete

You can delete the look.

look stack

the icon will bring you to the #look_stacks settings for this look.

Pre look stacks are listed in green type and round brackets before the look name, Post looks are listed after the name in red type.

edit

Or modify it's settings with the edit look function.

copy

If you like to create a look based on an existing one then you can use the copy look function.

hide / reveal

Over time looks in INTERDUBS can become obsolete. In the same time they might be referenced by logins or might be valuable as a comparison. That's why the can be hidden now. A hidden look will have a dark background in the looks listings under tools. And it will not be offered in screens that allow the selection of a look (quickReel and edit / add login at this point).

Click on the icon to hide a look, and on to reveal it again.

modification time

In order to manage looks better they started to have a modification date in August 2008. Looks that were created before that will not have a date listed.

global looks

Global looks are indicated by a purple color of their name. They are templates that are set out as a starting point. In order to use them it is recommended to create a look of your own and then include the global look via a lookstack:

Setup

1. utils -> looks -> add look

2. create the look that you like to use the global look as, you can use the same name, a similar one, whatever you like. If a look is called 'default' then it will be always selected when you create a new login via add-login. The first look called quickReel will be selected when you create a reel.

3 go to the lookstack screen for your new look at reference your desired global look via a negatve number like -1. The global look will be loaded before the actual look you have created will be applied. So you have the ability to override configurations if you like to.

Logo

Global looks have a logo place holder that you can configure with your logo. See logo for details.

reel 01 small low thumbnails

A look that employs the QuickReel mechanism to show the contents of a folder: All quicktimes in that folder will be played one after the other. Their icons can be found below on the screen.

An example how this look starts out: http://interdubs.com/s/example/reel01

This look used to be called 'Venice' and was available since June 2009.

reel 02 small high thumbnails

Alternatively you can also display the icons on top of the page:

http://interdubs.com/s/example/reel02

Of course, and this is true for all these examples: The INTERDUBS logo is only a placeholder for your logo file. We don't like to display anything from us on our clients pages. They pay us, so we stay out of their communication.

reel 03 text buttons

This look features the same icons on the bottom edge on the screen, but it sports a less symmetric approach for the content area:

http://interdubs.com/s/example/reel03

While reel 01 and reel 02 will use the colors of your segment by default, reel 03 comes with a pre defined color palette. Of course you can override it with the one that match your companies identity.

It often looks best if the big text controls have a color that differs only slightly from the background. These colors are being controlled via IDXHTML_COL03 for the normal, and by IDXHTML_COL02 for the rollover state.

reel 04 single clip

If you want to send just one clip then thumbnails are not needed. This look takes care of that, and ensures that your work is in the center of the attention.

Here is the example:

http://www.interdubs.com/s/example/single

This look will adhere to the colors of your segment again. But it often looks best if the big text controls have a color that differs only slightly from the background. These colors are being controlled via IDXHTML_COL03 for the normal, and by IDXHTML_COL02 for the rollover state.

reel 05 vertical

A look that is -as of 11/08- still evolving. As you can see it has the icons on the left of the screen:

http://www.interdubs.com/s/example/reel05

review and approval 01 vertical

This look shows all spots in one column. Have a look:

http://www.interdubs.com/s/example/review01

All files and folders will be displayed here. This look is based on work and design being done by http://www.popularforces.com/ It has been altered: blame for every that is bad about should go to INTERDUBS, praise for everything that is good should fall upon popularforces.

This look is based on 'Venice' that was available since June 2009, but has been altered and amended since then.

review and approval 02 horizontal

The intention of this look is it to show as many elements as possible on a clients page. Since listing clips in 2 dimensions is confusing to most people this lists each clip / element in its own row.

You can run this look either with or without icons.

With small icons this looks like:

http://www.interdubs.com/s/example/review02

Without icons this look looks like:

http://www.interdubs.com/s/example/review02noicons

review and approval 03

Originally designed by Diederik Veelo for the dutch company "the Ambassadors" this look is available for other companies since July 2011. As you will see this clean presentation is a clear statement that functional design and simple fonts can build a very aesthetic package. And yes, we will not become ad-copywriters. You know that we suck at it. :-)

Here how this look looks:

http://www.interdubs.com/s/example/review03

upload only

With this look you can allow your clients and contributors to upload files. This look does not list the contents of what has been uploaded before. For more information on client side uploads see Client side uploads.

http://www.interdubs.com/s/example/uploadonly

Please get in touch if you would like us to adopt the upload only look to the design of your other INTERDUBS pages. This look will "only" use the configured color scheme and logo for your company.

image gallery 01

If you like to present lots of still images on one page then you can use the gallery look. This is an example of how this can look: http://www.interdubs.com/s/example/gallery01

This example also illustrates INTERDUBS ability to insert markup and sections in your folders to seperate seperations or to create sub categorities without the need of having to create folders. See IDXINSERTHTML for details.

look stacks

A look can reference other looks via a so called look stack. You manage which looks are being referenced via the look_stack screen for each look.

In this screen you will see all other looks. When you enter a number in front of the look name then it will be added to the look. Negative numbers will be used before the actual look that. Positive numbers after.

The number also creates the order in that looks are being referenced. Later settings overwrite previous ones. Look stacks expand the configuration evaluation to this:

global settings
segment wide settings

lookstack pre look
look
lookstack post look

login

The idea is that you can change certain settings or, create a simple variation of a look. When you then alter the source many settings might just 'shine through' as intended.

further information

See edit configuration values for details how to update the values.