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

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.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.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://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.

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.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/ ?

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
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; }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

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?

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.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.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

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?

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.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.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

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.

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.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 )

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

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; }

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.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.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

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.

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.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 ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

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/

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.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;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

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!

Jadster
Forumember

Male Posts : 659
Reputation : 78
Language : English
Location : United States

http://adminvortex.forumotion.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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

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