entry in separate table / smilies Options

[cherryish]

How do you make each entry to have it's own separate table?

and

How can you upload / use your own smilies?

[silver]

You can use

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
BODY{

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 8pt arial;
 line-height:12px;
 color: #FFFFFF;
 letter-spacing:2px;
 text-align:justify;
 }

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
 text-align: center;
 }

div.blogheader, .caption {
/* edits the dates */
 font-family:arial;
 text-transform:lowercase;
 font-size:8pt;
 line-height:normal;
 font-weight:normal;
 color:#959699;
 letter-spacing:3px;
 background-color: #FFFFFF;
 text-align: center;
 border: 1px solid #BFC0C1;
 }

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 2px solid #DFEAF6;
 font:normal 8pt arial;
 background-color: #ffffff;
 letter-spacing:1px;
 color:#BFC0C1;
 }
table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px solid #BFC0C1;
 background-color: #FFFFFF;
 width: 300px;
 }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #ffffff;
 border: 1px solid #DFEAF6;
 }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px solid #DFEAF6;
 }
/* horizontal divider */
 border: 1px solid #DFEAF6;
 }
</style>

<!-- end code provided by createblog.com -->

or for with a scroll bar

CODE

<!-- begin code provided by createblog.com -->
<FIELDSET style="BORDER-RIGHT: #5F1D77 2px dashed; PADDING-RIGHT: 15px; BORDER-TOP: #5F1D77 2px dashed; PADDING-LEFT: 15px; VISIBILITY: visible; PADDING-BOTTOM: 15px; OVERFLOW: auto; BORDER-LEFT: #5F1D77 2px dashed; WIDTH: 350px; PADDING-TOP: 15px; BORDER-BOTTOM: #5F1D77 2px dashed; POSITION: static; HEIGHT: 400px">
<!-- end code provided by createblog.com -->

And the smilies...uh. the only way i know of is it upload the gif and use it as an image?

[aznmamicita]

i used that code but its not centering for some reason...and how do u make the box that has the date in smaller width wise?

xanga

[silver]

CODE

<!-- begin code provided by createblog.com -->
div.blogheader, .caption {
/* edits the dates */
font-family:arial;
text-transform:lowercase;
font-size:8pt;
line-height:normal;
font-weight:normal;
color:#959699;
letter-spacing:3px;
background-color: #FFFFFF;
text-align: center;
border: 1px solid #BFC0C1;
[CHANGE HERE]width: 300px;
}
<!-- end code provided by createblog.com -->

just replace this in the correct section and change the width to whatever you want
or you can just add

width: ___px;