Profile question

[Lashuri Chan]

So I'm making my profile out of scratch and I was doing great until i got to the part where you can add little images inside the panel boxes so there would be a picture besides the text about, recent visitors and so on.

The user who posted the profile topic was a little too vague for me with how to do it. He said to use this code ---> #id_about img

But I don't know if I also need to add the little things like the [] that you normally put around the img code, I don't know if I also need to add the = sign too.

So for example should it be like this -->

#id_about

I don't even know, does anyone know?

[Knight Yoshi]

little aishi chan

So I'm making my profile out of scratch and I was doing great until i got to the part where you can add little images inside the panel boxes so there would be a picture besides the text about, recent visitors and so on.

The user who posted the profile topic was a little too vague for me with how to do it. He said to use this code ---& #id_about img

But I don't know if I also need to add the little things like the [] that you normally put around the img code, I don't know if I also need to add the = sign too.

So for example should it be like this --&

#id_about

I don't even know, does anyone know?

I'm not sure I understand what you're asking. It sounds like you just want to put an image in your about section and such. Just add the image with the BBcode image tags.

[Lashuri Chan]

Knight Yoshi

little aishi chan

So I'm making my profile out of scratch and I was doing great until i got to the part where you can add little images inside the panel boxes so there would be a picture besides the text about, recent visitors and so on.

The user who posted the profile topic was a little too vague for me with how to do it. He said to use this code ---& #id_about img

But I don't know if I also need to add the little things like the [] that you normally put around the img code, I don't know if I also need to add the = sign too.

So for example should it be like this --&

#id_about

I don't even know, does anyone know?

I'm not sure I understand what you're asking. It sounds like you just want to put an image in your about section and such. Just add the image with the BBcode image tags.

Okay you know the panels on the profile page? About me, Recent visitors, Signature and such? Well apparently users can add images inside those panels so pictures will be beside the panel titles if that makes sense

[Knight Yoshi]

little aishi chan

Knight Yoshi

little aishi chan

So I'm making my profile out of scratch and I was doing great until i got to the part where you can add little images inside the panel boxes so there would be a picture besides the text about, recent visitors and so on.

The user who posted the profile topic was a little too vague for me with how to do it. He said to use this code ---& #id_about img

But I don't know if I also need to add the little things like the [] that you normally put around the img code, I don't know if I also need to add the = sign too.

So for example should it be like this --&

#id_about

I don't even know, does anyone know?

I'm not sure I understand what you're asking. It sounds like you just want to put an image in your about section and such. Just add the image with the BBcode image tags.

Okay you know the panels on the profile page? About me, Recent visitors, Signature and such? Well apparently users can add images inside those panels so pictures will be beside the panel titles if that makes sense

No, that doesn't make sense. It sounds like it's set as background images in some parts of the description, the switches to an actual image element.

[Lashuri Chan]

Quote:

CURRENT PROFILE SYSTEM PANEL SELECTORS

These are the specific selectors for each panel.

To edit the header of a panel, you just add "h2' to it. I.E. the header of the About panel is #id_about h2. Likewise, to edit the links in a panel, you would just add "a"; i.e. #about a would affect only the links in the About panel. I would write them all out but I think it would just clutter the thread.

In addition to "h2" and "a", you can also add "img". "img" will affect only the images in that panel. For example, #id_signature img would affect only images in your signature panel.

I can't get any more clearer then that. The user makes it sound like you can have pictures next to the text in the panels on your profile.

[Knight Yoshi]

little aishi chan

Quote:

CURRENT PROFILE SYSTEM PANEL SELECTORS

These are the specific selectors for each panel.

To edit the header of a panel, you just add "h2' to it. I.E. the header of the About panel is #id_about h2. Likewise, to edit the links in a panel, you would just add "a"; i.e. #about a would affect only the links in the About panel. I would write them all out but I think it would just clutter the thread.

