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

Show Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.


Topics - Swift

Pages: 1 [2]
16
General Discussion / Plan of Action - Upcoming Projects
« on: June 25, 2019, 01:23:33 PM »
Before our relaunch I decided that I'll continue to create new fixed width website templates to share with our community. In the meantime I'll be making some much needed changes to our own website, and our current templates that we offer now. Here is our plan;

1. Our existing free downloads will be updated with new HTML coding and CSS values that work best for today's browsers.

2. I'll be updating our current themes that use flash banners the option to use HTML menus, eliminating your viewers the hassle of installing or permitting the use of flash on your site. I'll repackage them and offer them as a download with the option to use both flash and HTML styles.

3. I have a few project I've already been working on over the past few years that I haven't posted (3 total), so I'll be posting those downloads too.

4. Will be developing a new theme that is responsive. I've have a few already, but I haven't offered them as a free download, or made them public. (trial and error project). So hope to release one by the end of the year.

5. I like to start offering my own WordPress theme. This is a big deal for me for sure because I have not utilized a platform like WordPress to base a theme on, so I'm looking forward to the challenge.

So these are the first few things I'll be doing here. If you have any ideas or suggestions, please be sure to let me know. If you would like to corroborate on a project, just ask. Always open to other developers ideas and suggestions. Thanks again!

17
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.

18
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.

19
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.

20
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.

21
General Discussion / Welcome Back Faithful Followers
« 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]