1 reply [Last post]
Apple Core
Apple Core's picture
Offline
newbie
Earth
Last seen: 5 years 11 weeks ago
Earth
Joined: 2009-07-13
Posts: 4
Points: 0

I am editing my weebly site(http://nodoubtstreet.weebly.com/) a lot right now and wanted to add side panels to my site to put special gadgets and stuff on like in this site: beacon-street.net(like the chatbox and the links and calender). Here is my css:

/*  
Theme Name: Peaceful Rush
Theme URI: <a href="http://www.wpdesigner.com/2007/01/17/peaceful-rush-wordpress-theme/
Description:" rel="nofollow">http://www.wpdesigner.com/2007/01/17/peaceful-rush-wordpress-theme/
Description:</a> Peaceful Rush Wordpress theme created by Small Potato (WPDesigner.com)
Version: 1.0.2
Author: Small Potato
Author URI: <a href="http://www.wpdesigner.com/
 
" rel="nofollow">http://www.wpdesigner.com/
 
</a>  This theme is released under GPL.
 
*/
 
body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
  margin: 0;
  padding: 0;
}
 
body{
  font-family: Arial, Helvetica, Georgia, Sans-Serif;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
  background: #fff url(tk-bg.png);
  color: #000;
}
 
}
 
h1, h2, h3, h4, h5, h6{
  font-family: Georgia, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
 
a{
  text-decoration: underline;
  color: #05b303;
}
 
a:hover{ text-decoration: none; }
 
a img{ border: 0; }
 
abbr, acronym{ border: 0; }
 
/* address, dl, p{ padding: 10px 0 0; } */
 
blockquote{
  margin: 15px 0 0;
  background: #faf5ef;
  color: #000;
}
 
blockquote p{ padding: 15px; }
 
blockquote blockquote{
  margin: 15px;
  background: #fff;
  color: #333;
}
 
code{
  background: #f9f9f9;
}
 
dt{ font-weight: bold; }
 
dd{ padding: 0 0 0 15px; }
 
hr{
  clear: both;
  margin: 15px 15px 5px 15px;
  border: 0;
  height: 1px;
  text-align: left;
  background: #ede5da;
  color: #ede5da;
}
 
small{
  font-size: 11px;
}
 
pre{
  width: 90%;
}
 
input, textarea{
  font-family: Arial, Helvetica, Georgia, sans-serif;
  font-size: 12px;
  padding: 2px;
}
 
input#s, input#author, input#email, input#url, textarea#comment{
  border: 1px solid #e5d8c6;
  background-color: #faf5ef;
  padding: 3px;
}
 
input#author, input#email, input#url{
  margin: 0 5px 0 0;
}
 
#container{
  margin: 0 auto;
  width: 748px;
}
 
#header{
  float:left;
  width:748px;
}
 
#header h1{
  float: left;
  padding: 26px 30px 0 15px;
  font-size: 24px;
  font-weight: normal;
  text-transform: capitalize;
  color: #fff;
}
#active a:link {
  color:#0066cc;
  text-decoration: underline;
}
#header h1 a{
  text-decoration: none;
  color: #fff;
}
 
#header h1 a:hover{
  text-decoration: underline;
}
 
 
#menu {
  float:left;
  width:748px;
  font-family: Georgia, sans-serif;
  font-weight: bold;
  padding-left:15px;
  text-transform: uppercase;
  color: #fff;
  position:relative;
}
*html #menu ul{
  padding:15px 10px 0 0;
}
#menu ul {
  float:left;
  padding:15px 10px 0 0;
  margin-left:0;
}
#menu li {
  float:left;
  display:inline;
  background: url(bullet.gif) no-repeat 0 3px;
  padding: 1px 10px 5px 15px;
  font-size:1em;
  margin-right:3px;
  margin-top:3px;
}
#menu ul li a{
  text-decoration: none;
  color: #fff;
}
 
#pagewrapper{
  float: left;
  width: 748px;
  padding: 23px 0;
  background: #ccccff;
  margin-top:-15px;
  border: #000000
}
*html #pagewrapper {
  background: url(bg_page.gif) no-repeat left top;
  margin-top:10px;
}
 
#page{
  padding: 0 23px;
}
 
#banner{
  float: left;
  width: 702px;
  height: 150px;
  background: url(%%HEADERIMG%%) no-repeat left top;
  clear: both;
}
 
.maincolumn{
  float: left;
  width: 100%;
}
 
.post{
  margin: 10px 0 0;
  padding: 15px;
  min-height:400px;
  height:auto !important;
   height:400px;
  /* background: url(bg_post.gif) no-repeat left top; */
}
 
.post h2{
  /* border-bottom: 1px solid #ebe1d3; */
  padding: 5px 0 5px 0;
  font-size: 18px;
  font-weight: normal;
  color: #c97d05;  
}
 
.post h2 a{
  text-decoration: none;
  color: #c97d05;
}
 
.post h2 a:hover{
  text-decoration: underline;
}
 
.post{
  line-height: 22px;
}
 
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
  border: 0;
  padding: 10px 0 0;
}
 
.entry h1{
  font-size: 24px;
  font-weight: normal;
}
 
