Author Topic: Hunting for a template (Read 27384 times)

NotASingleWhiteFemale · « **on:** August 22, 2009, 04:10:15 AM »

I'm not good at templates, websites, CSS, HTML or Javascript and don't really have the time nor inclination to learn much about them.

What I'm looking for - and I hope somebody can help - is a template that'll work with WB that has the following attributes:

1. A centred black, shiny button menu at the top.
2. No header.
3. Full width pages,
4. No sidebar.
5. No side menu.
6. No footer.
7. Black background.

Can anybody help?

crnogorac081 · « **Reply #1 on:** August 22, 2009, 04:24:06 AM »

black background outside template orblack inside... Can you draw it in paint or somewhere

cheers

NotASingleWhiteFemale · « **Reply #2 on:** August 22, 2009, 04:56:48 AM »

Here, I've made a mockup. The drawing is part of a slideshow held in the wrapper.

The buttons really need an onmouseover event so that they lighten while the mouse is over them.

I suppose the buttons need a bit of black space above them too.

The slideshow slides are 800x533 pixels. I'm aiming to fit the whole page into 800x600.

The menu must be centred - whatever the screen size.

[gelöscht durch Administrator]

crnogorac081 · « **Reply #3 on:** August 22, 2009, 05:25:44 AM »

do you have a submenu ? Write the structure of your full menu please

Attach the button if you want exactly like that (best is if you have photoshop file..)

Content inside (does it effect on shading outside the container ?) Inside is whitte, and outside is totaly black, all background ??

be a little specific, its not much work

do you need a login, search or something else ?

cheers

NotASingleWhiteFemale · « **Reply #4 on:** August 22, 2009, 05:35:21 PM »

No submenus. It's a very simple site. No login, no search. SEO assist would be nice.

Here're some plain black buttons.

The content is just a slideshow on most of the pages, using the wrapper module and the swissarmy.js slideshow.

One page may have text on it.

On second thoughts - would it be possible to stretch the button from one side to the other of the screen and then to have the menu in white centred over it? IE, have one menu button instead of many?

The background is totally black. The white seen is a slide from the slideshow.

[gelöscht durch Administrator]

crnogorac081 · « **Reply #5 on:** August 23, 2009, 06:37:42 PM »

Quote

On second thoughts - would it be possible to stretch the button from one side to the other of the screen and then to have the menu in white centred over it? IE, have one menu button instead of many?

Not sure what you mean, please draw it simple

cheers

NotASingleWhiteFemale · « **Reply #6 on:** August 23, 2009, 10:35:31 PM »

Ok. I was thinking instead of having separate buttons along the top, of having a solid bar where the whole bar could depress on click events. I enclose an up/down PNG.

The text could go from grey to bold white on mouse-over.

That would work quite well.

Other than the buttons, as before, the whole page to be black.

Menu items on the button bar still to be either centred or spread out evenly across the page width. Page width is variable dependent upon the user's monitor and settings.

[gelöscht durch Administrator]

NotASingleWhiteFemale · « **Reply #7 on:** August 24, 2009, 12:03:37 AM »

This is a mockup of the site with just the menu.

[gelöscht durch Administrator]

crnogorac081 · « **Reply #8 on:** August 24, 2009, 02:13:02 AM »

Hi,

Here is the template, in css file you will find comments to for additional adjustments..

cheers

[gelöscht durch Administrator]

NotASingleWhiteFemale · « **Reply #9 on:** August 24, 2009, 03:19:49 AM »

Thank you very much. I need to tweak the button bar a bit - it doesn't look as good as I thought it would. The mechanics of the page are excellent. The only issue is the menu doesn't center well.

http://www.sageworld.co.uk/wb/pages/test.php

crnogorac081 · « **Reply #10 on:** August 24, 2009, 03:34:15 AM »

the menu items starts from left, so you must play a bit with width parameter for that box. Open css file, and find it

cheers

NotASingleWhiteFemale · « **Reply #11 on:** August 24, 2009, 05:59:35 PM »

