is there a way to add image above the post content first post only

is there a way to add image above the post content first post only
like this CSS

Code:

.hr {
background: url(http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 0px 325px 210px;
line-height: normal;
}

but in the first post only
even with Java will do fine

Hi @Michael_vx,

Your best bet is definitely javascript. Try using this script :

Code:

$(function() {
  $('.post').eq(0).find('.postbody').before('<div>CONTENT HERE</div>');
});

Replace

Code: <div>CONTENT HERE</div>

with the content you want before the post content.

its working good but
its not inside the post content
can it be just inside
i tried

Code:

$(function() {  $('.postbody').eq(0).prepend('<img alt=""
src="http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png"
style="width: 464px; height: 130px;" />');});

but its out side like the one you did
almost solved

@Michael_vx try this instead :

Code:

$(function() {
  $('.post').eq(0).find('.postbody > div').prepend('<div>CONTENT HERE</div>');
});

thats a way to go my friend

expect for it show dual images (repeat the image for 1 other time )
used like this

Code:

$(function() {
$('.post').eq(0).find('.postbody > div').prepend('<div><img src="http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png"></div>');
        });

and used like this

Code:

$(function() {
$('.post').eq(0).find('.postbody > div').prepend('<img src="http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png">');
        });

not sure why but that is 99% good and working

If you want to use two images you can add them both in the same script like this :

Code:

$(function() {
  $('.post').eq(0).find('.postbody > div').prepend('<div><img src="http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png"><img src="http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png"></div>');
});

Although to make it more readable you can concat the string using "+" :

Code:

$(function() {
  $('.post').eq(0).find('.postbody > div').prepend(
  '<div>'+
    '<img src="http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png">'+
    '<img src="http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png">'+
  '</div>');
});

Basically you're just adding multiple strings together, like in math were you add numbers together. For example :

Code:

1 + 2 + 3; // 6
'Hello' + ' ' + 'world' + '!'; // "Hello world!"

you missunderstand
its show 2 images but the link is 1 image :O

@Michael_vx ooooooooh ! It might be the selector, try changing

Code: .postbody > div

into

Code: .postbody > div:first-child

.

yep but it worked this way

Code:

$(function() {
        $('.post').eq(0).find('.postbody > div:first').prepend('<div><img src="http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png"></div>');
                });

so it should be
.postbody > div:first
not
.postbody > div:first-child
what make me a little confused is .postbody shoud be the tag for phpbb2 but the Script not working with it
but tag is working with phpbb3

thats sounds crazy but i think i may try to think about something for it
ـــــــــــــــــــ Edit ـــــــــــــــــــــــــــــــــــــــــــــــ
never mind
i get what i was missing
.post = phpbb3
tr.post = phpbb2
topic is solved due i have the rest versions tags stored some where on my forum
thanks so much
you really did a great help