The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Topic Icons and Private Messages

+2
Legend™
Derri
6 posters

Go down

Topic Icons and Private Messages  Empty Topic Icons and Private Messages

Post by Derri June 13th 2012, 8:52 pm

When using private messages and topic icons, the topic icon alaways goes to the left and looks rather odd and awful

Anyway to fix this.

This is what it looks like

Topic Icons and Private Messages  PM-TopicIcons
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Legend™ June 13th 2012, 9:01 pm

Does this happen in normal posts as well?
Legend™
Legend™
Forumember

Male Posts : 548
Reputation : 30
Language : Javascript, CSS, English
Location : Omaha

http://webgaming.forumotion.com/forum

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 13th 2012, 9:02 pm

Legend™ wrote:Does this happen in normal posts as well?

No, someone gave me some CSS to sort that and that applied to posts and that problem is solved.


Now it is only in private messages that this happens.
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Legend™ June 13th 2012, 9:04 pm

Hmm.. Im sorry then I don't know
Legend™
Legend™
Forumember

Male Posts : 548
Reputation : 30
Language : Javascript, CSS, English
Location : Omaha

http://webgaming.forumotion.com/forum

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Akkii June 13th 2012, 11:28 pm

Try adding this to your CSS
Code:
dl.icon dd.dterm, dl.icon dt {
    background-position: 75% 75%;
}
Akkii
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 14th 2012, 8:28 am

Rideem3 wrote:Where exactly would you like it to be?

I don't know. Just something different perhaps it replaces the original topic icon in the private message.

Or it be centered like you see in the forumotion topics.

Also I don't think that worked It moved it slightly but still obscured a lot of text.
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Akkii June 14th 2012, 11:48 am

Can you provide link of forum please?
Akkii
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 14th 2012, 5:15 pm

Akkii wrote:Can you provide link of forum please?

http://www.virtualkid.org/forum
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 16th 2012, 12:27 pm

bump
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 17th 2012, 2:28 pm

bump
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 19th 2012, 8:56 pm

Bump again. Still an issue
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 20th 2012, 8:02 pm

bump
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 21st 2012, 9:40 pm

bump for the fifth time!
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 23rd 2012, 11:40 am

bump 6th time now
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 24th 2012, 2:52 pm

bump again
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 26th 2012, 7:26 pm

bump
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Mati June 27th 2012, 12:03 pm

Hi, add this CSS code in to your CSS:

Code:
.pmlist li.row1 img {
    margin-left: 450px!important;
}

Mati
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 29th 2012, 4:36 pm

Matti_7 wrote:Hi, add this CSS code in to your CSS:

Code:
.pmlist li.row1 img {
    margin-left: 450px!important;
}


Well that works, however it sort of goes below the line which is kinda annoying as some of it ends up being obscured.
Here is a screenshot

Topic Icons and Private Messages  PMissue
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by runawayhorses June 29th 2012, 7:39 pm

Try this one. I added a margin-bottom to the code above.

Code:
.pmlist li.row1 img {
        margin-left: 450px: margin-bottom: 2px: !important;
    }


Last edited by runawayhorses on July 3rd 2012, 2:43 pm; edited 1 time in total (Reason for editing : corrected code)
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri June 30th 2012, 3:11 am

runawayhorses wrote:Try this one. I added a margin-bottom to the code above.

Code:
.pmlist li.row1 img {
        margin-left: 450px: margin-bottom: 2px !important;
    }

See now that code never worked. It goes back to the original problem I had before at the start of this post. But thanks for trying.
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri July 2nd 2012, 11:41 pm

Derri wrote:
runawayhorses wrote:Try this one. I added a margin-bottom to the code above.

Code:
.pmlist li.row1 img {
        margin-left: 450px: margin-bottom: 2px !important;
    }

See now that code never worked. It goes back to the original problem I had before at the start of this post. But thanks for trying.


bump
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Mati July 2nd 2012, 11:47 pm

Add this one.

Code:
.pmlist li.row1 img {
    margin-left: 450px;
    margin-top: -25px;
}

Good luck! Wink
Mati
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri July 3rd 2012, 12:04 am

Matti_7 wrote:Add this one.

Code:
.pmlist li.row1 img {
    margin-left: 450px;
    margin-top: -25px;
}

Good luck! Wink

See now that is a tad high now. It cuts off slightly
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Michou July 3rd 2012, 12:46 am

Derri can I please have the CSS code for the topic icons where it places them a bit far to the right
avatar
Michou
Forumember

Male Posts : 26
Reputation : 1
Language : English

http://www.michou.forumotion.com

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Mati July 3rd 2012, 12:53 am

Just play some with margin-top until you get there where you wanna it ;P
Mati
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri July 3rd 2012, 1:27 am

Matti_7 wrote:Just play some with margin-top until you get there where you wanna it ;P

that is what i have been doing thanks
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri July 3rd 2012, 1:52 pm

Rideem3 wrote:Is this solved?

Can you give me a day or two just to make sure everything is working properly with this as I don't want to create another topic.
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Mati July 3rd 2012, 2:28 pm

Lol only if you delete the code from your css then it want work xD so don't worry.
Mati
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by Derri July 3rd 2012, 2:36 pm

Matti_7 wrote:Lol only if you delete the code from your css then it want work xD so don't worry.

I know it's just I am very couscous.
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Topic Icons and Private Messages  Empty Re: Topic Icons and Private Messages

Post by runawayhorses July 3rd 2012, 2:51 pm

Why don't you check to see if it works and if it does its solved.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum