The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Center Warning Bar in posts?

View previous topic View next topic Go down

Solved Center Warning Bar in posts?

Post by Jadster on December 10th 2013, 2:08 am

Hello there FM Support,

I am wanting to see if there is a possible way to add a line between Language and my Warning bar in my posting profiles and I wanted to ask if there was a way to center the warning bar.

Image:

I would like to center the warning bar perfectly and also put a line between the Language and the Warning Bar if possible. If this is possible then would you possibly be able to lend me a hand, if it isn't possible then that is fine Smile

Regards,
Jadster
avatar
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 896
Reputation : 120
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by SLGray on December 10th 2013, 2:19 am

Administration Panel > Users & Usergroups > Users > Profiles
Modify the language profile field.
Separator: horizontal bar


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 39189
Reputation : 2627
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Jadster on December 10th 2013, 2:21 am

Thank you very much SLGray! That helped that part, but I still need to figure out how to center the warning bar.
avatar
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 896
Reputation : 120
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Sir Chivas™ on December 10th 2013, 3:26 am

Hi,

Is the forum you're speaking of this one: http://www.adminsrealm.com/ ?
avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Ange Tuteur on December 10th 2013, 8:13 am

Hello Jadster,

You can center a specific image with the following CSS :

Code:
.postprofile dd img[src="http://i82.servimg.com/u/f82/11/22/70/40/warnba10.png"] { display:block; margin:0 auto; }

For each warn bar you have, you will have to create a new selector and insert the image source you wish to style :
img[src="IMG SRC"]

Exemple of multiple :
Code:
.postprofile dd img[src="IMG SRC"], .postprofile dd img[src="IMG SRC"], .postprofile dd img[src="IMG SRC"] { display:block; margin:0 auto; }

You can shorten the CSS by only targeting the end of the source :

Code:
.postprofile dd img[src$="/warnba10.png"] { display:block; margin:0 auto; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2871
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Jadster on December 10th 2013, 1:25 pm

@ Sir Chivas,
Yes, the site in question regards to http://www.adminsrealm.com. That is my current website Smile

@ Seth,
I currently have my warning bars as a profile field, would this CSS affect that in any way?
avatar
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 896
Reputation : 120
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Ange Tuteur on December 10th 2013, 1:34 pm

Yes,

It selects the specific image within the postprofile fields. If you have multiple warn bars you have to add more selectors for each image.
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2871
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Jadster on December 10th 2013, 1:58 pm

Alright, so I just add the code or codes you provided above into my css for each of the images?
avatar
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 896
Reputation : 120
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Ange Tuteur on December 10th 2013, 2:03 pm

Correct,

For multiple images that have the same style you should use :
Administration Panel > Display > Pictures and colors > Colors > CSS stylesheet

Place your warn bar images where 'IMG SRC' is.
Code:
.postprofile dd img[src="IMG SRC"], .postprofile dd img[src="IMG SRC"], .postprofile dd img[src="IMG SRC"] { display:block; margin:0 auto; }

Add more selectors if needed.
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2871
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Jadster on December 10th 2013, 2:12 pm

Yeah that didn't seem to work after adding the codes.
avatar
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 896
Reputation : 120
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Ange Tuteur on December 10th 2013, 2:14 pm

The exact codes you added were ? ( with the images )
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2871
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Jadster on December 10th 2013, 2:18 pm

Here is the code that I used.

Code:
.postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/rlmedi10.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/rlmedi10.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/rlmedi10.png"] { display:block; margin:0 auto; }
.postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2q0kt110.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2q0kt110.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2q0kt110.png"] { display:block; margin:0 auto; }
.postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2czsyl10.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2czsyl10.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2czsyl10.png"] { display:block; margin:0 auto; }
.postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2n9vxq10.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2n9vxq10.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2n9vxq10.png"] { display:block; margin:0 auto; }
.postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2qlfr010.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2qlfr010.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2qlfr010.png"] { display:block; margin:0 auto; }
.postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2mqlso10.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2mqlso10.png"], .postprofile dd img[src="http://i58.servimg.com/u/f58/17/21/23/27/2mqlso10.png"] { display:block; margin:0 auto; }
avatar
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 896
Reputation : 120
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Ange Tuteur on December 10th 2013, 2:31 pm

It should look like this :

I used the shorter method by targeting the end of the source for you Wink
Code:
.postprofile dd img[src$="/rlmedi10.png"], .postprofile dd img[src$="/2q0kt110.png"], .postprofile dd img[src$="/2czsyl10.png"], .postprofile dd img[src$="/2n9vxq10.png"], .postprofile dd img[src$="/2qlfr010.png"], .postprofile dd img[src$="/2mqlso10.png"] {
display:block;
margin:0 auto -12px;
}

I also added a -12px margin to the bottom since we're displaying the images as block level elements. If their display is off you can edit or remove that.
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2871
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Jadster on December 10th 2013, 2:33 pm

Yeah that still didn't seem to work really.
avatar
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 896
Reputation : 120
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Ange Tuteur on December 10th 2013, 2:38 pm

Could you link to your forum with the these warning bars displayed to guests ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2871
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Jadster on December 10th 2013, 3:06 pm

Here you go Seth, I have set it so guests should be able to see the warning bar image.

http://www.adminsrealm.com/
avatar
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 896
Reputation : 120
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Ange Tuteur on December 10th 2013, 3:09 pm

Thanks,

I have checked your forum and notice it is punbb. The CSS I gave you is for phpbb3, I have applied the correct selectors for profile details, my apologies. Wink

Remove any old CSS I gave you and add this to your sheet :
Code:
.user-info img[src$="/rlmedi10.png"], .user-info img[src$="/2q0kt110.png"], .user-info img[src$="/2czsyl10.png"], .user-info img[src$="/2n9vxq10.png"], .user-info img[src$="/2qlfr010.png"], .user-info img[src$="/2mqlso10.png"] {
display:block;
margin:0 auto -12px;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2871
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Jadster on December 10th 2013, 3:13 pm

Ah, that worked! Thank you very much Seth. I am sorry, I should have mentioned the site was a PunBB from the start. My bad. But again, thank you very much and that worked perfectly!

Solved!
avatar
Jadster
Forum Reviewer
Forum Reviewer

Male Posts : 896
Reputation : 120
Language : English
Location : United States

http://www.adminvortex.com

Back to top Go down

Solved Re: Center Warning Bar in posts?

Post by Ange Tuteur on December 10th 2013, 3:15 pm

You're welcome I love you

hehe I should of asked when it did not work, but I was too busy to notice. Wink

Topic solved and archived
avatar
Ange Tuteur
Forumaster

Male Posts : 13174
Reputation : 2871
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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