bit of help

[Kami]

okies. sooo, the twitter widget. really cute. =D

i want something similar for my blogs. i'm currently using what you see here: kamidraws.paul-shepherd.com/blog.html

now, i'm not interested in an auto refresh/auto update type thing. all i want to be able to do is duplicate the look of the twitter widget (the 'header', 'footer', and post bg), so it'd look something like this:



Without making images, is there a way to code it so that the appearance is the same (without all the 'content' stuff, i'll put that in manually). And I'm thinking the links and stuff could be CSS..?
But I was wondering more how to make the bg... or would i have to make an image? </doesnotwant>

=x

to add;; i have this so far... but i don't seem to be getting the colours? ;_; *confused*
kamidraws.paul-shepherd.com/test.html

[James [a_leon]]

Using this for the CSS

@charset "utf-8";
/* CSS Document */

img {border: 0px;}

.entry-box {width: 200px; background-color: #71646D; padding: 0px 1px 5px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.entry-box span#title {color: D5CADB; padding: 7px 0px 0px 5px; font-size: 20; font-style: bold;}
.entry-box span#tagline {color: D5CADB; padding: 0px 0px 0px 0px; font-size: 12; position: relative; float: right;}
.entry-box img#blogger {padding: 2px 0px 0px 0px;}

.entry-content-box {height: 350px; background-color: #DAD9D7; padding: 3px 3px 20px 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow-x:hidden;overflow-y:hidden;}
.entry-title {color: #AAA48C;}
.entry-date {color: B2B1AF;}
.entry-content {color: #AAA9A7; position: relative; top: 3px; left: 5px;}
.entry-link {position: relative; float: right;}
.entry-link a:link, .entry-link a:visited, .entry-link a:hover {text-decoration: none; color: E2D5DE;}

And this as the layout...

<div class="entry-box">
<span id="title">BlogTitle(Link)</span> <br />
<span id="tagline">Small TagLine goes Here.</span> <br />
<div class="entry-content-box">
<span class="entry-title">Blog Entry Title (Link)</span> <br />
<span class="entry-date">Entry date goes here</span> <br />
<span class="entry-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas auctor imperdiet dui ut eleifend. Pellentesque sed nisi in enim sagittis vestibulum a id ipsum. Morbi quam felis, mattis id ullamcorper non, feugiat eget augue. Proin porttitor urna nec augue egestas id feugiat mauris varius. Integer vel rhoncus nulla. Maecenas libero sem, pretium nec sollicitudin vel, fermentum non nunc. Nunc semper, justo vel interdum feugiat, ipsum est eleifend ipsum, non tincidunt ipsum sem gravida ante. Sed tempor, mi ornare porta iaculis, urna dui dignissim velit, sed elementum leo erat vel neque. Nunc vitae sem suscipit mauris malesuada adipiscing eleifend vel ipsum. Nunc semper faucibus felis, at lobortis leo aliquet consectetur. Mauris sit amet velit eu enim porta sodales. Nulla convallis posuere ante, eget pharetra justo bibendum eget. In hac habitasse platea dictumst. Maecenas dapibus ante nec tellus hendrerit ut consequat enim tincidunt. Proin elementum gravida rutrum. Vestibulum ornare tortor quis diam cursus eget fringilla nibh mollis.</span>
</div>
<a href="http://blogger.com/" target="_blank"><img src="bloggerlogo.png" alt="" height="15" id="blogger" /></a>
<span class="entry-link"><a href="http://twitter.com/AnneKami" target="_self">Continue Reading...</a></span>
</div>

How does that work out for ya?

[Kami]

:3 I got it sorted, thanks. ^^