View Full Version : How Do You Customize The Dates At The Top Of Each Post? (Other questions inside.)


RestlessDreams
08-23-2006, 04:15 AM
I want to know how you can custmoize the dates at the top of each weblog entry, just like:

http://www.xanga.com/XSurroundedByTemptationsX

I want to know how this person:

a. Got their dates to look like that.
b. Got the border around their posts to disappear partially when you scroll.
c. Got the back of their stats/personal information shadowed at the right.

It would be much appreciated if you could help me with even one of these. Let me know as soon as you can, and thanks for reading!

GDxSweetChildren
08-26-2006, 09:52 PM
to make that faded or shadowed or kind of darkened effect is this
filter:Alpha(Opacity=70);
if you want your blogs to have that effect add it after this
table.blogbody {
/* this edits the other the place where the blog is */
border: 2px solid #000000;
border-top:2px solid #000000;
width: 280px;
background-color:#FFFFFF;
or to have your modules have that effect add it after this
table.left TD {
/* on your menu module, this edits the body part of it */
font:normal 10px franklin gothic medium;
color:#000000;
text-align:center;
LINE-HEIGHT:10PX;
border-top:2px solid #000000;
width: 170px;
background-color:#FFFFFF;
to edit the look of the date you have to edit the part of your code that looks somewhat like this.. i think the very top code was also the way she made the dates have that faded black on the actual date, so then you have to set the dates background color as black, or whatever color you want
div.blogheader, .caption {
/* edits the dates */
font-family: franklin gothic medium;
text-transform: lowercase;
background-color: transparent;
font-size:19px;
font-weight:none;
line-height: 10px;
letter-spacing:-2px;
color: #000000;
text-align:right;
padding:3px;
width: 280px;
border:2px solid #000000;

GDxSweetChildren
08-26-2006, 10:00 PM
&& I dont know what you meant by having the borders disppear on the blogs when you scroll.. b.c they dontm but if you meant how the blogs are totally see through then then edit this part of your code to look like the following
table.blogbody {
/* this edits the other the place where the blog is */
border: 2px solid #000000;
border-top:2px solid #000000;
width: 280px;
background-color:#transparent;