ThemeKings Custom Web Design
"Old School Web Design Community Forum"

Recent Posts

Pages: 1 2 [3]
21
If you would like to eliminate the flash banner version of this theme, and replace it with a HTML/CSS Horizontal Menu with four (4) links you can.
See Demo Here

Watch Video Tutorial on Youtube

First thing you need to do is download and insert these two images into your "theme" folder. Do not rename these two images. Here are the links:

New Section X Banner
New Section X Button

Now find this code here within your webpage(s) HTML code;
Code: [Select]
<div class="header">
   <div class="headerflash">
     

      <object id="flash1" data="flash/header.swf" style="width: 560px; height: 210px" type="application/x-shockwave-flash">

         <param name="movie" value="flash/header.swf" />

         <param name="quality" value="Best" />

         <param name="wmode" value="transparent" />

      </object>     

   </div>
</div>

and replace it with this;
Code: [Select]
<div class="header2">
   <div id="menu-H">
      <ul>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
      </ul>
   </div>
</div>

Now open the "sectionx.css" file in your root directory and add this code anywhere within:
Code: [Select]
.header2 {
   background-image: url('theme/header-2.jpg');
   background-repeat: no-repeat;
   padding: 0px;
   margin: 0px auto 0px auto;
   width: 984px;
   height: 210px;
   position: relative;
   overflow: hidden;
   list-style-type: none;
}
#menu-H {
   padding: 0px;
   margin: 88px auto 0px auto;
   width: 500px;
   height: 64px;
   position: relative;
   overflow: hidden;
   list-style-type: none;
}

#menu-H ul {
   padding: 0px;
   margin: 0px;
   list-style-type: none;
}
#menu-H ul li {
   padding: 0px;
   margin: 0px 0px 0px 0px;
   width: 125px;
   height: 64px;
   position: relative;
   overflow: hidden;
   float: left;
   text-align: center;
   line-height: 350%;
   text-decoration: none;
   font-weight: bold;
   color: #666666;
}
a.hbutton, a.hbutton:link, a.hbutton:visited {
   margin: 0px 0px 0px 0px;
   background: url('theme/butn-over.png') no-repeat 0 0;
   width: 125px;
   height: 64px;
   display: block;
   color: #666666;
   text-decoration: none;
   font-weight: bold;
   font-size: .8em;
}
a.hbutton:hover {
   background-position: 0px -64px;
   color: #1E1E1E;
   text-decoration: none;
   font-weight: bold;
}

And that is all your need to do.
22
If you would like to eliminate the flash banner version of this theme, and replace it with a HTML/CSS Horizontal Menu with four (4) links you can.
SEE DEMO HERE

Watch Video Tutorial on Youtube

First thing you need to do is download and insert these two images into your "theme" folder. Do not rename these two images. Here are the links:

New Section X Banner
New Section X Button

Now find this code here within your webpage(s) HTML code;
Code: [Select]
<div class="header">
   <div class="headerflash">
     

      <object id="flash1" data="flash/header.swf" style="width: 560px; height: 210px" type="application/x-shockwave-flash">

         <param name="movie" value="flash/header.swf" />

         <param name="quality" value="Best" />

         <param name="wmode" value="transparent" />

      </object>     

   </div>
</div>

and replace it with this;
Code: [Select]
<div class="header2">
   <div id="menu-H">
      <ul>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
      </ul>
   </div>
</div>

Now open the "sectionx.css" file in your root directory and add this code anywhere within:
Code: [Select]
.header2 {
   background-image: url('theme/header-2.jpg');
   background-repeat: no-repeat;
   padding: 0px;
   margin: 0px auto 0px auto;
   width: 984px;
   height: 210px;
   position: relative;
   overflow: hidden;
   list-style-type: none;
}
#menu-H {
   padding: 0px;
   margin: 88px auto 0px auto;
   width: 500px;
   height: 64px;
   position: relative;
   overflow: hidden;
   list-style-type: none;
}

#menu-H ul {
   padding: 0px;
   margin: 0px;
   list-style-type: none;
}
#menu-H ul li {
   padding: 0px;
   margin: 0px 0px 0px 0px;
   width: 125px;
   height: 64px;
   position: relative;
   overflow: hidden;
   float: left;
   text-align: center;
   line-height: 350%;
   text-decoration: none;
   font-weight: bold;
   color: #666666;
}
a.hbutton, a.hbutton:link, a.hbutton:visited {
   margin: 0px 0px 0px 0px;
   background: url('theme/butn-over.png') no-repeat 0 0;
   width: 125px;
   height: 64px;
   display: block;
   color: #666666;
   text-decoration: none;
   font-weight: bold;
   font-size: .8em;
}
a.hbutton:hover {
   background-position: 0px -64px;
   color: #CCCCCC;
   text-decoration: none;
   font-weight: bold;
}

And that is all your need to do.
23
If you would like to eliminate the flash banner version of this theme, and replace it with a HTML/CSS Horizontal Menu with four (4) links you can.

See Demo Here

Watch Video Tutorial on Youtube

First thing you need to do is download and insert these two images into your "theme" folder. Do not rename these two images. Here are the links:

