HTML coding issues

Alrighty, so I do not exactly know if this thing can work on forumotion or not but it probably should. I am trying to re-write my homepage useing a full HTML code. When I preview it, everything looks nicely (it's half done so far, still under construction but it should still be able to appear) but when I click submit and everything is saved and I finally turn back to see my masterpiece, N O T H I N G! Everything is the same, nothing actually changed (like I've seen in the preview). It was like I did not even work all day at that code.. Now I do not know if anything needs to be activated for it, or it's not possible or my code it's broken (tought I hardly doubt since in the code "Preview" mode everything was nice and it appeard). Could someone please explain me what's happening or if I am just stupid? o-o

Here is the code (halfly done) I wanted to use:

Code:


<a href="http://www.forumotion.com" target="_blank">forumotion.com</a><title>Dominus</title> <style type="text/css">
/*
Made by Selien
*/

html { overflow-x: auto; }
form { display:inline; }

/****************************************
Body Background & Text Style
*****************************************/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #9C9BA3;
margin: 0px;
padding: 0px;
background-color: #2B292E;
text-align: center;
background-attachment: fixed;
background-image: url(http://i60.tinypic.com/2dml4i.jpg);
}

::-webkit-scrollbar-thumb:vertical {
background-color:#413E46;
height:25px;}

::-webkit-scrollbar-thumb:horizontal {
background-color:#413E46;
height:25px!important;}

::-webkit-scrollbar {
background-color:#100E12;
height:5px;
width:12px;}

table, tr, td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
}

#wrapper {
text-align: left;
width: 830px;
padding: 10px;
border: 35px solid #100E12;
margin-top: 70px;
margin-right: auto;
margin-bottom: 30px;
margin-left: 350px;
background-color: #191726;
}

#sidebar{
float: left;
width: 280px;
position: fixed;
top: 50px;
padding: 10px;
height: 100%;
border-bottom-right-radius: 15px;
}

/* TAB SIDEBAR */

.clickable {
display:inline;
margin-right:10px;
cursor:pointer;
padding: 7px;
font-size: 18px;
width: 20px;
color: #F9F4F0;
font-family: georgia;
text-shadow: 1px 1px #000;
}
.tab-content {
display: none; /* do not remove this */
}

#tab1-content { display: block; } /* do not remove this */

/* Clear up the list default styles */
#tab-strip {
list-style: none outside none;
margin: 0px;
margin-top: -20px;
padding: 0px;
display: block;
}
#tab-strip a { text-decoration: none; }

.click {display:inline; margin-left:20px;}
.clickconto { padding:5px;}
.clickcont {display:none;padding:5px;}
#links a {padding-left:10px; padding-right:10px;}

.clickwrap h1 {font-size:18px; text-transform:uppercase; font-weight:normal; margin-bottom:-5px;}

#innerwrapper {
padding: 0 10px;
}

/****************************************
 Link colors
*****************************************/

a:link, a:visited, a:active {
text-decoration: none;
color: #fff;
}
a:hover {
color: #3273A8;
text-decoration: none;
}


/****************************************
 Profile styles
*****************************************/

#profilename {
font-size:28px;
font-weight:bold;
}

#photowrap {
padding:6px;
}

#phototitle {
font-size:24px;
border-bottom:1px solid black;
}

#photoimg   {
text-align:center; margin-top:15px;
}

/****************************************
 UserCP/My Controls styles
*****************************************/

#ucpmenu {
line-height:150%;
width:22%;
background-color: #191726;
}

#ucpmenu p  {
padding:2px 5px 6px 9px;
margin:0px; 
}

#ucpcontent {
background-color: #191726;
line-height:150%; width:auto;
}

#ucpcontent p  {
padding:10px;
margin:0px;
}

/****************************************
Logo Strip
*****************************************/

#logostrip {
display: none;
}

#logo {
text-align: center;
padding: 0px;
}

/****************************************
Search Bar
*****************************************/

#searchbar {
display: none;
}

/****************************************
Navigation Bar / Submenu
*****************************************/

#submenu  {
display: none;
}

#navi br {
display: none;
}

#navstrip  {
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
display: inline-block;
margin: 2px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
}

#navstrip a{
font-family: "Times New Roman", Times, serif;
font-size: 9px;
text-transform: uppercase;
color: #FFFFFF;
background-color: #595869;
text-align: center;
display: inline-block;
margin: 2px;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 4px;
padding-left: 6px;
}

/****************************************
 Calendar styling
*****************************************/

.caldate   {
text-align:right;
font-weight:bold;
font-size:11px;
color:#555;
background-color:#F2F2F2;
padding:4px; margin:0px;
}

#calendarname {
font-size:22px;
font-weight:bold;
}

#padandcenter {
margin-left:auto;
margin-right:auto;
text-align:center;
padding:14px 0px 14px 0px;
}


/**************************************************
User Links Menu (Messages / View new posts / etc )
***************************************************/

#userlinks, #userlinks td {
background-color: transparent;
list-style: none;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #FFFFFF;
z-index: 10;
}


#userlinks {
color: #FFF;
background-color: #595869;
position: fixed;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
left: 0px;
top: 0px;
}

#userlinks a {
text-decoration: none;
padding: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
text-transform: uppercase;
color: #FFFFFF;
}

#userlinks a:hover {
text-decoration: none;
color: #3273A8;
}


/****************************************
 Topic View styles
*****************************************/

.activeuserstrip {
background-color: #595869;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
text-transform: uppercase;
padding: 2px;
}

.normalname {
font-size: 10px;
color: #000;
text-transform: uppercase;
text-align: center;
display: block;
}

.normalname a {
font-size: 12px;
}

.unreg {
font-size: 11px;
font-weight: bold;
color: #000;
}

.post1, .post2 {
background-color: #191726;
padding-left: 10px;
color: #9C9BA3;
}

.postdetails {
font-size: 8px;
}

.miniprofile .postdetails[text="N/A"] { display: none; }

.row4 .postdetails b a{
display: none;
}

.postcolor   {
font-size: 12px; line-height: 160%;
}

.postlinksbar {
padding: 1px 5px;
background-color: #100E12;
padding: 1px;
margin-top: 1px;
font-size: 8px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #9C9BA3;
}

.postlinksbar a {
color: #FFF;
}

/*******************************
Pagination e.g. [1],2,3 ...
*******************************/

.pagination .pagination_current, .pagination a {
   padding: 2px 5px;
}

.pagination a:link, .pagination a:visited, .pagination a:active {
   border: 1px solid #800000;
   border-radius:3px;
   background-color:#740300;
   padding-left:6px;
   padding-right:6px;
   color:#ffffff;
   text-decoration:none;
   box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4);
}

.pagination a:hover {
background: #EFEEEE;
text-decoration: none;
color:#000000;
box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4);
background-image:url(http://files.b1.jcink.com/themes/default/gray-gradient.png);
}

.pagination .pagination_current {
   background: none repeat scroll 0% 0% #FFFFFF;
   border: 1px solid #545454;
   border-radius:3px;
   padding-left:6px;
   padding-right:6px;
   background-image:url(http://files.b1.jcink.com/themes/default/gray-gradient.png);
}

.pagination_first, .pagination_last, .pagination_page {
   background: none repeat scroll 0% 0% #740300;
   border: 1px solid #800000;
}

.pagination_pagetxt {
  display:none;
}

/****************************************
 Global general table/div row styles
*****************************************/

.row1,.row3,.row4,.row2 {
background-color: #100E12;
padding: 5px;
}

.row4 b a {
font-family: "Times New Roman", Times, serif;
font-size: 13px;
text-transform: lowercase;
color: #595869;
text-align: center;
display: block;
padding-top: 7px;
padding-bottom: 4px;
position: relative;
margin-right: auto;
margin-left: auto;
font-style: italic;
}

#boardstats .row2 {
text-align: center;
}

.darkrow1, .darkrow2, .darkrow3 {
background-color: #100E12;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
text-transform: uppercase;
}

td.darkrow2 {
display: none;
}