I played around. Here's what I came up with http://farm4.static.flickr.com/3349/3673918744_a1f25b3119.jpg

I gather the menu defaults to the left and there's some trick involving auto margins to get in centred. How on earth do I do that?

crnogorac081 · « **Reply #12 on:** August 24, 2009, 06:08:14 PM »

Try this code for menu:

left:50%; /* The box will start at center of screen*/
position:relative;
width: 600px; /* from center it will go for example 600 px, play with this to adjust it to your menu, set the border as 1px to see exactly where your menu ends, then put that widthand remove border */
margin-left:-300px; /* this will move your menu left, value must be a half of width above - 300px and that will make it centered*/

p.s.: the pic you attached is not the demo

cheers

NotASingleWhiteFemale · « **Reply #13 on:** August 25, 2009, 04:59:06 AM »

Thanks. I'll have a play with that tomorrow.

The picture I put earlier is a drawing from a book I'm writing. I didn't have photos on that computer.

NotASingleWhiteFemale · « **Reply #14 on:** August 25, 2009, 04:29:18 PM »

Thanks. I have it looking pretty darned good now: [url removed by admin, not WB anymore]

I need to work on consistency of the slide-shows but the template is fantastic now.

crnogorac081 · « **Reply #15 on:** August 25, 2009, 05:11:26 PM »

I am glad now

You can post your site in showcase thread

cheers

Argos · « **Reply #16 on:** August 25, 2009, 10:11:57 PM »

Quote from: NotASingleWhiteFemale on August 25, 2009, 04:29:18 PM

Thanks. I have it looking pretty darned good now: http://www.sagephotoworld.com/

Eh... I think it looks terrible. There is a black backgrounded iframe with horizontal and vertical scrollbars within a black body that has a scrollbar of its own as well. Then the buttons have an ugly serif font.

crnogorac081 · « **Reply #17 on:** August 25, 2009, 10:18:21 PM »

Dont tell me, she wanted it that way

Argos · « **Reply #18 on:** August 25, 2009, 10:25:35 PM »

Quote from: crnogorac081 on August 25, 2009, 10:18:21 PM

Dont tell me, she wanted it that way

She wanted THIS? It must be 1995 again...

[gelöscht durch Administrator]

crnogorac081 · « **Reply #19 on:** August 25, 2009, 10:28:44 PM »

lol, you must have a small screen

anyway she wantet THIS

I also dont like it at all, but....you know...."client is allways right"

cheers

Argos · « **Reply #20 on:** August 25, 2009, 10:42:02 PM »

17 inch screen, 1024x768. Still quite a regular size. But hey, client is king!

crnogorac081 · « **Reply #21 on:** August 25, 2009, 10:43:13 PM »

NotASingleWhiteFemale · « **Reply #22 on:** August 26, 2009, 05:14:58 AM »

Hmm.... What on earth is going on? It looks like this on my screen...

My screen res on this PC is 1152x864. On my Macbook, it's more.

Clearly something must be done. How can we eliminate the border between the image pane and the sides of the window?

[gelöscht durch Administrator]

crnogorac081 · « **Reply #23 on:** August 26, 2009, 05:59:15 AM »

you cant

as you requested variable width, and its 80% of screen..

So on 1024 x 768, your width is ~ 800px

See how much width is requiredfor your slideshow script..

cheers

NotASingleWhiteFemale · « **Reply #24 on:** August 26, 2009, 06:44:40 AM »

Hmm...

Here's the slideshow script and associated html..

The images as 800x533.

[gelöscht durch Administrator]

News

Support WebsiteBaker

Your donations will help to:

You can donate by clicking on the button below.

Author Topic: Hunting for a template (Read 27384 times)

NotASingleWhiteFemale

NotASingleWhiteFemale

NotASingleWhiteFemale

NotASingleWhiteFemale

NotASingleWhiteFemale

NotASingleWhiteFemale

NotASingleWhiteFemale

NotASingleWhiteFemale

NotASingleWhiteFemale

Argos

Argos

Argos

NotASingleWhiteFemale

NotASingleWhiteFemale