Jump to content

Welcome to Geeks to Go - Register now for FREE

Need help with your computer or device? Want to learn new tech skills? You're in the right place!
Geeks to Go is a friendly community of tech experts who can solve any problem you have. Just create a free account and post your question. Our volunteers will reply quickly and guide you through the steps. Don't let tech troubles stop you. Join Geeks to Go now and get the support you need!

How it Works Create Account
Photo

How to create own background


  • Please log in to reply

#31
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
I really apologize for that! This is something I should have known before asking for help but after 4 days of this background stuff... Arghh. I am finally gald I found out. Thank you so much Sockdown! :) :) :)

Hey Major, would you know??? and thank you too! :)
  • 0

Advertisements


#32
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts
You're welcome NightCrawler1228. :)
  • 0

#33
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts

Hey Major, would you know??? and thank you too! :)

Your style sheet is being pick up here if you wanted to know:

http://images.freewebs.com/Members/Generationz/CSSStyles/Black/Yellow/style.css


I use my own CSS and edit my own page so wasn't really looking at your original page. Hate to say this but you have over 300+ coding errors on original page, but a lot is probably from some bad code from freewebs. W3C.org's validator says 700+ errors. No errors in CSS. :)

Ron

Edited by Major Payne, 15 April 2008 - 12:45 AM.

  • 0

#34
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
What do you mean? On my good page?

Also that link is not working for me. Over 300 plus... I don't evem use code. OMG!
  • 0

#35
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Corrected link to CSS page above. Your pages are being written in HTML whether you do the writing or not.

Ron
  • 0

#36
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts
Oh, NightCrawler1228, forgot to tell you. I know you are using the freewebs editor, but, if you want to work locally, there's a free application called Notepad++ which is a Notepad replacement and has a bunch of different functionalities. It runs on MS Windows environment. I use it to code SQL Scripts and HTML cause you can choose the language in which you are working and it puts colors on that specific language key words. Some of the languages it includes are: C, C#, C++, HTML, Java, JavaScript, Pascal, PHP, Perl, Python, SQL, VB, XML and a few others. If you want to check it out, you can download it and read about it here or here. Hope you like it.

-Sockdown-

Edited by Sockdown, 15 April 2008 - 05:21 AM.

  • 0

#37
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Thank you both again.

Okay, I spoke with FW and I am able to change the template to the css now. Now I am just confused where to place it.

Here is what the CSS editor looks like. Could you let me know where I need to paste the code?

Thanks :)


/* Waveform YELLOW*/

body {
font:12px verdana, arial;
color:#fef89f;
min-width: 760px;
margin: 0px;
padding: 0px;
background-color: #000;
}

/*
* Container surrounding all content on the page
*/
.fw-container {
margin: 0 auto;
padding: 0;
width: 760px;
border: ;
overflow:hidden;
}

a,
a:visited {
color:#fdeb00;
text-decoration: none;
}

a:hover,
a:visited:hover {
text-decoration: underline;
}

code,pre {
font-size:12px
}

fieldset {
margin:1em 0;
padding:1em;
border:1px solid #CCC
}

legend {
color:#000;
font-weight:bold;
}

label {
cursor:pointer
}

/*
* This can be used to decorate around any advertisements that appear on the page (non-premium users only)
* It is STRICTLY forbidden to modify this code as to obstruct the view of the advertisement
*/
.fw-advertisement,
#fw-advertisement {
margin:0 auto;
padding-top: 10px;
padding-bottom: 10px;
width:760px;
border:0;
text-align: center;
background: #000;
}

/*
* Container surrounding Site Title, Small Title, Logo, and home-link
*/
.fw-head {
height: 196px;
margin:0;
border:0;
background: #242424 ;
position:relative;
}

/*
* Site Title
*/
.fw-head h1 {
font:bold 26px verdana;
letter-spacing: -1px;
color: #fff;
border: ;
text-align: left;
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
padding:0px;
margin:0px;
}

/*
* Site Small Title
*/
.fw-head h3 {
font:normal 12px arial;
color: #fff;
border: ;
text-align: left;
position: absolute;
top: 60px;
left: 20px;
z-index: 10;
padding:0px;
margin:0px;
}

.fw-logo {
width:760px;
height:196px;
}

.fw-home-link {
width:0px;
height:0px;
display:none;
}

hr {
display:none;
}

/*
* NavBar
* UL containing all the NavBar links
*/

.fw-nav-menu {
background: #242424;
padding: 10px 20px 10px 20px;
margin: 0px;
font-family: arial;
font-weight: normal;
color: #fdeb00;
border-top: solid 1px #000;
}

.fw-nav-menu ul {
margin:0px;
padding:0px;
border: ;
background: transparent;
list-style:none;
text-align:left;
cursor:default;

}

/*
* Individual NavBar LI's
*/
.fw-nav-menu li {
margin:0px 15px 0px 0px;
display: inline;
}

/*
* Individual NavBar links
*/
.fw-nav-menu a {
text-decoration:none;
}

/*
* This is the container that holds the main content (paragraphs) of the page.
*/
.fw-with-mini {
float:left;
width: 70%;
margin: 0px 0px 0px 0px;
font-size: 12px;
overflow: hidden;
background: #242424;
}

/*
* The fw-no-mini class is applied to the fw-content DIV
* when there are no mini-paragraphs on the page.
* This statement must remain in the css even if there are mini paragraphs.
* If there are mini paragraphs on the page, this will be ignored.
*/
.fw-content {
float:none;
width:100%;
}

