Postbit Edit

[arrow816]

Dear Community,
I have been working on a template but want to remove the "EditPost" "Quote" "MultiQuote" and other post bits and replace the text with images

From

To


Can some one please tell me where to find it and help me also.

[arrow816]

Still no one to help me do this?

[TheLastSuperman]

Originally Posted by arrow816

Still no one to help me do this?

You will need to edit the posbit template directly, remove any references to the default Edit/Reply etc and then code in your own that link to the images.

Look for:

	<div class="postfoot">
		<div class="textcontrols floatcontainer">
			<span class="postcontrols">
				<img style="display:none" id="progress_{vb:raw post.postid}" src="{vb:stylevar imgdir_misc}/progress.gif"  alt="{vb:rawphrase loading_editor_please_wait}" />
				<vb:if condition="$post['editlink']">					
					<a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a>
					<span class="seperator">&nbsp;</span>
				</vb:if>

Near the bottom of the template, that's where all the code for the current buttons you see is located all the way down to near the end you should easily be able to reference what each snippet of code does .

Not sure if you know this but there's two different templates you can chose from when displaying post in your settings, postbit OR postbit_legacy so edit the correct one. postbit = the Horizontal user info going across the top just like you see here. posbit_legacy = how you see posts on vbulletin.com where your info is to the left in it's own "column".

[arrow816]

That seems completly past me ^,^'

Could you please explain to me how I would do this then aka say edit.png is the edit post image. how would I could edit.png to show with no text but work the same as edit would normally work.
aka show me the code ^,^

[Digital Jedi]

Originally Posted by arrow816

That seems completly past me ^,^'

Could you please explain to me how I would do this then aka say edit.png is the edit post image. how would I could edit.png to show with no text but work the same as edit would normally work.
aka show me the code ^,^

The link for Edit Post is:

<a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a>

Most likely you have to remove the class. Then replace {vb:rawphrase edit_post} with your image code.

[arrow816]

<a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /><img src="http://www.kalleload.net/uploads/euoqxk/wnggyjldtudk.png" alt="EditPost" width="50" height="15" /></a>

Ok I tryed what you said.
It seems to have removed the text and replaced it with the image.
The problem now is that the image is not sitting level