Page 1 of 1
bex 01 - entries title
Posted: Fri Oct 26, 2007 2:19 pm
by mastasite
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
Posted: Sat Oct 27, 2007 12:35 am
by Don Chambers
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).
Posted: Sat Oct 27, 2007 9:43 am
by mastasite
no, i want a a image as titlebalk after the text
can jou help me?
grttz gijs
Posted: Sat Oct 27, 2007 9:58 am
by carl_galloway
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
Posted: Sat Oct 27, 2007 12:40 pm
by mastasite
i want a background image for the title text
can you help me?
grttz gijs
Posted: Sat Oct 27, 2007 3:52 pm
by Don Chambers
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:
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.