In addition to "h2" and "a", you can also add "img". "img" will affect only the images in that panel. For example, #id_signature img would affect only images in your signature panel.

I can't get any more clearer then that. The user makes it sound like you can have pictures next to the text in the panels on your profile.

Do you mean like this?

[Lashuri Chan]

Does anyone have any idea what I am talking about? Or did I just read it wrong? emotion_facepalm

[Traphyenna]

Oh... I think I get what you mean, and it seems like you misinterpret the use of it. sweatdrop

The #id_about img doesn't actually help you add images into the panel, but more like changing the property (if it's the right word) of the contents (which in this case specifically target the images in the panel only instead of everything including words). sweatdrop

Say in the About Me section you have these:

TEXT TEXT TEXT

[img]Image Url here[/img][img]Image Url here[/img][img]Image Url here[/img][img]Image Url here[/img]

If you want to change the opacity of the About panel, you'd use this code:

#id_about {opacity: .5; }

But if you'd only want to change the opacity of the Images inside the About panel, you'd use:

#id_about img {opacity: .5; }

TL;DR: The #id_about img has nothing to do with adding images inside the panel. sweatdrop (Correct me if I'm wrong, Yoshi. )

If you want to change the BACKGROUND of the header (the color parts where it says the names of the panels to an image instead of plain color):

#id_SELECTOR h2 {background: url(' IMAGE URL HERE WITHOUT IMG TAGS ' ); }

[Lashuri Chan]

Traphyenna

Oh... I think I get what you mean, and it seems like you misinterpret the use of it. sweatdrop

The #id_about img doesn't actually help you add images into the panel, but more like changing the property (if it's the right word) of the contents (which in this case specifically target the images in the panel only instead of everything including words). sweatdrop

Say in the About Me section you have these:

TEXT TEXT TEXT

[img]Image Url here[/img][img]Image Url here[/img][img]Image Url here[/img][img]Image Url here[/img]

If you want to change the opacity of the About panel, you'd use this code:

#id_about {opacity: .5; }

But if you'd only want to change the opacity of the Images inside the About panel, you'd use:

#id_about img {opacity: .5; }

TL;DR: The #id_about img has nothing to do with adding images inside the panel. sweatdrop (Correct me if I'm wrong, Yoshi. )

If you want to change the BACKGROUND of the header (the color parts where it says the names of the panels to an image instead of plain color):

#id_SELECTOR h2 {background: url(' IMAGE URL HERE WITHOUT IMG TAGS ' ); }

Okay this is much better, thank you! So there is absolutely no way to put pictures into the panels at all? I know how to change the panle color, I was just wondering if we could also add more flare with picture next to the text. or do we just have to do those clip art pictures and resize them so it looks like it's in the panel?

[Traphyenna]

little aishi chan

Okay this is much better, thank you! So there is absolutely no way to put pictures into the panels at all? I know how to change the panle color, I was just wondering if we could also add more flare with picture next to the text. or do we just have to do those clip art pictures and resize them so it looks like it's in the panel?

Like I previously mentioned, what you're trying to do is technically changing the background of the header or panel's into an image instead of color. If there's a specific way you want it to look like, you'd need to make an image with the proper size you want it to be (unless you want to fiddle around with the sizing code until you get it to how you want it).

[Lashuri Chan]

Traphyenna

little aishi chan

Okay this is much better, thank you! So there is absolutely no way to put pictures into the panels at all? I know how to change the panle color, I was just wondering if we could also add more flare with picture next to the text. or do we just have to do those clip art pictures and resize them so it looks like it's in the panel?

Like I previously mentioned, what you're trying to do is technically changing the background of the header or panel's into an image instead of color. If there's a specific way you want it to look like, you'd need to make an image with the proper size you want it to be (unless you want to fiddle around with the sizing code until you get it to how you want it).

Ah I get it now. thanks for the information. I think I'll just keep it at the color I have to now.