.entry h2{
  font-size: 18px;
  color: #000;
}
 
.entry h3{ color: #c97d05; }
 
.entry  h4{}
 
.entry h5{ font-weight: normal; }
 
.entry h6{ font-size: 11px; font-weight: normal; }
 
.entry img{
  border: 1px solid #e5d8c6;
  padding: 4px;
  background-color: #faf5ef;
}
 
.entry img.wp-smiley{
  padding: 0;
  border: 0;
  background-color: transparent;
}
 
.entry img.alignleft{
  float: left;
  margin: 5px 10px 0 0;
}
 
.entry img.alignright{
  float: right;
  margin: 5px 0 0 10px;
}
 
.entry p.postinfo{
  margin: 15px 0 0;
  padding: 10px 15px 0;
  border-top: 1px solid #e5d8c6;
  font-size: 11px;
  color: #b1a799;
}
 
.entry p.notfound{
  padding: 15px 0 100px;
}
 
.browse{
  margin: 20px 15px 15px 15px;
  border-top: 1px solid #e5d8c6;
  padding: 10px;
  line-height: 24px;
  text-align: center;
}
 
#sidebar{
  float: left;
  margin: 10px 0 0 10px;
  width: 192px;
  background: url(bg_sidebar.gif) no-repeat left top;
}
 
#sidebar a{
  color: #878773;
}
 
#sidebar ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
 
#sidebar ul li{
  padding: 15px;
  font-family: Georgia, sans-seriff;
  text-transform: uppercase;
}
 
#sidebar ul li.syndicate a{
  padding: 0 20px 0 0;
  background: url(feed-icon.gif) no-repeat right 2px;
}
 
#sidebar ul li h2{
  border-bottom: 1px solid #ebe1d3;
  padding: 0 0 7px 0;
  font-size: 12px;
  color:  #514129;
}
 
#sidebar ul ul{
  padding: 7px 0 0;
}
 
#sidebar ul ul li{
  padding: 0;
  font-family: Arial, Helvetica, Georgia, sans-seriff;
  line-height: 24px;
  text-transform: none;
}
 
#sidebar ul ul ul{
  padding: 0;
}
 
#sidebar ul ul ul li{
  padding: 0 0 0 15px;
  background: url(bullet_2.gif) no-repeat 0 8px;
}
 
#sidebar ul ul ul ul li{
  background: url(bullet_3.gif) no-repeat 0 8px;
}
 
#sidebar ul ul ul ul ul li{
  background: none;
}
 
 
/* Comments Template */
 
#comments-template{
  border-top: 1px solid #e5d8c6;
  margin: 0px 15px;
  padding: 15px 0;
}
 
#comments-template p{
  line-height: 24px;
}
 
#comments-template p.nocomments{
  padding: 0 15px;
}
 
#comments-template h2, #comments-template h3{
  font-size: 14px;
  font-weight: bold;
  color: #74624b;
}
 
h3#comments, h3#respond{
  padding: 0 0 0 15px;
}
 
h3#respond{
  padding: 30px 0 0 15px;
}
 
#comments-template .commentmetadata{
  font-size: 11px;
}
 
#comments-template ol{
  list-style: none;
  margin: 0;
  padding: 0;
}
 
#comments-template ol li{
  border-bottom: 1px solid #e5d8c6;
  padding: 15px 0 15px;
}
 
/* End Comments Template */
 
 
/* wp-calendar */
 
table#wp-calendar{
  width: 100%;
  font-family: Arial, Helvetica, Georgia, Sans-Serif;
  text-transform: none;
}
 
table#wp-calendar caption{
  padding: 10px 15px;
}
 
table#wp-calendar th{
  font-weight: normal;
  text-align: right;
  vertical-align: top;
  background: #faf5ef;
}
 
table#wp-calendar td{
  padding: 1px;
  text-align: right;
}
 
table#wp-calendar tfoot td{
  text-align: center;
}
 
/* end calendar */
 
#container, #header, #menu, #pagewrapper, #page, #banner, .maincol, .post, .entry, #sidebar, #comments-template{
  text-align: left;
  vertical-align:top;
}

And html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head profile="http://gmpg.org/xfn/11">
  <title>%%TITLE%%</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
  <!--[if lte IE 6]>
    <script type="text/javascript" src="/files/theme/supersleight-min.js"></script>
  <![endif]-->
</head>
 
<body>
 
<div id="container">
  <div id="header">
    <h1>%%TITLE%%</h1>
  </div>
  <div id="menu">
    %%MENU%%
  </div>
  <div id="pagewrapper">
    <div id="page">
      <div id="banner" class="weebly_header">&#160;</div>
      <div class="maincolumn">
        <div class="post">%%CONTENT%%</div>
        <div class="browse"><span id='weeblyFooter'>%%WEEBLYFOOTER%%</span></div>
      </div>
    </div>
  </div>
</div>
</body>
 
</html>

Please help me because I am very confused by it :? :shrug:

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 1 week 20 hours ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Your code says you're using

Your code says you're using a Peaceful Rush WP theme which has two columns, so how has yours ended up with just one? As Weebly seems to be a site for non-technical users where you just pick from a series of layouts, why don't you use one that has the number of columns you want and go from there?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference