How I can change the appearance of the post according to a tag?

45 views
Skip to first unread message

Medulla

unread,
Dec 8, 2010, 8:09:46 PM12/8/10
to Posterous Custom Theme Developers
_first, hello ...
__I ask this, and add the following example ...
___not if you know the theme of OBOX, My List ... if someone does not
know, here is the link ... http://www.obox-design.com/themes_page.cfm/theme/mylist
... I have tried to change the border color of the thumbnail according
to a tag which has the post ... so far, I have not had success ...
____if someone could help me, thank you very much in advance... bye.

peacockct

unread,
Dec 14, 2010, 12:56:31 PM12/14/10
to Posterous Custom Theme Developers
Tell me if this is what you mean: http://ctp.posterous.com/
I changed the image thumbnail boxes to be blue.

If this is right, you'll need to go here: http://posterous.com/themes/mylist/style.css
and get the CSS to where you can edit it. You can try just grabbing
this code if you want:
.post-list li .thumbnail{width: 260px; height: 200px; padding: 20px;
margin-bottom: 20px; background: #fff; border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10);
-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10);}

The only thing you want to edit is the "border: 1px solid #ccc;" Just
change #ccc to the color you want it to be.

Good luck!

On Dec 8, 7:09 pm, Medulla <laesse...@gmail.com> wrote:
> _first, hello ...
> __I ask this, and add the following example ...
> ___not if you know the theme of OBOX, My List ... if someone does not
> know, here is the link ...http://www.obox-design.com/themes_page.cfm/theme/mylist

Medulla

unread,
Dec 14, 2010, 6:24:53 PM12/14/10
to Posterous Custom Theme Developers
_mmm ... not really ...

I have 2 TAGs, one is called "videos" and other "imagenes" ...

I want ... if one of them is in a POST ... border color change ...

tag "videos" = border "blue" ...
tag "imagenes" = border "red" ...

Garry Tan (posterous.com)

unread,
Dec 15, 2010, 4:36:31 PM12/15/10
to Posterous Custom Theme Developers
You'll want to set a class with {TagsAsClasses} -- then alter the CSS
for those posts as necessary.

E.g.

{block:Posts}
<div class="post">
<div class=" {TagsAsClasses}">
...
</div>
</div>
{/block:Posts}


Then if you want to say treat something differently for things with a
tag 'foo' you can create a css style e.g.:
.posts .foo { color: red; }

That will make the text color of posts with tag foo red.

Medulla

unread,
Dec 15, 2010, 5:47:59 PM12/15/10
to Posterous Custom Theme Developers
{TagsAsClasses}... It worked perfect ... many thanks ...

On 15 dic, 18:36, "Garry Tan (posterous.com)" <garry...@gmail.com>
wrote:
Reply all
Reply to author
Forward
0 new messages