The Naked Scientists

The Naked Scientists Forum

Author Topic: Can you explain to me how to make and edit HTML codes??  (Read 20484 times)

Offline Karen W.

  • Naked Science Forum GOD!
  • *******
  • Posts: 31653
  • Thanked: 5 times
  • "come fly with me"
    • View Profile
Re: Can you explain to me how to make and edit HTML codes??
« Reply #25 on: 26/03/2008 02:22:19 »
Great job you guys.....
 

Offline DoctorBeaver

  • Naked Science Forum GOD!
  • *******
  • Posts: 12656
  • Thanked: 3 times
  • A stitch in time would have confused Einstein.
    • View Profile
Re: Can you explain to me how to make and edit HTML codes??
« Reply #26 on: 26/03/2008 07:36:28 »
Let me see the code you've got now
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Re: Can you explain to me how to make and edit HTML codes??
« Reply #27 on: 26/03/2008 10:37:15 »
ALright this is what I've got..once the page loads..

I'd like to not meet anyone. If are gonna add me cuz my picture if "hott" don't even.

<br />

<style>
.friendscomments {display:none;}
</style>

<style>
.latestblogentry {display: none;}
</style>

<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="210" width="180" align="left" data="http://www.metrolyrics.com/scroller/scroller.swf?lyricid=25143&border=11&bordert=80&bgfont=0x000000&bg=http://i155.photobucket.com/albums/s319/KraneDiggity/Myspace/Sunset.jpg&filter=0x000000&filtert=25&txt=0xFFFFFF&fontname=arial&fontsize=11&speed=2">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.metrolyrics.com/scroller/scroller.swf?lyricid=25143&border=11&bordert=80&bgfont=0x000000&bg=http://i155.photobucket.com/albums/s319/KraneDiggity/Myspace/Sunset.jpg&filter=0x000000&filtert=25&txt=0xFFFFFF&fontname=arial&fontsize=11&speed=2" />
  <param name="quality" value="high" />
  <param name="bgcolor" value="#006666" />
</object>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="210" width="180" align="right" data="http://www.metrolyrics.com/scroller/scroller.swf?lyricid=10860&border=11&bordert=80&bgfont=0x000000&bg=http://i155.photobucket.com/albums/s319/KraneDiggity/Myspace/Sunset.jpg&filter=0x000000&filtert=25&txt=0xFFFFFF&fontname=arial&fontsize=11&speed=2">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.metrolyrics.com/scroller/scroller.swf?lyricid=10860&border=11&bordert=80&bgfont=0x000000&bg=http://i155.photobucket.com/albums/s319/KraneDiggity/Myspace/Sunset.jpg&filter=0x000000&filtert=25&txt=0xFFFFFF&fontname=arial&fontsize=11&speed=2" />
  <param name="quality" value="high" />
  <param name="bgcolor" value="#006666" />
</object>
 

Offline DoctorBeaver

  • Naked Science Forum GOD!
  • *******
  • Posts: 12656
  • Thanked: 3 times
  • A stitch in time would have confused Einstein.
    • View Profile
Re: Can you explain to me how to make and edit HTML codes??
« Reply #28 on: 26/03/2008 18:57:29 »
Now tell me exactly what else you want to do.
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Re: Can you explain to me how to make and edit HTML codes??
« Reply #29 on: 26/03/2008 20:10:40 »
I want a space inbetween the two boxes we have and the words above them. They other html coding stuff has nothing to do with what we are doing here..and I would also like to have Video Lyrics underneath the first box and Song Lyrics underneath the second box.
 

Offline DoctorBeaver

  • Naked Science Forum GOD!
  • *******
  • Posts: 12656
  • Thanked: 3 times
  • A stitch in time would have confused Einstein.
    • View Profile
Re: Can you explain to me how to make and edit HTML codes??
« Reply #30 on: 26/03/2008 21:57:47 »
ok.

add this...

<style>
.spacebelow {margin-top: 0;margin-bottom:1em;}
</style>

then change...

I'd like to not meet anyone. If are gonna add me cuz my picture if "hott" don't even.

to...

<p class="spacebelow">I'd like to not meet anyone. If are gonna add me cuz my picture if "hott" don't even.</p>

If you want to make that bit look even better, check your spelling & grammar!  :P

As for having the other text beneath the boxes, that's a bit more tricky. You may have to include the boxes in divs.
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Re: Can you explain to me how to make and edit HTML codes??
« Reply #31 on: 26/03/2008 22:21:47 »
I guess I don't need that. Because it does have the title of the song and artist on both boxes.

Thanks Doc.

Now that we have all of that figured out.

And you like give me the basics on how to change the text size, font, and color?
 

Offline DoctorBeaver

  • Naked Science Forum GOD!
  • *******
  • Posts: 12656
  • Thanked: 3 times
  • A stitch in time would have confused Einstein.
    • View Profile
Can you explain to me how to make and edit HTML codes??
« Reply #32 on: 27/03/2008 08:02:14 »
If you mean in the text at the top, amend the spacebelow class thus...

<style>
.spacebelow {margin-top:0;margin-bottom:1em; font-size:2em; color:red; font-family:verdana, ariel, times roman;}
</style>

Alter the values of font-size, color, and font-family as required.

1em is the default size for text in your browser. 2em is bigger, 0.5em is smaller. Just set it to the size you want. Using em is preferable to using px (pixels) because of different monitor resolutions. You can't assume that all monitors will use the same size pixel grid for characters, so by putting something like 15px, you may actually make the text smaller rather than bigger.

Some old monitors or video cards can't display the full range of colours. If you stick to websafe colors, you'll be OK (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow). I don't, but I'm reckless  :D

With font-family, the browser will try to display the text in the 1st font named. If the PC does not have that font it will try the second and so on. If none are found it will use the browser default.
« Last Edit: 27/03/2008 08:32:37 by DoctorBeaver »
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Can you explain to me how to make and edit HTML codes??
« Reply #33 on: 27/03/2008 10:36:15 »
Oh thank you Doc :)
 

Offline DoctorBeaver

  • Naked Science Forum GOD!
  • *******
  • Posts: 12656
  • Thanked: 3 times
  • A stitch in time would have confused Einstein.
    • View Profile
Can you explain to me how to make and edit HTML codes??
« Reply #34 on: 27/03/2008 18:38:24 »
If you want to learn HTML (and lots of other stuff), w3schools is a good tutorial site. Here's a link to their HTML tutorial.

http://www.w3schools.com/html/
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Can you explain to me how to make and edit HTML codes??
« Reply #35 on: 27/03/2008 21:06:34 »
Thanks for the millionth tume doc :)
 

Offline DoctorBeaver

  • Naked Science Forum GOD!
  • *******
  • Posts: 12656
  • Thanked: 3 times
  • A stitch in time would have confused Einstein.
    • View Profile
Can you explain to me how to make and edit HTML codes??
« Reply #36 on: 27/03/2008 21:41:37 »
No problem.
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Can you explain to me how to make and edit HTML codes??
« Reply #37 on: 08/04/2008 01:43:39 »
Now i'm making this um freewebs page for my parents and um I'm using HTML mode and I can't find um where to place codes and stuff. its just confusing ha
 

Offline DoctorBeaver

  • Naked Science Forum GOD!
  • *******
  • Posts: 12656
  • Thanked: 3 times
  • A stitch in time would have confused Einstein.
    • View Profile
Can you explain to me how to make and edit HTML codes??
« Reply #38 on: 08/04/2008 07:40:44 »
Go to http://www.oswd.org/, download a few templates and play with them. See what differences your changes make.

You can use Notepad for the editing if you want, but a better option, especially for a beginner, would be to download Hypertext Builder or Alleycode from here http://www.snapfiles.com/Freeware/webpublish/fweditors.html. They are both easy to use and come with some goodies you may find useful. I use Hypertext builder myself when I create a layout to check that it works before I add all the php coding.
« Last Edit: 08/04/2008 07:47:13 by DoctorBeaver »
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Can you explain to me how to make and edit HTML codes??
« Reply #39 on: 08/04/2008 13:11:45 »
Thanks I"ll look at that more tonight or tomorrow night.
 

Offline Andrew K Fletcher

  • Neilep Level Member
  • ******
  • Posts: 2331
  • KIS Keep It Simple
    • View Profile
Can you explain to me how to make and edit HTML codes??
« Reply #40 on: 12/04/2008 11:41:45 »
Thought about stretching the background and scrolling the content over the background?
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Can you explain to me how to make and edit HTML codes??
« Reply #41 on: 13/04/2008 04:11:37 »
Nvm I figured it out. Now I just gotta play around with it.
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Can you explain to me how to make and edit HTML codes??
« Reply #42 on: 14/04/2008 00:21:34 »
Doc. I used your link. Figured out how to get a background, but how do you center it? I coudln't seen to find the answer.
 

Offline DoctorBeaver

  • Naked Science Forum GOD!
  • *******
  • Posts: 12656
  • Thanked: 3 times
  • A stitch in time would have confused Einstein.
    • View Profile
Can you explain to me how to make and edit HTML codes??
« Reply #43 on: 14/04/2008 08:11:50 »
If your using style sheets (recommended) you can put this in the css

body{
   width: 90%;
   margin-left: 5%;
}


Using a width of 90% means you have 10% spare. To have it centered you want 5% each side so set the left margin to 5%.
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Can you explain to me how to make and edit HTML codes??
« Reply #44 on: 14/04/2008 13:09:30 »
<HTML><HEAD><TITLE>KraneDiggity</TITLE></HEAD>
<BODY>
<h1>Welcome to my site!</h1>
<h2>I'm working on it and it will be up soon!<h2>
<BR><BR>
<body background="http://i155.photobucket.com/albums/s319/KraneDiggity/Myspace/Sunset.jpg">
<body bgcolor="black">
</FONT></Body></HTML>


That's all I got right now.

http://www.freewebs.com/kranediggity/ that's what it looks like..
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Can you explain to me how to make and edit HTML codes??
« Reply #45 on: 14/04/2008 13:11:57 »
and i tried putting in your things and it didn't seem to work.
 

Offline DoctorBeaver

  • Naked Science Forum GOD!
  • *******
  • Posts: 12656
  • Thanked: 3 times
  • A stitch in time would have confused Einstein.
    • View Profile
Can you explain to me how to make and edit HTML codes??
« Reply #46 on: 14/04/2008 18:47:15 »
<HTML><HEAD><TITLE>KraneDiggity</TITLE></HEAD>
<BODY>
<h1>Welcome to my site!</h1>
<h2>I'm working on it and it will be up soon!<h2>
<BR><BR>
<body background="http://i155.photobucket.com/albums/s319/KraneDiggity/Myspace/Sunset.jpg">
<body bgcolor="black">
</FONT></Body></HTML>

A few mistakes I can see:-
Change the upper case tags to lower case - <BODY> to <body> etc. That will make it standards-compliant.
You've got 2 opening <h2> tags on the same line. The last 1 should be a closing tag </h2>
There's a closing </FONT> tag, but you haven't opened it with <FONT>. As there is no <font> declaration, you can delete the </FONT>
You're declaring a background image for the body but then saying you want a black background. Make up your mind which you want. If you want the image, I think you need to change the declaration to background-image="http://i155.photobucket.com/albums/s319/KraneDiggity/Myspace/Sunset.jpg". I know that's how it's declared with CSS, but I'm not sure about inline styles. Also, make sure you can hotlink to a photobucket image for the background. Some hosts don't allow hotlinking.
In addition to making the <BR> tags lower case, you need to add a backslash thus <br />.

To centre the background, change the body declaration to:-

<body background-image="http://i155.photobucket.com/albums/s319/KraneDiggity/Myspace/Sunset.jpg" width="90%" margin-left="5%">

With regards the <br /> tag, any tags that aren't explicitly closed need the backslash at the end of the tag. 1 you will probably use quite a lot is the <img src="whatever" /> tag for adding images to your page.

Let me know if it works or not.
« Last Edit: 14/04/2008 18:52:35 by DoctorBeaver »
 

Offline Simulated

  • Neilep Level Member
  • ******
  • Posts: 7188
  • Thanked: 1 times
  • Simulated..What more do you needa know :P
    • View Profile
    • Facebook
Can you explain to me how to make and edit HTML codes??
« Reply #47 on: 14/04/2008 23:29:44 »
Well. Half of that was what they gave me on my page that was orginaly made for me. and will do doc. thanks and the background..the image is 800x600. and that woudl leave um side things on my screen resloution..

hum well i hadda change your code to this to get the background to show up <body background="http://i155.photobucket.com/albums/s319/KraneDiggity/Myspace/Sunset.jpg" width="90%" margin-left="5%"> and it still didn't center it
« Last Edit: 14/04/2008 23:38:11 by Simulated »
 

Offline DoctorBeaver

  • Naked Science Forum GOD!
  • *******
  • Posts: 12656
  • Thanked: 3 times
  • A stitch in time would have confused Einstein.
    • View Profile
Can you explain to me how to make and edit HTML codes??
« Reply #48 on: 15/04/2008 08:58:46 »
Grrrrr at not using css. It would be a doddle. You could have this is your css:-

body{
  bg-color: black;
}

#main{
  width: 800px;
  height: 600px;
  margin-left: *see note*
  background-image: "blahblah";
  repeat: no-repeat;
}

*note* you need to calculate what the margin would be. Subtract 800 from your horizontal resolution then divide by 2. So, if your horiz res is 1200, you want (1200-800)/2=200. The declaration would then be:-
margin-left: 200px;

Then, in the code, you put:-

<body>
  <div id="main">
     add your content here
  </div>
</body>

I'm not sure how it's done with inline styles as I don't use that. I'll see if I can find something & I'll let you know. I doubt it'll be today, though, as I'm really busy all day.
 

The Naked Scientists Forum

Can you explain to me how to make and edit HTML codes??
« Reply #48 on: 15/04/2008 08:58:46 »

 

SMF 2.0.10 | SMF © 2015, Simple Machines
SMFAds for Free Forums