Recent Topics

1 Apr 13, 2009 13:25    

My b2evolution Version:2.4.2

Alex,

Can you tell me what's the code for post's [u]external links[/u] hover and [u]calendar month link[/u] color in b2evo_ru? i couldn't figure it out.

thanks

2 Apr 13, 2009 15:08

Very quick look but the a links are.....
a { color: #555555; }
a:visited { color: #555555; }
a:hover { color: #0066CC; }

3 Apr 13, 2009 15:32

John wrote:

Very quick look but the a links are.....
a { color: #555555; }
a:visited { color: #555555; }
a:hover { color: #0066CC; }

Yeah, but I was looking for a code you would use separately like this one in */post content/*:

h3.b.Title a: hover { color: red;}

but for those particular links.

4 Apr 13, 2009 21:22

To change the post's link color edit the line 83 in style.css

.post_link a, .post_link a:visited  { font-weight:normal; color: #0066CC }
.post_link a:hover { color:red }

For calendar month link edit the following code starting on line 140

/* Calendar */
table.bCalendarTable caption { border: 1px solid #ccc; background-color: #eee; border-bottom: 0; }
table.bCalendarTable caption a, table.bCalendarTable caption a:visited { color:red }
table.bCalendarTable caption a:hover { color:green }

Good luck

5 Apr 13, 2009 22:45

Thanks Alex.

The calendar worked, but the post_link didn't!

this is for external links(... <a href="http...../a>) in the post right?

it's still using the default a:hover.

6 Apr 13, 2009 22:52

I thought you were talking about the "Link to URL" link.
Try this code instead

.bText a, .bText a:visited { color:red }
.bText a:hover { color:green }

7 Apr 13, 2009 23:02

Hey thanks. that's totally cool, it worked!

One more thing, How can I make the images not get indented.

They get indented like the first line of the paragraphs.

8 Apr 13, 2009 23:21

I think it's better to leave paragraphs indented, and remove indentation from all other elements. Edit the following

.bText { margin: 0; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom:0.0002pt; text-align: justify; overflow:hidden }
.bText p { margin:8px 0; padding:0; text-indent: 20pt }

You may also try this

.bText img { text-indent:none }


Form is loading...