Appearance of my forum(Questions to improve it)

Hello :)My forum:Phpbb2
[Open the images in new tab to see the full image]
If you can answer to my questions please
1)How to change this grey background in my forum?
look the image:

Spoiler:

2)i dont want to have this grey and this background i want something different but i dont know how to make it like this:

Spoiler:

3)Next question:I know how to make a navbar in the top of my forum but i dont know how to change the size and what colors i can add,look the image:

Spoiler:

4)in the Accordion Menu code that forumotion give us i want to know how to make two things:
4,1)how to change this?i want to add my own images there:
4,2)i want to know if i can put codes in the black place there...i want to write something there and to add one image...i can do it?

Spoiler:

5)How i can add in my forum this buttons?if you press the upside button you are going in the top of the forum and if you press the downside button you are going in the bottom of the forum,look the image:

Spoiler:

6)How to add support forum code for the users to take the codes?like select content but i want the same like forumotion if is possible.

Hi!

I will answer to you:
1. Add to CSS Stylesheet:

Code:

.bodyline {
background-color: #DDD;
}

Replace #DDD by your own color.

2. That's pure photoshop. You need very good knowledge in photoshop or a program that can create this. And... that's a background image on forum + a logo image. Logo image you cand change from Display => Pictures and colors => Pics management => Simple Mode.
And the background image too from here, or if doesn't work from here, add to CSS Stylesheet:

Code:

body{
background-image: url(BG_LINK);
}

Replace BG_LINK by a link to background image.

3. I see on your forum that you use images for navbar not the text. If you'll use text in future, go to Display => Homepage => Headers & Navigation => Page headers => Display only images in the navbar : No. Save.
Then, go to Display => Templates => General => overall_header => => Find this:

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">

and replace by:

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" class="navbar-menu">

Save, then publish template.
Then go to Display => Pictures and colors => Colors => CSS Stylesheet, add this:

Code:

.navbar-menu a{
color: #0088FF !important;
font-weight: bold !important;
font-size: 12px !important;
}

Replace #0088FF by text color;
Delete this line font-weight: bold !important; if you don't want your text to be bold/strong;
Replace 12px by the the font size.

4. So, open that tutorial in a new tab and let's go.
Find point number 3: "Enter the HTML code in the homepage of the forum".
From that code you can change the texts: "Slide One", "Slide Two", "Slide Three", "Slide Four", "Slide Five" with your own text, or a HTML code.
To change the images, find point number 4: "Add the CSS code", and here I just will quote Leloo:

You just have to put the URL of the images in each div :

Code:

#s1 {
 background:url("http://url de l'image.jpg")
}

You can add as many div as you want !
You can change the aspect of the slides by using the CSS

5. http://asistencia.foroactivo.com/t116014-poner-botones-de-retorno-en-lo-alto-bajo-del-foro

6. http://help.forumotion.com/t93456-select-content-button

thank you very much for the help but i have some questions again

2)you say that is background image + logo.
if i can make something like this...how to add this to my forum?

3)Look this image again.I mean the size is different and he doesnt take all the place on the top.And the edges in the navbar is different.

Spoiler:

2. I already said that.

3. Replace the CSS code I gaved with:

Code:

.navbar-menu a{
color: #0088FF !important;
font-weight: bold !important;
font-size: 12px !important;
}

.navbar-menu{
width: 100% !important;
text-align: center !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

2)oh ok sorry

3)look how it is in my forum test:

Spoiler:

So Anyone else can help?

lock the topic...ty.