Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Post-Kicker, -Byline & -Footer (http://forum.bytesforall.com/forumdisplay.php?f=17)
-   -   Adding a signature (http://forum.bytesforall.com/showthread.php?t=1007)

pltrace Mar 29, 2009 07:01 PM

Adding a signature
 
How do I add a signature to posts without it having the same border that I have on the regular pictures I post? I just want it to have no border at all. Thanks!

Flynn Mar 30, 2009 01:56 PM

Add it at Post/Page Info Items with it's own class so you can turn off the borders for it

HTML Code:

<img class="signature" src="..." alt="..." />
HTML/CSS Inserts -> CSS Inserts:

HTML Code:

img.signature {
border: 0;
padding: 0;
}

Add !important if that somehow doesn't work

HTML Code:

img.signature {
border: 0 !important;
padding: 0 !important;
}

Or add the image as background image

HTML Code:

div.post-bodycopy {
padding-bottom: 40px;
background: url(/path/to/signature/image.gif) no-repeat bottom left ;
}


pltrace Mar 30, 2009 05:27 PM

sweet. once again, thanks so much

HavaLyon Apr 24, 2009 09:45 PM

Quote:

Originally Posted by Flynn (Post 3834)
Add it at Post/Page Info Items with it's own class so you can turn off the borders for it

HTML Code:

<img class="signature" src="..." alt="..." />

Hi Flynn! I came on tonight to find out just this information, because I have a cute siggie thing I like to use, but I hate that it looks like a picture in the theme. Following your instructions, I found the Post/Page Info Items page in the theme options, but that's literally as far as I got. I read through everything, but I have to say that I really don't know much HTML and a lot of it simply went right over my head. :o I can copy and paste with the best of them, but I could not tell where I was supposed to copy and paste the above information.

Would you mind telling me exactly where on the Post/Page Info Items page I am supposed to copy this? I found the CSS Inserts page, and have put that in already, so once I figure out the Post/Page stuff, I should be good to go. :)

Thank you!!

Havs

HavaLyon Apr 24, 2009 09:51 PM

PS While we're discussing the Post/Page stuff, I noticed something that I was wondering about. The footer for the individual posts currently looks like this for me:
April 24th, 2009 | Tags: Deep Survival, Everyday Survival, honors program, Laurence Gonzales, The Bamboo Room | Category: author info | | Edit this post
That's even when I have it set to say how many comments there are on a post, which is what is missing between the Category and the Edit this post section. When I'm on the main page, the comment count shows up, but when I go to a specific post and look at the footer, it leaves it out.

On the Post/Page Info Items, I have this in the Footer: Single Post Pages section:

HTML Code:

%date('F jS, Y')% | %tags-linked('Tags: ', ', ', ' | ')% Category: %categories-linked(', ')% | %comments('Leave your comment', 'One comment so far', '% people had their say - chime in!', 'Sorry, but comments are closed')% %edit(' | ', 'Edit this post', '')%
So according to that, I should have something between the category and the Edit this post section, right? So what am I doing wrong?

Thanks again!

Havs

Flynn Apr 25, 2009 04:23 AM

I am using the default WP functions for this now for better plugin compatibility and Wordpress doesn't display a comment link on single post pages because the comments are on the same page anyway. The default settings and example at Post/Page Info Item for "Single Post Pages" should have been removed since they don't work anymore. I suggest that you remove the comments link on single post pages for now. 3.3.3 will have an option to put a "Skip to comments" link there instead.

HavaLyon Apr 26, 2009 12:49 PM

Hey Flynn, thanks for the explanation on the comments. I will remove the %comments% from the single post page.

I am still wondering about the signature though. I'm sorry that I'm not seeing how to do it, but it just isn't obvious to me. You said to, "Add it at Post/Page Info Items with it's own class so you can turn off the borders for it" but how, exactly, do I do that?

Thanks!

Havs

Flynn Apr 27, 2009 05:56 PM

See post #2

Add something like

<img class="signature" src="/wp-content/themes/atahualpa332/images/mysignature.gif" alt="My signature" />

to some or or all the text areas at Theme Options -> Post / Page Info Items, depending on which type of pages you want to show the signature

and proceed as described in post #2

HavaLyon Apr 27, 2009 06:14 PM

Quote:

Originally Posted by Flynn (Post 5674)
See post #2

Add something like

<img class="signature" src="/wp-content/themes/atahualpa332/images/mysignature.gif" alt="My signature" />

to some or or all the text areas at Theme Options -> Post / Page Info Items, depending on which type of pages you want to show the signature

and proceed as described in post #2

Perhaps I'm not understanding what you're saying (very likely) but I'm not seeing the right options on the Page/Post Info Items page.

Here is an example of what I am trying to do:

When you go to this post, you will see my large signature at the bottom of the post (Hava in cursive). You will see that same signature at the bottom of all of my posts, and I also use it on the pages. But the signature itself (the HTML for it) is in the post itself.

On the Page/Post Info Items page, I have areas where I can enter information for the kicker, byline, and footer. None of those apply - my signature is in the body of the post.

Does that make more sense? Or am I completely missing the point here, and am overlooking something obvious? Thank you for your time!

Havs

Flynn Apr 27, 2009 07:45 PM

To add it to the post body, edit the post after you inserted the image and add "signature" to the existing classes (Which Wordpress already added by itself) of the image tag

<img class="signature alignleft size-full wp-image-103" width="......

and add a HTML/CSS Inserts -> CSS Insert for the class signature

HTML Code:

img.signature {
border: 0;
padding: 0;
}


tamogila Apr 27, 2009 07:52 PM

Havs...I'm winging it here, but see if this helps.

As long as you have the img.signature code in the CSS, then you could just paste the code at the end of your post.

Code:

<img class="signature" src="/path/to/wp-includes/images/author-2.png" alt="signature" />
or you could put it in the footer (post/page info items) and have it dynamically added to the end of every post:

Code:

<img class="signature" src="/path/to/wp-includes/images/author-%author-id%.png" alt="%author%" />
I did both on this page with the purple bullseye as an example (I'll leave it up for a couple of days):
http://www.tamogila.com/webdsgn/wordpress/?p=46


All times are GMT -6. The time now is 01:24 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.