bex 01 - entries title

mastasite · Post by **mastasite** » Fri Oct 26, 2007 2:19 pm

i want a picture behind the title and behind the posted from link (as background)
i hop that somone can help me..

grttz gijs

my website is http://mastersite.gethost.nl
i hav a image with what i want: http://home.deds.nl/~mastersite/Naamloos.png

Post by **Don Chambers** » Sat Oct 27, 2007 12:35 am

You mean like an icon image NEXT to the text, perhaps just before it?

For the first one, do you want that for the date, or the title? let me also note that the template author has used a rather unusual class for the entry title - actually using "serendipity_commentsTitle"m which is also the class used on the extended entry for "Add Comment" (and usually "Trackbacks" and "Comments" on the same page).

mastasite · Post by **mastasite** » Sat Oct 27, 2007 9:43 am

no, i want a a image as titlebalk after the text
can jou help me?

grttz gijs

carl_galloway · Post by **carl_galloway** » Sat Oct 27, 2007 9:58 am

After the text?

Look if you want an image in the entry title, there are a couple of different options, tell us which one you want

1. you want an icon beside the title
2. you want a background image for the title text
3. you want to replace the text with a nice font that is an image

All of these can be done, but we need to know which one

mastasite · Post by **mastasite** » Sat Oct 27, 2007 12:40 pm

i want a background image for the title text
can you help me?

grttz gijs

Post by **Don Chambers** » Sat Oct 27, 2007 3:52 pm

OK - let's start SOMEWHERE.

Your photo shows that you circled the entire line, containing both the entry date, and the entry title, so I am going to assume you want an image applied to the entire line, and not just the entry title. This will place an image behind that entire line, as well as the lines for "Comments" and "Add a comment" when the extended entry is viewed:

Find this in your style.css file:

Code: Select all

#content .serendipity_commentsTitle, #content h4.serendipity_title {

Add this after the other rules:

Code: Select all

background-image: url(templates/bex01/img/your_image_name.png) bottom left no-repeat;

You should also remove the existing background statement by commenting it out:

Code: Select all

/*	background-color:#eeeeee; */

Now, if you do NOT want the title image to apply to the lines "Comments" and "Add a comment", do not revise the existing rules, instead add a new one as follows:

Code: Select all

h2.serendipity_commentsTitle {
    background-image: url(templates/bex01/img/your_image_name.png) bottom left no-repeat;
}

The entry footer is this line in your style.css file:

Code: Select all

/* the small text at the end of each entry 'Posted by etc' */
.serendipity_entryFooter {
	margin-top:10px;
	margin-bottom:70px;
	padding:0px;
	padding-top:3px;
	border-top: 1px solid #dedede;
	font-size:0.9em;
	color: #31314B;  
	text-align:center;
	clear:both;
}

Simply add a background image to that block as mentioned above.