1. This forum is ARCHIVED! Visit the new Cloud Sixteen forums, codename Eden, at https://eden.cloudsixteen.com. These forums will remain archived for a few months before being closed down, so try to encourage plugin developers to begin moving their content across to the new forums.
Dismiss Notice
Hi Guest, you need a Steam account to register and post on these forums. Login with Steam at the top of the forums to get started!
Dismiss Notice
Hi Guest, do you want to buy HL2RP or another Clockwork schema? Visit the Cloud Sixteen Store to get started!

HTML

Discussion in 'Programming' started by _HappyGoLucky, Feb 22, 2015.

  1. _HappyGoLucky

    _HappyGoLucky Clockwork Customer

    Well, HTML is actually pretty interesting now that I have started to get into it. I am still working on this one and I have been trying to make it better all day.

    [​IMG]

    This isn't my community. Its @Kerdizoume
    The code for this is below!

    Code:
    <!DOCTYPE html>
<html>
<head>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

a {
    display:inline-block;
    margin-left:40%;
    margin-top:5%;
    margin-bottom:20%;
    height:100%;
    float: middle;
    border: 2px solid;
    border-radius: 10px;
    font-family: Fantasy;
    font-size: 70;
    height: 75;
    width: 500px;
    text-decoration: none;
    background-color: #005C8A;
    color: #000000;
    line-height: 1;

}

a:hover {
    background-color: #00527A;
    margin-top:5%;
    margin-bottom:20%;
    font-size: 75;
    text-align: center;
    line-height: 1;
}

line {
    line-height: ;
}
</style>
</head>
<body>

<ul>
  <center><li><a href="http://reassembled-gaming.com/forums/">Forums</a></li>
  <li><a href="http://reassembled-gaming.com/forums/donate.php/">Donate</a></li>
  <li><a href="http://steamcommunity.com/groups/reassembled-gaming">Steam Group</a></li>
</ul>
<center><font size="15"><font face="Verdana">Welcome to Reassembled-Gaming. You are <i><u>safer</u></i> here.
</body>
<body bgcolor=#006699>
<p align="center"><img src="http://www.reassembled-gaming.com/img/profile.png" alt="Logo" width="600" height="600" ></p>
</html>

    Very amateur... I am gonna space out the buttons a little bit and find a better font.
     
    _HappyGoLucky, Feb 22, 2015
    #1
  2. duck

    duck Phant0m Legend

    Try Bootstrap :eek:
    It's an awesome framework, and has so much documentation.
     
    • Agree Agree x 1
    • Informative Informative x 1
    duck, Feb 22, 2015
    #2
  3. iRyno

    iRyno Clockwork Customer

    Bootstrap is great <3. Use it!
     
    • Agree Agree x 1
    iRyno, Feb 22, 2015
    #3
  4. RJ

    RJ no pay Legend Clockwork Customer

    It's usually always best to use a style made by someone else unless you were specifically hired to make one for someone.
     
    • Agree Agree x 1
    RJ, Feb 23, 2015
    #4

Previous Readers (Total: 0)