"Forum Post/Signature Divider" : Forums : Help-Site - World of Warcraft Durotan server - Guild Hosting - GuildPortal

• Login: Password: Save New User? Forgot?

Home

Forums

Code

Forums

: > Forum Post/Signature Divider

Drutok (Applicant)

11/15/2010 3:14 PM EST : Forum Post/Signature Divider

Drutok Posts: 4 0 Like 0 Dislike	I was wondering if there is any way to have any kind of divider separating a written forum post from the users signature/"edited" tag/"characters" list. I have looked everywhere but can't seem to find anything about it, its not encouraging that these forums don't have it either. http://kccguild.guildportal.com/
•

Mottie (SuperAdmin)

11/15/2010 5:51 PM EST : RE: Forum Post/Signature Divider

ACK!

Posts: 3872

0
Like

0
Dislike

Hi Durtok!
You haven't found it in these forums because I never thought about it and no one, until you, asked me how to do it

Adding Divider Images to the Forums

GuildPortal admin site link to original post

CSS
Add the following CSS to your Custom CSS (Control Panel > Custom HTML & Script > Custom CSS > CSS Additions to Standard tab). Make sure the CSS code is enabled before saving.

/* Add a divider above the signature */
.MessageSignature {
background: url(http://www.axiomfiles.com/Files/278466/theme_divider.png) top center no-repeat;
padding-top: 30px;
}
/* Add a divider above the Character List */
.MessageToonContainer1 {
background: url(http://www.axiomfiles.com/Files/278466/theme_divider.png) top center no-repeat;
padding-top: 30px;
}

Customizing

Modify the URL in orange to change the divider image.
Adjust the padding-top value (in red) to be slightly taller than the divider image.

>>help-site<<

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Drutok (Applicant)

11/15/2010 6:26 PM EST : RE: Forum Post/Signature Divider

Posts: 4

0
Like

0
Dislike

Thanks a ton, that should make things a little cleaner.
What you put into this site is fantastic, keep up the awesome work!

EDIT: This is working perfectly as it should, though I should also ask. Is there a way to lock the sig/char list to the bottom of the post box. For instance, when someone has an avatar though writes a one line post.

_____________________________________________________________________________________________________
            |
|AVATAR| | Sample post text.         Sample post text.
|AVATAR|   |
|AVATAR| | --DIVIDER--
|AVATAR|   |
   | Signature/Char List
           |
           |
   NAME   |
   POST   |
   STAR    |
           |                                                                   --DIVIDER--
           |
           |                                                              Signature/Char List
____________|_______________________________________________________________________________________
UP/DOWN   |   Reply   Reply/Quote   Edit   Delete
____________|_______________________________________________________________________________________

                   ^^ How things are now ^^ How I would like them to be

Hopefully this makes some amount of sense, if not let me know!

•

Mottie (SuperAdmin)

11/15/2010 10:43 PM EST : RE: Forum Post/Signature Divider

ACK!

Posts: 3872

0
Like

0
Dislike

Hi Durtok!

I had to mess around a bit with the CSS, but I think I got it... Try this:

/* Position the character panel relative to the entire post */
.PostItem1 {
position: relative;
}
/* Add a divider above the Character List */
.MessageToonContainer1 {
background: url(http://www.axiomfiles.com/Files/278466/theme_divider.png) top center no-repeat;
padding-top: 30px;
position: absolute;
bottom: 30px;
right: 0;
}

>>help-site<<

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Key

	New posts		No new posts
	New posts ( popular )		No new posts ( popular )
	New posts ( sticky )		No new posts ( sticky )
	New posts ( locked )		No new posts ( locked )

%title%