VIDEO PORTAL FINALLY FINISHED!!!!!!

[Alex]

I wish our banner fit the portal there, but at least I got it done.

Remember, your account there is different from here, you will need to make one if you haven't already, but you won't have to confirm your account!

You can see the portal at http://halonationvideos.vidiac.com/

OMG, I had to code all this!

Overall All Codes:

Code:

<center><img src="http://i232.photobucket.com/albums/ee181/cascadezero/Halonation1.jpg"</img></center>

<!-- Start Quantcast tag -->
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<script type="text/javascript">
_qacct="p-3181js9eMtA3Y";quantserve();</script>
<noscript>
<img src="http://pixel.quantserve.com/pixel/p-3181js9eMtA3Y.gif" style="display: none" height="1" width="1" alt="Quantcast"/></noscript>
<!-- End Quantcast tag --><table border="0" width="1000" cellpadding="0" cellspacing="0" align="center" class="tborder">

<center><table width="750" cellpadding="0" cellspacing="0" border="0" class="vb_navigation">
   <tr align="center">
<td width="78" height="34"  class="css_nav"><a href="http://otakunet.forum.st/forum.htm">Home</a></td>
<td width="78" height="34"  class="css_nav"><a href="http://otakunet.forum.st/portal.htm">Portal</a></td>   
<td width="78" height="34"  class="css_nav"><a href="http://halonationvideos.vidiac.com/upload/upload.uplx">Upload</a></td><td width="78" height="34"  class="css_nav"><a href="http://halonationvideos.vidiac.com/account.aspx">Profile</a></td>
<td width="78" height="34"  class="css_nav"><a href="http://otakunet.forum.st/search.forum">Search</a></td></center>
<center><table width="750" bgcolor="#1b1b1b" border="0">
<tr>
<td>
<center>
<script type="text/javascript"><!--
  e9 = new Object();
  e9.size = "728x90,468x60";
  e9.noAd = "1";
//--></script>
<script type="text/javascript" src="http://tags.expo9.exponential.com/tags/KHVidsNet/ROS/tags.js"></script>
 </center>
   

   <div id="vidiacinterface">

/********************************************
*   begin dms-specific skins styles
*********************************************/

body {
   color: #848484;
   background: #1b1b1b url(http://www.kh-vids.net/images/greenfox/misc/bg_tile.gif);
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   margin: 0px 0px 0px 0px;
}
a:link {
   color: #eeeeee;
   text-decoration: none;
}
a:visited {
   color: #eeeeee;
   text-decoration: none;
}
a:hover {
   color: #5b98ff;
   text-decoration: underline;
}
a:active {
   color: #FFFFFF;
   text-decoration: none;
}
.vb_navigation {
background: #000000 url(http://www.kh-vids.net/images/greenfox/misc/nav_bg_small.gif) ;
}
.css_nav {
float: left;
width: 78px;
height: 34px;
color: #ffffff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
margin: 0px;
padding: 0px;
border: 0px;
}

.css_nav a:link , .css_nav a:visited {
display: block;
background-image: url(http://www.kh-vids.net/images/greenfox/misc/nav.gif);
color: #ffffff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
line-height: 31px;
text-align: center;
text-decoration: none;
width: 78px;
height: 34px;
}

.css_nav a:hover, .css_nav a:active {
background-image: url(http://www.kh-vids.net/images/greenfox/misc/nav_over.gif);
color: #2d4265;
text-decoration: none;
line-height: 33px;
width: 78px;
height: 34px;
}
.tborder
{
   background: #1f1f1f;
   color: #848484;
   border: 1px solid #363636;
}
/*****************BEGIN VIDEO WIDGET INSERT HERE*******************
*****************            RED THEME        *******************/
<table width="33%" border="1" cellspacing="0" cellpadding="1"><tr><td>
a.v7-selected
{
   color: #ffffff;
   font-weight: bold;
}
a.v7-selected:Hover
{
   color: #e7eaf0;
   text-decoration: underline;
   font-weight: bold;
}
a.v7
{
   color: #ffffff;
}
a.v7:Hover
{
   color: #d7dadc;
   text-decoration: underline;
}
a.v7-thumb
{
   /*border: #FFFFFF 1px solid;*/
}
a.v7-thumb:Hover
{
   /*border: #3A79A1 1px solid;*/
}
.v7-text
{
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   font-size: 11px;
   color: #848484;
}
.v7-text-small
{
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   font-size: 9px;
   color: #848484;
}
td.v7-header
{
   background-image:  url(http://www.kh-vids.net/images/greenfox/gradients/gradient_tcat.gif);
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   font-size: 11px;
   color: #ffffff;
   font-weight: bold;
}
td.v7-header-unselected
{
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   font-size: 11px;
   color: #3A79A1;
   /*border-right: #FFFFFF 1px solid;
   border-top: #FFFFFF 1px solid;
   border-left: #FFFFFF 1px solid;*/
}
td.v7-video-preview
{
   /*border: #3A79A1 1px solid;*/
}
td.v7-text
{
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   font-size: 11px;
   color: #848484;
}
td.v7-text-strong
{
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   font-size: 11px;
   color: #848484;
   font-weight: bold;
}
a.v7-text-deselect
{
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   font-size: 11px;
   color: #999999;
   font-weight: normal;
   text-decoration: line-through;
}
input.v7
{
   border-right: #3A79A1 1px solid;
   border-top: #3A79A1 1px solid;
   font-size: 11px;
   color: #929FA9;
   border-left: #3A79A1 1px solid;
   width: 100px;
   color: #3A79A1;
   border-bottom: #3A79A1 1px solid;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
input.v7-browse
{
   border-right: #3A79A1 1px solid;
   border-top: #3A79A1 1px solid;
   font-size: 11px;
   color: #000000;
   border-left: #3A79A1 1px solid; /*WIDTH: 200px; COLOR: #3A79A1;*/
   border-bottom: #3A79A1 1px solid;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea.v7
{
   border-right: #3A79A1 1px solid;
   border-top: #3A79A1 1px solid;
   font-size: 11px;
   color: #929FA9;
   border-left: #3A79A1 1px solid;
   width: 300px;
   height: 75px;
   color: #3A79A1;
   border-bottom: #3A79A1 1px solid;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select.v7
{
   border-right: #3A79A1 1px solid;
   border-top: #3A79A1 1px solid;
   font-size: 9px;
   border-left: #3A79A1 1px solid;
   color: #3A79A1;
   border-bottom: #3A79A1 1px solid;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* LS1Tech Styles */
a
{
   text-decoration: none;
}
a:hover, a:active
{
   text-decoration: underline;
}
</div>

</div>
</td></tr></table>

   </div>

</div>
</td></tr></table>

[Sn1p3r Sh4wn]

Nice work. That's not the basic HTML I learned. Must be complicated.
Thank god for copy and paste, eh?

[Alex]

Actually, I had to lean most of that on my own, however that html archive did help me learn a bit. No, this is mostly CSS code.

However, I wish I could remove those ads but they are buit into the portal.

[Sn1p3r Sh4wn]

Your welcome for the archive!

[Sponsored content]