Website Help

Eraserhead · Post by **Eraserhead** » Thu Feb 01, 2007 12:49 pm

hey I put up a website for some friends who hang out with me on my server in quake (NOT a clan). I was having some problems with the Nav Panel on the left hand side though. I know some of you guys are html gurus, any suggestions/code how to fix this, it looks like crud. Wanted to space out the links and give the lettering a nicer look. Also had problems with the resolution/size of the background image, seems either too big or too small, never wants to fill the screen or doubles.

Thanks guys

Here is the site:

www.freewebs.com/thetempleofboom

eXg. sabooya · Post by **eXg. sabooya** » Thu Feb 01, 2007 6:09 pm

try tripod.com i always liked them more. Plus you get more bandwidth.

Post by **eXg. Pun1sher** » Thu Feb 01, 2007 9:14 pm

It's a little hard, only because with FreeWebs, they kinda lock you into using THEIR format, and I don't know if you have root access to the files or not.

As far as your background it looks like it's set to 1600X1200 image in this line:

Code: Select all

<body style="background&#58; transparent url&#40;http&#58;//www.freewebs.com/thetempleofboom/guns_1600x1200.jpg&#41; repeat scroll 0%;

You should resize the gunz image if you want it smaller. Onto the more invovled part of your navigation. They make heavy use of CSS stylesheets on FreeWebs, and you will be locked in to some degree, as they only offer up their sizing, and formatting. If you have root access, and/or can access your stylesheet, you can alter your nav. to some degree, including adding padding, or breaks to space it out here:

Code: Select all

.fw-nav-menu &#123;
	width&#58; 203px;
	height&#58; 370px;
	padding&#58; 0px;
	margin&#58; 0px 18px 0px 0px;
	color&#58; #fff;
	float&#58; left;
	font&#58; bold 10px verdana;
	overflow&#58; auto;	
&#125;

.fw-nav-menu ul &#123;
	width&#58; 150px;
	margin&#58; 5px 0px 0px 32px;
	padding&#58; 0px;
	list-style&#58; none;
	cursor&#58; default;
	overflow&#58; hidden;
&#125;

/*
 * Individual NavBar LI's
 */
 
.fw-nav-menu li &#123;
	width&#58; 150px;
	margin&#58; 0px;
	padding&#58; 0px;
	overflow&#58; hidden;
	text-align&#58; right;
&#125;

/*
 * Individual NavBar links
 */
.fw-nav-menu a,
.fw-nav-menu a&#58;visited &#123;
	display&#58; block;
	color&#58; #fff;
	text-decoration&#58; none;
	overflow&#58; hidden;
	text-align&#58; right;
	padding-right&#58; 15px;
&#125; 


.fw-nav-menu a&#58;hover,
.fw-nav-menu a&#58;visited&#58;hover &#123;
	color&#58; #b3a242;
	text-decoration&#58; none;
	overflow&#58; hidden;
	background&#58; transparent url&#40;'http&#58;//images.freewebs.com/Members/Generationz/CSSStyles/Grunge/Olive/bg-linkover.gif'&#41; no-repeat center right;
&#125;

PuN

Post by **eXg. Pun1sher** » Thu Feb 01, 2007 9:22 pm

Ummmm, errrr, ummm, well, as a General rule, Free websites are very good for being free. They do limit what you can do, as far as hacking their code alot of times. I've never had a FreeWeb gig, but they must offer you some sort of control panel type access to either the CSS stylesheet, or at least, some crude fill in the blank options, right ??

Either way, in the style sheets, you can see where they have defined, the nav, and links. You can also see, they align most of the stuff to the right, and also use a 15 pixel padding to buffer that out. If you want to change the font, that may help, also, you could add line breaks, or even padding under each link, to space it out some. Example:

text-align: right;
padding-right: 15px;
padding-bottom: 5px;

Now, this ASSUMES that there are not OTHER references that LOCK in your nav area somewhere else in their coding. Examples of this would be, that they lock in the size of the nav frame, and add some padding, then the main frame.

PuN

PuN

eXg. sabooya · Post by **eXg. sabooya** » Thu Feb 01, 2007 9:24 pm

i don't believe freewebs allows you to edit their temps. I know if you did a tripod site they give you full html file source code editing.

Post by **eXg. Pun1sher** » Thu Feb 01, 2007 9:34 pm

Hmmm, quite frustruating then. I could see them NOT allowing access to the root source code, hehe, 1337 NO ADS hacks, hehe, but I would have thought at least some crude fill in the blanks that would allow for some css changes. No ??

PuN

yahooadam · Post by **yahooadam** » Fri Feb 02, 2007 8:22 am

eXg. Pun1sher wrote:1337 NO ADS hacks

its called adblock :p extension for Firefox

Eraserhead · Post by **Eraserhead** » Fri Feb 02, 2007 2:57 pm

thanks fellas, i'll try out what you said exg.Punisher