.hlight { background-color: #595869; }
.dlight { background-color: #595869; }

/****************************************
 Top table bars / gradient holders
*****************************************/

.maintitle {
background-color: #595869;
color: #FFF;
padding-top: 14px;
padding-bottom: 7px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 9px;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 2px;
padding-left: 20px;
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active {
text-decoration: none;
color: #fff !important;
}

.maintitle a:hover {
text-decoration: none;
}

/****************************************
Bar directly below the maintitles
*****************************************/

.titlemedium, .pformstrip {
font-weight: lighter;
color: #595869;
padding: 2px 6px;
margin: 0px;
background-color: #191726;
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
text-transform: uppercase;
text-align: center;
}

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  {
text-decoration: none;
color: #fff;
}

/****************************************
Table & Div Borders
*****************************************/

.tableborder {
background-color: #100E12;
padding: 0px;
margin: 0;
}

.tablefill {
background-color: #595869;
padding:6px;
}

.tablepad {
background-color: #100E12;
padding:6px;
}

.tablebasic {
width:100%; padding:0; margin:0px; border:0px;
}

.plainborder {
background-color: #100E12;
}

/****************************************
QUOTE and CODE BBCode boxes
*****************************************/

#QUOTE {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
background-color: #413E46;
border: 0px;
padding: 12px;
margin-top: 2px;
line-height: 9px;
display: block;
border-right-width: 10px;
border-right-style: solid;
border-right-color: #a65814;
width: 80%;
}

#CODE  {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
background-color: #413e46;
padding: 12px;
margin-top: 2px;
line-height: 9px;
display: block;
border-left-width: 20px;
border-left-style: solid;
border-left-color: #595869;
width: 80%;
}


/**********************************************
Input buttons, e.g. submit, text input, etc
***********************************************/

.button-large {
text-align: center;
color: #FFF;
min-width: 75px;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
background: #595869;
}

.button-large:hover, .codebuttons, input[type=submit], input[type=button], input[type=reset]{
background-color: #100E12;
}

.codebuttons, input[type=submit], input[type=button], input[type=reset], .forminput {
text-align: center;
color: #FFF;
min-width: 25px;
min-width: 55px;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
text-transform: uppercase;
background-color: #413E46;
margin: 2px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
border: 1px solid #413E46;
}

.button-small{
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
text-transform: uppercase;
color: #FFF;
margin: 5px;
}

.post-buttons-top { margin-top: 3px; }

.button-large.closed {
text-align: center;
color: #FFF;
min-width: 75px;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
}

.textinput {
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 2px;
vertical-align: middle;
background-color: #191726;
border: 1px solid #413e46;
}

.radiobutton, .checkbox{
vertical-align: middle;
background-color: transparent;
color: #333;
margin: 2px;
padding: 5px;
text-decoration: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #f2f1f1;
width: 20px;
height: 20px;
}

.tablepad .forminput { width:72px; }
.tablepad input[type="submit"] { width:82px; }

/****************************************
Form table cell styles, left/right/top
*****************************************/

.pformleft  {
background-color: #191726;
padding:6px;
margin-top:1px;
width:25%;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

.pformleftw {
background-color: #191726; padding:6px;
margin-top:1px;
width:40%; 
}

.pformright {
background-color: #191726;
padding:6px; margin-top:1px;
}


/****************************************
Tabs on the portal profiles + sections
*****************************************/

.opentab {
color: #FFF;
padding: 8px;
float: left;
width: auto;
background-color: #84774e;
margin-top: 3px;
margin-right: 2px;
font-size: 8px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

.closedtab {
color: #191726;
padding: 7px;
float: left;
width: auto;
background-color: #A65814;
margin-top: 6px;
margin-right: 2px;
font-size: 8px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

.positiontab {
height: 34px; margin-left: 2px;
}


/*******************************
   Board Statistics Links
*******************************/

.toplinks a {
color: #6D3247;
font-size: 7px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

.toplinks {
text-align: center;
color: transparent;
margin-top: 10px;
margin-right: 31px;
margin-bottom: -47px;
margin-left: 0;
}

/*******************************
Mini Profile Seperators
*******************************/

.postbit {
border-bottom: solid 1px #C0C0C0;
color: black;
background: #EFEFEF;
font-size: 11px;
      padding: 6px 7px;
}

/********************************
Miscellaneous
********************************/

/* image tag styles */
img        { vertical-align:middle; border:0px }
img.attach { border:2px outset #555;padding:2px }

/* Forum Descriptions */
.desc .box{
font-size: 8px;
text-transform: uppercase;
background-color: #413E46;
letter-spacing: 1px;
width: 352px;
text-align: justify;
padding: 5px;
margin-right: auto;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
margin-top: -20px;
margin-bottom: 0px;
}
.desc .box .claim {
text-align: center;
font-weight: bold;
color: #ffffff;
margin: 5px 0;
}

.desc a{
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
text-transform: uppercase;
color: #000;
letter-spacing: 2px;
line-height: 5px;
padding: 0px;
margin: 0px;
}

.desc .b {
font-size: 8px;
text-transform: uppercase;
background-color: #100E12;
letter-spacing: 1px;
width: 352px;
text-align: justify;
margin-right: auto;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
height: 117px;
margin-top: -20px;
color: #FFF;
padding: 5px;
background-size: 100% 100%;
}

.desc .b .box{
opacity: 0.0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: 90%;
border-style: none;
display: block;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
padding-top: 0;
background-color: #100E12;
}

.desc .b:hover .box {
opacity: 0.8;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}

.row2 .desc a {
color: #3D6AA2;
}

.subies{
display: block;
font-size: 7px;
text-transform: uppercase;
color: #FFF;
width: 100%;
margin-top: 5px;
background-color: #191726;
text-align: center;
}

.subies a{
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
line-height: 9px;
text-transform: uppercase;
color: #FFF;
margin: 5px;
display: inline;
padding: 2px;
font-weight: bold;
}

.x-viewing-forum {
display: none;
}

.stafficon {
background-size: 75px;
border: 3px solid #595869;
width:75px;
height:75px;
display:table-cell;
vertical-align:bottom;
text-align:center;
font-size:20px;
font-variant:small-caps;
letter-spacing:1px;
}
.stafficon a {
color:white;
}

.tablepad .climate {
text-align:center;
width:100%;
}

.climate img {
width:200px;
height:50px;
margin:0 auto;
border:1px solid
}


/* Edited by text */
.edit { font-size: 9px }

/* Topic Macros */

.wrapmini { float: left; }

/* Warning CSS */
.warngood { color:green }
.warnbad  { color:red }

/* Skin selector dropdown */
#skin_selector {
margin: 10px 0;
background: #595869;
}


/* Online users list row */
.thin {
width: 60%;
margin-top: 2px;
margin-right: auto;
margin-bottom: 2px;
margin-left: auto;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
text-transform: uppercase;
color: #FFF;
text-align: center;
}

/* Latest news area */
.newstext {
display: none;
}

/* Highlighted text in search */
.searchlite {
color:#F00;
font-weight:bold; 
background-color:#FF0;
}

/****************************************
Mobile-specific Styles
*****************************************/

#mobile {
background-color: #FBFBFB;
}

/***********************************
Copyright: Removal is against Terms
************************************/

.copyright {
font-size: 10px; line-height: 12px;
}

.mp-con{
text-align: center !important;
margin-right: auto;
margin-left: auto;
position: relative;
background-color: #413E46;
padding: 5px;

}
.mp-info{
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
text-transform: uppercase;
color: #000 !important;
letter-spacing: 1px;
text-align: center;
display: block;
height: 100%;
width: 100%;
}
.mp-gif img{
width: 150px;
margin-top: -1px;
margin-bottom: -1px;
margin-left: -1px;
}

.mp-name{
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
text-align: right;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #a65814;
width: 100px;
padding-right: 5px;
position: absolute;
margin-top: -50px;
}

.mp-posts{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 40px;
letter-spacing: -7px;
font-style: oblique;
color: #a65814;
margin-bottom: -20px;
display: block;
}

.subforums { display: none; }

/***********************************
Shoutbox
************************************/

#shoutbox, #shoutbox td.row2 { width: 250px; }
#shoutbox iframe { width: 230px; height: 300px; }
#shoutbox form input.forminput { width: 230px; margin-bottom: 3px; }
#shoutbox form input.forminput[type="text"] { width: 220px;text-transform:none;letter-spacing:2px;font-size:12px; }
#shoutbox .maintitle { display: none; }


/*** MINI-PROF by AVEY OF SHINE ***/
.bwmini { position: relative; width: 200px; height: 300px; border-bottom: 30px solid rgba(16, 14, 18, 0.9);border-left:1px solid rgba(16, 14, 18, 0.9);border-right:1px solid rgba(16, 14, 18, 0.9); }
.bminimg { position: absolute; top: 0; left: 0; }
.bmininfo { position: absolute; top: 0; left: 0; width: 170px; height: 225px; padding: 15px 15px 60px 15px; background: rgba(16, 14, 18, 0.<img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />; opacity: 0; -webkit-transition: .8s all ease-in-out; -moz-transition: .8s all ease-in-out; transition: .8s all ease-in-out; }
.bmininame { position: absolute; bottom: 15px; width: 180px; height: 10px; padding: 10px; background: rgba(130, 128, 153, 1); font-family: sintony; font-size: 20px; text-transform: uppercase; letter-spacing: -2px; color: black; border-top: 1px dotted rgba(0,0,0,0.7); border-bottom: 1px dotted rgba(0,0,0,0.7);line-height:10px; }
.bmininame a { color:white; }
.bminigif { width: 170px; height: 100px; background: rgba(130, 128, 153, 0.9); position: relative; }
.bminigif img { position: absolute; top: 0; left: 0; }
.bministuff span { display: block; margin-top: 10px; width: 160px; height: 20px; background: rgba(16, 14, 18, 0.<img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />; border-right: 10px solid rgba(130, 128, 153, 0.9); text-align: center; font-family: sintony; font-size: 10px; line-height: 20px; color: white; text-transform: uppercase; }
.bministuff a { text-decoration: none; color: white; }
.bwmini:hover .bmininfo { opacity: 1; }
.normalname { display: none; }


/***********************************
Shop Descriptions
***********************************/

.shopdesc { text-align:justify;padding:5px;font-size:10px;background:#413E46;width:250px;line-height:12px; }


.tab-content #affiliates .maintitle { letter-spacing:0px;font-size:10px; }
</style> <script type="text/javascript" src="http://files.b1.jcink.com/html/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="http://files.b1.jcink.com/html/jquery.cookie-1.3.1.js"></script> <script type="text/javascript" src="http://files.b1.jcink.com/html/catcollapse.js"></script>
<div id="sidebar">
     <script type="text/javascript">
 /* code written by kismet of RPG-Directory.com */
 $(function(){ function selectTab(tab){ var i=1; while($('#tab'+i).length){ if(tab.attr('id')!=='tab'+i){ $('#tab'+i).removeClass('highlight'); $('#tab'+i+'-content').hide(); } else { tab.addClass('highlight'); $('#tab'+i+'-content').show(); } i++; }} $('#tab1').addClass('highlight'); $('.clickable').each(function(){ $(this).click(function(){ selectTab($(this)); });});});</script>
    <ul id="tab-strip">
         <br /><br />
        <li id="tab1" class="clickable">
            I
        </li>
         
        <li id="tab2" class="clickable">
            II
        </li>
         
        <li id="tab3" class="clickable">
            III
        </li>
         
        <li id="tab4" class="clickable">
            IV
        </li>
         
    </ul>
     
    <div id="tab1-content" class="tab-content">
         
        <center>
             
            <div class="maintitle">
                 shoutbox
            </div>
             
            <div class="tablepad"><span style="color:#D0A9F5;">Welcome, dear Visitator.<br />Please note that there is more of Dominus that is hidden. Feel free to use the Guest Account (all caps) and explore.</span><br /><br /><span class="desc">Guest: VISITATOR<br />Password: DOMINUS <script type="text/javascript" src="http://www2.yourshoutbox.com/shoutbox/start.php?key=366531627"></script></span>
            </div>
             <br />
        </center>
         
    </div>
     
    <div id="tab2-content" class="tab-content">
         
        <center>
             
            <div class="maintitle">
                 updates
            </div>
            <div class="titlemedium">
                02-08-14
            </div>
            <div class="tablepad" style="text-align:justify;padding:10px 20px;max-height:300px;overflow:auto;">
                <span class="desc"><span style="text-decoration: underline;"></span><strong></strong>Tribe Number One!<br />The first tribe of Dominus has been created. Vimur lurks through the goulish shadows of Aequor and they are thrilling! Remember that there is only ONE more tribe slot available for audition and you can find it <a href="http://" http:="" dominus.rpdforum.com="" f9-the-tribes"="" style="color:white;"></a>HERE!</span>
                <p style=""><span style="text-decoration: underline;"><strong>New Leadership & Staff Applications [Open]</strong></span><br />Insidious has stepped down due to personal issues and he has promoted Marionette to Administrator! I cannot be relied on with such huge tasks, so in order to maintain the site activity I am going to need some moderators! Staff applications are open and the code required is found within the thread update <a href="http://dominus.rpdforum.com/t1-new-leadership" style="color:white;">HERE!</a>
                </p><span class="desc"></span>
                <p style=""><span style="text-decoration: underline;"><strong>Contests/Site Activities</strong></span><br />Work In Progress...
                </p><span class="desc"></span>
                <p style=""><br />- Marionette
                </p><span class="desc"></span>
            </div>
            <div style="opacity:.5;">
                <div class="titlemedium">
                    27-07-14
                </div>
                <div class="tablepad" style="text-align:justify;padding:10px 20px;><span class=" desc"="">
                    Heh Hey guys! I am afraid Dominus is still work in progress and we are giving our best to create a comfortable enviroment for all of you, fantabulous persons! However due to some personal issues in our lives the updates will not be so frequent, but we promise to improve. Thank you for tagging along with us!
                </div>
                <div class="titlemedium">
                    14-07-2014
                </div>
                <div class="tablepad" style="text-align:justify;padding:10px 20px;">
                    <span class="desc">TO BE CONTINUED... </span>
                </div>
                <div class="titlemedium">
                    3-15-2014
                </div>
                 
                <div class="tablepad" style="text-align:justify;padding:10px 20px;">
                    <span class="desc"> WIP </span>
                </div>
                 
                <div class="titlemedium">
                    3-2-2014
                </div>
                 
                <div class="tablepad" style="text-align:justify;padding:10px 20px;">
                    <span class="desc"> WIP </span>
                </div>
            </div>
             <br />
        </center>
         
    </div>
     
    <div id="tab3-content" class="tab-content">
         
        <center>
             
            <div class="maintitle">
                 ic updates
            </div>
             
            <div class="titlemedium">
                the real world
            </div>
             
            <div style="height: 300px;" class="tablepad">
                <span class="desc"> </span>
                <div style="" class="climate"><img src="http://i60.tinypic.com/20r205g.jpg" /><br /><strong>Year I -- Winter</strong><br /> <strong>Mating -- Yes</strong><br /><strong>Birthing -- No</strong><br />While nothing ever truly withers or hibernates in the land of Dominus the sea does offer a frigid breath which chills and calms the terrain. Scarce are clouds swollen with rain, this season being the driest. Humidity tapers, river become shallow and more stagnant bodies of water shrivel. Some smaller aggregations of moisture vanish completely and the higher elevations become dusted with snow. While rare, it is not unheard of for a boisterous sea storm to gift the lower lands with a light pearly blanket. <br />Season change <strong>September 4th</strong><br />
                </div><span class="desc"> </span>
            </div>
            <div class="titlemedium">
                Packs
            </div>
            <center>
                <div style="height: 300px;" class="tablepad">
                    <span class="desc">Vimur </span>
                    <p style="">
                        Tribe Name
                    </p><span class="desc"></span>
                    <p style="">
                        Loners <br />
                    </p><span class="desc"></span>
                </div>
            </center>
             
        </center>
    </div>
    <div id="tab4-content" class="tab-content">
         
        <div class="maintitle">
             staff and otm's
        </div>
         
        <div class="titlemedium">
            the fantabulous staff <3
        </div>
         
        <div class="tablepad">
            <span class="desc"> </span>
            <table style="">
                <tbody>
                    <tr>
                        <td>
                            <div class="stafficon" style="background-image:url(http://i58.tinypic.com/jfgaxh.jpg);"><a href="/index.php?">Marionette</a>
                            </div>
                        </td>
                        <td>
                            <div class="stafficon" style="background-image:url(http://i58.tinypic.com/23jmlbd.jpg);"><a href="/index.php?showuser=1">Name Here</a>
                            </div>
                        </td>
                        <td>
                            <div class="stafficon" style="background-image:url(http://i58.tinypic.com/23jmlbd.jpg);"><a href="/index.php?showuser=1">Name Here</a>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table><span class="desc"> </span>
        </div>
        <div class="titlemedium">
            otm's
        </div>
        <div class="tablepad">
            <span class="desc"> </span>
            <center style="">
                <div style="height: 300px;" class="tablepad">
                    <span class="desc"> <strong></strong>Member of the Month<br />OOC Name </span>
                    <p style=""><strong>Character of the Month</strong><br />Wolf Name
                    </p><span class="desc"></span>
                    <p style=""><strong>Pair of the Month</strong><br />Wolf Name x Wolf Name
                    </p><span class="desc"></span>
                    <p style=""><strong>Thread of the Month</strong><br />Thread Name
                    </p><span class="desc"></span>
                    <p style="">
                    </p><span class="desc"></span>
                </div>
            </center><span class="desc"></span>
            <table style="">
            </table><span class="desc"> </span>
        </div>
         <br />
    </div>
</div>
 
<div id="wrapper">
    <div id="pm">
         
    </div>
    <div style="border: 0px #191726 dotted; background-color: #000; padding: 0px;">
         
        <div id="logo">
             <a href="index.php"><img style="width: 830px;" src="http://i57.tinypic.com/amzl82.jpg" /></a>
        </div>
         <script language="JavaScript" type="text/javascript">
<!--
function buddy_pop() { window.open('index.php?act=buddy&s=1d36df0f86666e46f0adafef1e190c92','BrowserBuddy','width=250,height=500,resizable=yes,scrollbars=yes'); }
function chat_pop(cw,ch)  { window.open('index.php?s=1d36df0f86666e46f0adafef1e190c92&act=chat&pop=1','Chat','width='+cw+',height='+ch+',resizable=yes,scrollbars=yes'); }
function multi_page_jump( url_bit, total_posts, per_page )
{
pages = 1; cur_st = parseInt(""); cur_page  = 1;
if ( total_posts % per_page == 0 ) { pages = total_posts / per_page; }
 else { pages = Math.ceil( total_posts / per_page ); }
msg = "Please enter a page number to jump to between 1 and" + " " + pages;
if ( cur_st > 0 ) { cur_page = cur_st / per_page; cur_page = cur_page -1; }
show_page = 1;
if ( cur_page < pages )  { show_page = cur_page + 1; }
if ( cur_page >= pages ) { show_page = cur_page - 1; }
 else { show_page = cur_page + 1; }
userPage = prompt( msg, show_page );
if ( userPage > 0  ) {
    if ( userPage < 1 )     {    userPage = 1;  }
    if ( userPage > pages ) { userPage = pages; }
    if ( userPage == 1 )    {     start = 0;    }
    else { start = (userPage - 1) * per_page; }
    window.location = url_bit + "&st=" + start;
}
}

Collapse="<img alt='Collapse' title='Collapse' src='http://files.b1.jcink.com/themes/default/cat-collapse.png' />"
Expand="<img alt='Expand' title='Expand' src='http://files.b1.jcink.com/themes/default/cat-expand.png' />"



//-->
</script>
    </div>
</div>

Which button did you press to create the HTML page?

At Administration Panel --Modules -- HTML Page Management.

I've spent an entire day trying to figure this out but nothing. ;c



EDIT/UPGRADE: I took a picture of the "Previewing" mode of the HTML page I tried to make it display as an index page (the first picture). As you guys can see, it shows it just fine. But the problem is that, once I press "submit" nothing changes.. The normal page (pic number two) remains exactly the same... It drives me mad.. I just can not figure it out. ;c Please help.

when i look at your site i see the 1st pic but can not see your forum.

@0@ I do not understand... I can not see any changes from the second pic... The first one does not appear...

ok here is the problem you Do not have a link to your index page on your toolbar this is needed for you to see your new home page also the link to the wolf pic takes you to a page error 
http://dominus.rpdforum.com/index
you need to change it to
http://dominus.rpdforum.com/forum in your HTML page

Edit this is what i am looking at right now

  You need to add a  Portal button to your navbar to see your home page

Hello,

I went to your site by pressing the icon on your profile and it took me to the first image. As soon as i clicked the image it tried to take me here:
http://dominus.rpdforum.com/index
by using this code:

Code:

<a href="index.php"><img style="width: 830px;" src="http://i57.tinypic.com/amzl82.jpg"></a>

Instead of taking us to /index you should change it and make it to send us to /forum. That way if someone presses the image will be taken to the forum.
Use this code:

Code:

<a href="/forum"><img style="width: 830px;" src="http://i57.tinypic.com/amzl82.jpg"></a>

Also, you could add an extra button to the navbar in your forum by going to Admin Panel >> Display >> Templates >> overall_header
and add below the

Code:

<a class="mainmenu" href="/forum"><img id="i_icon_mini_index" src="http://2img.net/i/fa/bbtech/icon_mini_index_en.gif" border="0" hspace="0" alt="Home" title="Home"></a>

a button that will take you to the first picture you posted.
Try this code:

Code:

<a class="mainmenu" href="/"><img id="i_icon_mini_portal" src="http://2img.net/i/fa/bbtech/icon_mini_portal_en.gif" border="0" hspace="0" alt="Portal" title="Portal"></a>

MrMind.