.fw-content h2 {
font:bold 18px verdana;
color: #fff;
letter-spacing: -1px;
margin: 0px 0px 10px 0px;
padding-top: 15px;
}

.fw-paragraph {
padding: 0px 20px 20px 20px;
border-top: solid 1px #000;
background: #242424 url('http://images.freewe...Yellow/bg-p.gif') repeat-x top left;
overflow: hidden;
clear:both;
}


.fw-text {
margin: 0px 0px 0px 0px;
overflow: hidden;
height: 100%;
}

.fw-content ul,.fw-content ol,.fw-content dd {
margin-left:2em;
}

.fw-mini-pars {
float:right;
width:30%;
}

.fw-mini-pars dt {
color:#000;
font-weight:bold;
margin-top:1em;
border-bottom:.3em solid #EEE;
}

.fw-mini-pars dd {
margin-top:.2em;
color:#333;
}

.fw-footer {
font-size: 10px;
font-family: verdana, sans-serif;
background: #161616;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 20px;
clear: both;
border-top: solid 1px #000;
color: #999
}

.fw-footer p {
padding: 0px 0px 0px 0px;
margin: 0px
}

.fw-tracker {
background: #242424;
margin: 0px 0px 0px 0px;
padding: 4px 0px 4px 20px;
font-size: 10px;
font-family: verdana, sans-serif;
clear: both;
border-top: solid 1px #000;
color: #999
}

/* forms */

label,button,input[type="submit"] {
cursor:pointer;
}

input,textarea {
padding:.1em;

}

textarea {
font:1em tahoma,verdana,arial,sans-serif;
}

.formSpan {
display:block;
margin:1em 0 0
}

/* The following styles are for the blog.
* Remember, if a CSS property is already defined in blog.css,
* you must use the !important rule.
*/

/*
* blog entry container
*/
.fwBlogEntryDisplay {
border-bottom: 0 !important;
margin: 0px !important;
margin-bottom: 30px !important;
padding: 0px !important;
}

/*
* blog entry title
*/
.fwBlogEntryTitle {
font:bold 18px verdana !important;
color: #fff !important;
letter-spacing: -1px !important;
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
padding-top: 15px !important;
}

/*
* blog entry date
*/
.fwBlogEntryDate {
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
font-size: 11px !important;
font-family: verdana !important;
color: #fff !important;
}

.fwBlogEntryDate BR {
display: none;
}

/*
* blog entry body
*/
.fwBlogEntryBody {
border-bottom: solid 4px #000 !important;
}

/*
* blog comments
*/
.fwBlogCommentContainer{
border: solid 1px #ada211 !important;
padding: 10px !important;
margin: 10px 0px 0px 0px !important;
background-color: #000 !important;
}

/* Google ad colors */

#googlecolors1 {
background-color:#000; /*bg*/
color:#fef89f; /*text*/
}
#googlecolors1 a, #googlecolors1 a:visited {
color:#fff; /*link*/
}
#googlecolors2 {
background-color:#000; /*border*/
color:#fdeb00; /*url*/
}
  • 0

#38
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
That CSS is already present on your freewebs' site. It's the same code to CSS file as I gave above ( http://images.freewebs.com/Members/Generationz/CSSStyles/Black/Yellow/style.css ). To use it, all your pages must have the CSS link between the head tags.

You can stay linked to it unless you plan to change it. To change and edit this stylesheet, you need to make a new file and call it style.css and put the CSS code on it as it appears. There must not be any HTML tags used. Place it in the root directory of your site where your index.html file is. Then you must edit the path of the link to use your own CSS.

Do you have the free or paid account with FreeWebs? Paid allows use of FTP.

Ron

Edited by Major Payne, 15 April 2008 - 09:42 PM.

  • 0

#39
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Okay, I am floored with all the errors my website has. :) What do you suggest for this. Do I report it to freewebs, or do I fix it myself, and if so where do I start. I have no knowledge of HTML or CSS.

I have a free account and have been telling them my site has had loading problems and linking problems and they just keep brushing me off.

Should I just start a whole new site? Would this make things easy and correct if I don't copy and paste and do it all over again?

Thanks so much for all the help. :)
  • 0

#40
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Starting a new site is not going to solve the problems until you learn at least the basic of HTML and CSS coding. It's great to just use the Visual Editor to get started, but somewhere along the line, when you start having problems, you have to go to the source code to fix your problems.

Any link problem is because the paths are not inserted correctly to where you are linking. The solution to that problem is to look at each coded link you are having problems with and see what is wrong with the code. You may have something as simple as a file in the right directory, but forgot to put the file in THAT directory. Or the file could be mis-spelled or mis-named from what the links says. Don't use uppercase or spaces in your file names.

The validator at W3C.org is the official validator for the web. The w3c writes the recommended standards for the web. Give me a link to your site again so I don't have to hunt back 3 pages and I'll see how bad it is. Meanwhile, you could check that all files are where they are suppose to be in your site's structure by looking at it in File Manager.

Ron

Edited by Major Payne, 21 April 2008 - 05:24 PM.

  • 0

Advertisements


#41
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Thanks so much Major Payne. I appreciate the help.

Most of my pics I use a host like photobucket and my vids are linked from you tube. It helps save a lot of space but I notice my site is getting slower and slower to load. Which is why I want to fix this problem I think it is due to.

Here is the link to my site. http://www.freewebs....ghtcrawler1228/
  • 0

#42
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Every new link to insert an image/video, which has to be returned from another site, is going to slow you way down. It will be slow enough hosting it all on your own site, but much faster than loading from multiple sites which is subject to many factors that affect speed. After all, not all data packets take the same route. :)

Ron
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP