Current location: Hot Scripts Forums » General Web Coding » CSS » I'm confused..plz help


I'm confused..plz help

Reply
  #1 (permalink)  
Old 05-24-05, 08:57 AM
Brittany23 Brittany23 is offline
New Member
 
Join Date: May 2005
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Question I'm confused..plz help

Hi...I'm fairly new to CSS so plz bear with me. I found this awesome layout already made and ready to put on a website. I downloaded the file, unzipped it, and then uploaded all the files into my file manager on Geocities. After that I put all the files in the same folder. Well, then someone told me that Geocities wont support CSS so I went to Angelfire. I went there and only half of my page shows up when I put it on there and I cant figure out why. I was wondering if maybe someone could take a look at my code and see what Im doing wrong. All help is very appreciated.....thanx so much

body {
<LINK rel="stylesheet" type="text/css" href="style.css">
font-family: tahoma;
font-size: 11px;
color: #C000BE;
background-color: #000000;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #C000BE;
scrollbar-darkshadow-color: #C000BE;
scrollbar-track-color: #FFBBFE;
scrollbar-face-color: #C000BE;
scrollbar-shadow-color: #C000BE;
scrollbar-highlight-color: #ffffff;
scrollbar-3d-light-color: #C000BE;}

table { font-size: 11px}

.contents { text-align: justify}

.tab {
border: #000000 1px solid;
}

.head {
color:#73D600;
font-weight: normal;
background-color: #000000;
border: 1px solid #C000BE;
padding-left: 2px;

}

a:active {
color:#C000BE;
text-decoration: none; font-weight: normal;}

a:hover {
color: #73D600;
text-decoration: underline; cursor:crosshair;}

a:link { color: #C000BE;
text-decoration: none; font-weight: normal;}

a:visited { color: #C000BE;
text-decoration: none; font-weight: normal;}
</BODY>
<html>
<head>
<TITLE>-VERSION- -*-Purple HAZE-*-</TITLE>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Copyright" content="© Layout design by Thuggndiva'z Dollz">
<meta name="Language" content="English">
<link rel="stylesheet" href="style.css" type="text/css">
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!docum ent.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
// -->
</script>
</head>
<body><center>
<p class="head">Menu</p>

SITE<br><br>

<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR><BR>

ABOUT<br><br>

<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR><BR>

YOU<br><br>

<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR><BR>

WWW<br><br>

<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR><BR>

<a href="http://www.thuggndivazdollz.com" target="_blank">Thanx 4 The Layout</a><BR>

</body>
</html>

<html>
<head>
<TITLE>-VERSION- -*-PURPLE HAZE-*-</TITLE>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Copyright" content="© Layout design by Thuggndiva'z Dollz">
<meta name="Language" content="English">
<link rel="stylesheet" href="style.css" type="text/css">
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!docum ent.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
// -->
</script>
</head>
<body><center>
<p class="head">Welcome To My Website Version: Purple Haze</p></center>

<center><p>Welcome to my home on the web Feel free....blah blah blah your welcome message goes here.</p></center>

<p class="head">About This Layout</p>
<p align="justify"><u>Requirements:</u><BR><BR>
- You must know how to use html in order to use this layout.<BR>
- 800x600 Screen resolution<BR>
- Css [Cascading style Sheet] you must know how to use this file.<BR><BR>

If you would like to make more pages open main.html using notepad, copy and paste the codes and create a new page. Remember to name it, whatevername.html.<BR><BR>

-The hex code for the background of your top banner should be : #000000<BR>
-The Size of the banner is: 796x76<BR>
I have added a blank top banner for you to edit yourself.<BR><BR>

<p align="justify"><u>What it uses:</u><BR><BR>
- 5 html Pages [index.html, main.html, left.html, right.html and top.html]<BR>
- style.css [cascading style sheet]<BR>
- Tahoma font<BR>
- readme.txt<BR><BR>
<p class="head">Copyrights</p>
- Do not remove the links back to my website in the menu or on this page, they are there to show credit back to the original layout designer, me.<BR>
- Do not claim the layout as your own work or redistribute.<BR>
- Do not adjust the codes in the css file if you do not know how to.<BR>
- If you are having trouble with the layout you can email me at : webmaster@thuggndivazdollz.com make sure you put "layout question" in the subject line.

<BR><BR><BR><BR><BR>
<center>© 2003 Your Site Name goes here.<BR>
Layout Design Provided by,<BR>
<a href="http://www.thuggndivazdollz.com" target="_blank">Thuggndiva'z Dollz</a></center></p>
</body>
</html>

<html>
<head>
<TITLE>-VERSION- -*-PURPLE HAZE-*-</TITLE>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Copyright" content="© Layout design by Thuggndiva'z Dollz">
<meta name="Language" content="English">
<link rel="stylesheet" href="style.css" type="text/css">
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!docum ent.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
// -->
</script>
</head>
<body><center>
<p class="head">Plugins</p>

Button Links etc go here

</body>
</html>

<html>
<head>
<TITLE>-VERSION- -*-PURPLE HAZE-*-</TITLE>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Copyright" content="© Layout design by Thuggndiva'z Dollz">
<meta name="Language" content="English">
<link rel="stylesheet" href="style.css" type="text/css">
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!docum ent.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
// -->
</script>
</head>
<body>

<center><img src="topban2.gif" style="position:absolute; top:0; left:0;"></center>

</body>
</html>
Reply With Quote
  #2 (permalink)  
Old 05-24-05, 10:31 AM
koncept
Guest
 
Posts: n/a
I'll gladly try and help, but this looks like several html files just chained together, so I am at a loss as to where to even start looking. Can you tell us a little more about what it should look like? And is it possible to see what it looks like on angelfire?
Reply With Quote
  #3 (permalink)  
Old 05-24-05, 11:10 AM
Brittany23 Brittany23 is offline
New Member
 
Join Date: May 2005
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Ok, first I just want to say thank you so much for trying to help me. Ok, now the original download came with 5 seperate files. Once I connected them like that the page started to partially resemble the layout. LOL Im sorry for not seperating them before I posted. Ok, here are the files:

First One:This one was labeled: style sheet.

body {
font-family: tahoma;
font-size: 11px;
color: #C000BE;
background-color: #000000;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #C000BE;
scrollbar-darkshadow-color: #C000BE;
scrollbar-track-color: #FFBBFE;
scrollbar-face-color: #C000BE;
scrollbar-shadow-color: #C000BE;
scrollbar-highlight-color: #ffffff;
scrollbar-3d-light-color: #C000BE;}

table { font-size: 11px}

.contents { text-align: justify}

.tab {
border: #000000 1px solid;
}

.head {
color:#73D600;
font-weight: normal;
background-color: #000000;
border: 1px solid #C000BE;
padding-left: 2px;

}

a:active {
color:#C000BE;
text-decoration: none; font-weight: normal;}

a:hover {
color: #73D600;
text-decoration: underline; cursor:crosshair;}

a:link { color: #C000BE;
text-decoration: none; font-weight: normal;}

a:visited { color: #C000BE;
text-decoration: none; font-weight: normal;}






The rest of the files were just pictures of the layout, but when I put them into Angelfire I converted them to code. Here are these:
THIS FIRST ONE WAS LABELED: LEFT

<html>
<head>
<TITLE>-VERSION- -*-Purple HAZE-*-</TITLE>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Copyright" content="© Layout design by Thuggndiva'z Dollz">
<meta name="Language" content="English">
<link rel="stylesheet" href="style.css" type="text/css">
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!docum ent.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
// -->
</script>
</head>
<body><center>
<p class="head">Menu</p>

SITE<br><br>

<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR><BR>

ABOUT<br><br>

<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR><BR>

YOU<br><br>

<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR><BR>

WWW<br><br>

<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR>
<a href="http://" target="main">Link Here</a><BR><BR>

<a href="http://www.thuggndivazdollz.com" target="_blank">Thanx 4 The Layout</a><BR>

</body>
</html>


THIS ONE WAS LABELED: MAIN
<html>
<head>
<TITLE>-VERSION- -*-PURPLE HAZE-*-</TITLE>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Copyright" content="© Layout design by Thuggndiva'z Dollz">
<meta name="Language" content="English">
<link rel="stylesheet" href="style.css" type="text/css">
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!docum ent.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
// -->
</script>
</head>
<body><center>
<p class="head">Welcome To My Website Version: Purple Haze</p></center>

<center><p>Welcome to my home on the web Feel free....blah blah blah your welcome message goes here.</p></center>

<p class="head">About This Layout</p>
<p align="justify"><u>Requirements:</u><BR><BR>
- You must know how to use html in order to use this layout.<BR>
- 800x600 Screen resolution<BR>
- Css [Cascading style Sheet] you must know how to use this file.<BR><BR>

If you would like to make more pages open main.html using notepad, copy and paste the codes and create a new page. Remember to name it, whatevername.html.<BR><BR>

-The hex code for the background of your top banner should be : #000000<BR>
-The Size of the banner is: 796x76<BR>
I have added a blank top banner for you to edit yourself.<BR><BR>

<p align="justify"><u>What it uses:</u><BR><BR>
- 5 html Pages [index.html, main.html, left.html, right.html and top.html]<BR>
- style.css [cascading style sheet]<BR>
- Tahoma font<BR>
- readme.txt<BR><BR>
<p class="head">Copyrights</p>
- Do not remove the links back to my website in the menu or on this page, they are there to show credit back to the original layout designer, me.<BR>
- Do not claim the layout as your own work or redistribute.<BR>
- Do not adjust the codes in the css file if you do not know how to.<BR>
- If you are having trouble with the layout you can email me at : webmaster@thuggndivazdollz.com make sure you put "layout question" in the subject line.

<BR><BR><BR><BR><BR>
<center>© 2003 Your Site Name goes here.<BR>
Layout Design Provided by,<BR>
<a href="http://www.thuggndivazdollz.com" target="_blank">Thuggndiva'z Dollz</a></center></p>
</body>
</html>


THIS ONE WAS LABELED: RIGHT

<html>
<head>
<TITLE>-VERSION- -*-PURPLE HAZE-*-</TITLE>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Copyright" content="© Layout design by Thuggndiva'z Dollz">
<meta name="Language" content="English">
<link rel="stylesheet" href="style.css" type="text/css">
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!docum ent.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
// -->
</script>
</head>
<body><center>
<p class="head">Plugins</p>

Button Links etc go here

</body>
</html>

THIS LAST ONE WAS LABELED: TOP

<html>
<head>
<TITLE>-VERSION- -*-PURPLE HAZE-*-</TITLE>
<meta name="Description" content="">
<meta name="Keywords" content="">
<meta name="Copyright" content="© Layout design by Thuggndiva'z Dollz">
<meta name="Language" content="English">
<link rel="stylesheet" href="style.css" type="text/css">
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!docum ent.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
// -->
</script>
</head>
<body>

<center><img src="topban2.gif" style="position:absolute; top:0; left:0;"></center>

</body>
</html>


OK! THATS ALL OF THEM. HOPEFULLY YOU WILL BE ABLE TO FIGURE SOMETHING OUT. THE WEBSITE ADDRESS IS http://www.angelfire.com/crazy4/advice
Reply With Quote
  #4 (permalink)  
Old 05-24-05, 11:26 AM
kjmatthews kjmatthews is offline
Wannabe Coder
 
Join Date: Jun 2004
Location: Boston, MA
Posts: 134
Thanks: 0
Thanked 0 Times in 0 Posts
Several things. First, the files you downloaded state:

Quote:
Requirements:
- You must know how to use html in order to use this layout.
- Css [Cascading style Sheet] you must know how to use this file.
And I get the sense that you don't really know much about either. Might I recommend checking out a tutorial or buying a book (the Visual Quickstart Guide to (X)HTML and CSS is quite good for people with no background)?

Code:
body {
/*snip*/
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #C000BE;
scrollbar-darkshadow-color: #C000BE;
scrollbar-track-color: #FFBBFE;
scrollbar-face-color: #C000BE;
scrollbar-shadow-color: #C000BE;
scrollbar-highlight-color: #ffffff;
scrollbar-3d-light-color: #C000BE;}
These are proprietary attributes that will only work in Internet Explorer. Yuck.

Code:
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
// -->
</script>
This is a script that will attempt to disallow visitors to the page to right click at all. Some people think this will "protect their source code" but really all it does is annoy people a lot. Definitely not recommended.

Even if we were to help you assemble this page into something that worked, it is not very well done. This is a criticism of the person who developed it, not of you. I would highly recommend trying to learn a little about HTML and CSS yourself. It's not as hard as it looks, and I think the people one these boards tend to be more willing to help people who are willing to try themselves.

Good luck!
Reply With Quote
  #5 (permalink)  
Old 05-24-05, 11:36 AM
Brittany23 Brittany23 is offline
New Member
 
Join Date: May 2005
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Thanx...before I posted my problem I did read about a dozen tut's and I couldnt understand any of them. Asking someone for help was my last resort...I understand html a little bit but not enough yet. I will keep practicing though. If anyone else could help I would appreciate it...Im really trying to understand this.
Reply With Quote
  #6 (permalink)  
Old 05-24-05, 11:52 AM
koncept
Guest
 
Posts: n/a
the reason it is not turning out right, i think is it is missing the index.html file (probaly a frame set)
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
want to validate Time in asp formconfused: plz help sumitbharatiya JavaScript 1 05-06-05 02:44 PM
Searching after a "Skillscript", or help for this one: -important plz read!!!- Dr. Prozessor Script Requests 0 01-25-05 07:57 AM
Still confused jlhcgc PHP 1 01-16-05 06:40 PM
help in validation plz sherypineapple ASP 3 12-12-04 02:18 PM
can you help me my signup page is not working plz help.... johny PHP 5 06-01-04 02:54 PM


All times are GMT -5. The time now is 01:35 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.