Adding Things with Bliss Template

Working on a new template and need help? Come here for support.

Moderator: Help Desk Team

Adding Things with Bliss Template

Postby hushipro » January 8th, 2010, 10:54 am

Hello!

I wanted to switch my comic to the Bliss template, but I have some skyscraper ads (ProjectWonderful and one of my own) that I wanted to go on either side of the central table. However, it seems absolutely impossible for me to figure out how to do this with the template system used on this site. Could anyone give me a hand with an easy way to do this? I just want to be able to add things to the layout, outside the central contents, but it seems impossible; the central table gets pushed down below whatever content I add otherwise.

Any help would be most appreciated.
User avatar
hushipro
 
Posts: 22
Joined: July 6th, 2008, 12:17 am

Re: Adding Things with Bliss Template

Postby Pyroman » January 22nd, 2010, 1:07 am

This required a certain amount of jury-rigging to get it to work, but replace your overall layout with this code and you should have what you want. Simply replace the images and links in the left and right div with your Project Wonderful stuff.
Code: Select all
<html>
  <head>
    <title>{SITE_NAME}
    </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style>

      @import url("http://www.smackjeeves.com/templates/bliss/style.css");

    </style>

<style type="text/css">

a img {
border:0;
}

#left {
float:left;
width:165px;
text-align:center;
margin-top:10px;
}

#main {
position:relative;
margin-left:165px;
}

#right {
float:right;
width:165px;
text-align:center;
margin-top:10px;
}
#content {
padding:5px;
margin-right:165px;
text-align:left;
}

</style>

  </head>
  <body bgcolor="#D0BEC4" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id="wrap">
  <div id="inner-wrap">

<div id="left"><a href="#"><img src="http://img25.imageshack.us/img25/1948/37528420.png" alt="" /></a></div>

    <div id="main">

<div id="right"><a href="#"><img src="http://img25.imageshack.us/img25/1948/37528420.png" alt="" /></a></div>

      <div id="content"><table id="Table_01" width="900" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
        <td id="header" valign="middle">
         * {SITE_NAME} *
        </td>
      </tr>
      <tr>
        <td BACKGROUND="http://www.smackjeeves.com/templates/bliss/images/24406-ASPPANR.jpg" width="900" height="100%" alt="">
          <div align="center">

            <div id="navcontainer">
              <ul id="navlist">

                <!--START NAVIGATION HERE -->

                {MENU}

                <!--END NAVIGATION HERE -->

              </ul>
            </div>
            <br>


            {CONTENT}

            <br>
            <br>
          </div>
        </td>
      </tr>
      <tr>
        <td BACKGROUND="http://www.smackjeeves.com/templates/bliss/images/24575-ZF88KMQ.jpg" width="900" height="35" alt="">
          <div id="footer">

            Hosted by
            <a href="http://www.smackjeeves.com">Smack Jeeves Comic Hosting
            </a> |
            Template By:
            <a href="http://www.smackjeeves.com/profile.php?id=38833">AyaneSensei
            </a>

          </div>
        </td>
      </tr>
    </table>
   
    <map name="tempimages_01_Map">
      <area shape="rect" alt="Template By: AyaneSensei" coords="710,7,891,16" href="http://www.smackjeeves.com/profile.php?id=38833" target="_blank">
    </map>
</div>
    </div>
  </div>
</div>

  </body>
</html>



Let me know if you have any issues.
ImageImage
ImageImage
Image
User avatar
Pyroman
 
Posts: 1118
Joined: January 28th, 2006, 12:40 am
Location: Australia

Re: Adding Things with Bliss Template

Postby hushipro » January 22nd, 2010, 6:35 am

Thanks so much! I'll work on that straight away. I really do appreciate it very much.
User avatar
hushipro
 
Posts: 22
Joined: July 6th, 2008, 12:17 am


Return to Template Development & Support

Who is online

Users browsing this forum: No registered users and 5 guests

cron