The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Forum Index Coding to match HTML Page

2 posters

Go down

Solved Forum Index Coding to match HTML Page

Post by Lyzelle Tue Sep 20, 2011 9:30 pm

This is my forum now. Roughly. xxx

But I want it to look like this: xxx (Looks so much cleaner, in my opinion).

The issue is, HTML pages are only that - pages.
Is there a way to get this look globally through the CSS and Javascript? I try and try, but the "bodyline" keeps messing me up. It's stuck all the way at the top of the page. If I put the background in the bodyline and use padding codes, I can't seem to change the width of the bodyline to fit the background. Or any kind of alignment. Or transparency.

Is there a glaring obvious code I missed? Or is it just impossible? Because this seems too simple.


UPDATE:
FIXED. But I decided to update with my results in case anyone else was having this issue.

After many hours of fiddling, I finally got everything to match up. I gave up on transporting my forum index to the HTML and focused primarily on getting my index to match the look of my HTML page. I went to Javascript and deleted the Generated Nav Bar in the Overall Header. The bar was giving me size/alignment problems, and I will provide my own links in a different coding in Site Description anyway. Then I spent forever doing math in the forum's basic CSS so the body background and the bodyline background matched. This is the BIGGEST part. Everything you do in the Body, Bodyline, and Forumline HAVE to match, and the numbers won't be the same. The Forumline alignment isn't perfect yet, but I have a feeling now that body/bodyline is lined up, it won't be such a problem.

Code:
body {
   background-color: #000000;
   background-image: url("imgURL");
        background-position: 50%;
   background-attachment: fixed;

Code:
.bodyline{
    background-color: #000000;
        background-image: url("imgURL");
        background-position: center top;
        background-repeat: no-repeat;
        padding-top: 400px;
        padding-left: 150px
   }
.bodylinewidth {
   width:814px;}

It looks SO simple, but it was such a headache for apparently no reason what so ever.
Even though I didn't get any help with this, thanks for the 70+ views anyway!

Forum Link:
My Forumotion
HTML Page:
The HTML Page


Last edited by Sanket on Wed Sep 21, 2011 11:53 pm; edited 3 times in total (Reason for editing : Problem Resolved)
avatar
Lyzelle
New Member

Posts : 2
Reputation : 1
Language : English

http://aevum-aeterna.forumotion.com/

Back to top Go down

Solved Re: Forum Index Coding to match HTML Page

Post by Lyzelle Wed Sep 21, 2011 8:13 pm

I was able to solve the issue myself. I updated the OP just in case anyone else was having this problem.
avatar
Lyzelle
New Member

Posts : 2
Reputation : 1
Language : English

http://aevum-aeterna.forumotion.com/

Back to top Go down

Solved Re: Forum Index Coding to match HTML Page

Post by Sanket Wed Sep 21, 2011 11:53 pm

Appreciate you posting the solution here Smile
Since this thread appears to be solved, I will lock this thread and mark it as solved.
Forum Index Coding to match HTML Page 2j4t5a8

Sanket Smile

Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum