Author Topic: Website Design Help  (Read 2361 times)

Ok, now I was browsing on the Blockland.us website and I saw some things that I would like to add to my website. You know the links on the left hand side? How do you make button like links like that. Also, how do you make those background text boxes that Badspot put text in on the website.

@First question: The linked "buttons" are just images. You can put text or images in your <a> tags. <a href="linkhere"><img src="linkimagehere"></a>

@Second questionThe white text boxes can be made with tables, tables are closed areas where you can restrict properties. Tables work like this.

<table width="800" height="600" bgcolor="#HEXCODE" border="1">
<tr>
<td>
Texthere
</td>
</tr>
</table>

Tr means table row, td means table datacell. You can put multiple table data cells in a row, and multiple rows in a table. You can set the width and height of any part of the table like I did for the whole table.

You can make multiple datacells in a row like this:
<table>
<tr>
<td>Blahblah</td>
<td>Blargblarg</td>
</tr>
</table>

This would make a table with two datacells positioned horisontally from one another.
You can make multiple rows like this:

<table>
<tr>
<td>Hi!</td>
</tr>
<tr>
<td>Hi</td>
</tr>
</table>

This would make two datacells, one on top of the other.
I used the enter key alot there, it was only for the sake of organization. I could code like this if I wanted.
<table><tr><td>Hi!</td></tr><tr><td>Hi</td></tr></table>

If you have any other questions, I would be happy to answer them.

Edit:I can explain HEX too.

Hex color codes are 6-digits which define the colors of an object. The digits are always preceded by a #, with the digits directly after. They are the same codes you use to color text in events. If you evented this into a centerprint on bl: <color:FFFFFF>Hi! :D it would come up as white text saying Hi!, as I am sure you know. You can get the same effect with HTML using <font color="#FFFFFF">Hi! :D</font>, or you could say: <font color="white">Hi! :D</font>. However, only certain color words are supported, so to get a specific color it is better to use hex codes. You can color other things than font using hex too, you can color borders, backgrounds and... other stuff. You can see all of the supported hex codes by searching Hex Code Chart on google images or a similar site.

Edit2:
Quote
Will CSS work on Notepad? Could I mix CSS and HTML?
As long as the CSS is inclosed in it's <style> tags, then you can mix HTML and CSS.

You can do this:

<style>Css blah, blah, blag</style>

HTML
« Last Edit: June 17, 2009, 10:59:22 PM by Wizard »

Use Notepad++. It can show you the syntax for HTML, CSS, Java, whatever. And it has a hex editor extension if you need that.
« Last Edit: June 17, 2009, 11:18:41 PM by Orgodemirk »