New Section X Banner
New Section X Button

Now find this code here within your webpage(s) HTML code;
Code: [Select]
<div class="header">
   <div class="headerflash">
     

      <object id="flash1" data="flash/header.swf" style="width: 560px; height: 210px" type="application/x-shockwave-flash">

         <param name="movie" value="flash/header.swf" />

         <param name="quality" value="Best" />

         <param name="wmode" value="transparent" />

      </object>     

   </div>
</div>

and replace it with this;
Code: [Select]
<div class="header2">
   <div id="menu-H">
      <ul>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
      </ul>
   </div>
</div>

Now open the "sectionx.css" file in your root directory and add this code anywhere within:
Code: [Select]
.header2 {
   background-image: url('theme/header-2.jpg');
   background-repeat: no-repeat;
   padding: 0px;
   margin: 0px auto 0px auto;
   width: 984px;
   height: 210px;
   position: relative;
   overflow: hidden;
   list-style-type: none;
}
#menu-H {
   padding: 0px;
   margin: 88px auto 0px auto;
   width: 500px;
   height: 64px;
   position: relative;
   overflow: hidden;
   list-style-type: none;
}

#menu-H ul {
   padding: 0px;
   margin: 0px;
   list-style-type: none;
}
#menu-H ul li {
   padding: 0px;
   margin: 0px 0px 0px 0px;
   width: 125px;
   height: 64px;
   position: relative;
   overflow: hidden;
   float: left;
   text-align: center;
   line-height: 350%;
   text-decoration: none;
   font-weight: bold;
   color: #666666;
}
a.hbutton, a.hbutton:link, a.hbutton:visited {
   margin: 0px 0px 0px 0px;
   background: url('theme/butn-over.png') no-repeat 0 0;
   width: 125px;
   height: 64px;
   display: block;
   color: #666666;
   text-decoration: none;
   font-weight: bold;
   font-size: .8em;
}
a.hbutton:hover {
   background-position: 0px -64px;
   color: #EFEFEF;
   text-decoration: none;
   font-weight: bold;
}

And that is all your need to do.
24
If you would like to eliminate the flash banner version of this theme, and replace it with a HTML/CSS Horizontal Menu with four (4) links you can.

See DEMO Here

Watch Video Tutorial on Youtube

First thing you need to do is download and insert these two images into your "theme" folder. Do not rename these two images. Here are the links:

New Section X Banner
New Section X Button

Now find this code here within your webpage(s) HTML code;
Code: [Select]
<div class="header">
   <div class="headerflash">
     

      <object id="flash1" data="flash/header.swf" style="width: 560px; height: 210px" type="application/x-shockwave-flash">

         <param name="movie" value="flash/header.swf" />

         <param name="quality" value="Best" />

         <param name="wmode" value="transparent" />

      </object>     

   </div>
</div>

and replace it with this;
Code: [Select]
<div class="header2">
   <div id="menu-H">
      <ul>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
         <li><a class="hbutton" href="#">Link[/url]</li>
      </ul>
   </div>
</div>

Now open the "sectionx.css" file in your root directory and add this code anywhere within:
Code: [Select]
.header2 {
   background-image: url('theme/header-2.jpg');
   background-repeat: no-repeat;
   padding: 0px;
   margin: 0px auto 0px auto;
   width: 984px;
   height: 210px;
   position: relative;
   overflow: hidden;
   list-style-type: none;
}
#menu-H {
   padding: 0px;
   margin: 88px auto 0px auto;
   width: 500px;
   height: 64px;
   position: relative;
   overflow: hidden;
   list-style-type: none;
}

#menu-H ul {
   padding: 0px;
   margin: 0px;
   list-style-type: none;
}
#menu-H ul li {
   padding: 0px;
   margin: 0px 0px 0px 0px;
   width: 125px;
   height: 64px;
   position: relative;
   overflow: hidden;
   float: left;
   text-align: center;
   line-height: 350%;
   text-decoration: none;
   font-weight: bold;
   color: #666666;
}
a.hbutton, a.hbutton:link, a.hbutton:visited {
   margin: 0px 0px 0px 0px;
   background: url('theme/butn-over.png') no-repeat 0 0;
   width: 125px;
   height: 64px;
   display: block;
   color: #666666;
   text-decoration: none;
   font-weight: bold;
   font-size: .8em;
}
a.hbutton:hover {
   background-position: 0px -64px;
   color: #CCCCCC;
   text-decoration: none;
   font-weight: bold;
}

And that is all your need to do.
25
General Discussion / Welcome Back Faithful Followers
« Last post by Swift on June 12, 2019, 06:19:35 PM »
Well, it's been a while since I've done anything with my website since the evolution of Responsive Web Designs. I've been really focused over the past 5 years on developing and managing my business websites, prohibiting me from developing Web 2.0 web designs.

However, lately I been getting hit-up by a ton of developers who still are passionate about the old school designs that I've been motivated to get back in the game once again.

I'm going to first update this site with all of my older content, and then start a few new ideas I've been flirting with.

I encourage you to sign-up and participate in the forum and follow along.

Thanks again for staying in touch!
Pages: 1 2 [3]