19 replies to this topic

[Jasper.]

I need some help with the skin I'm coding. It's actually my first IPB skin I create.
I have coded most of the skin, but need to code the last few parts. I don't know where to code those last parts.
Would someone be able to tell me where to fix the following bugs?

- The user menu + hoover at the top of the index page.

- The submenu images.

- Code box

- All other buttons are coded, but for some reason I can't get those coded.

- When changing your profile. The blue image should be replaced.

And last, I need to code the (fast)reply/new topic field. Do you know where those are located?

Thanks a ton, it's really appreciated

Jasper

[Ehren]

Hi Jasper,

The user drop down menu is #user_link_menucontent

The tab issue you're having seems to be a problem with your image. Make sure they're cropped similar to the default images (providing you're using the same css as the default skin). You should have one image like this: (tab_left.png)

And another like this: (tab_right.png)


I can't remember off by heart where the js code is for the code coloring. The background of the box can be modified by editing pre.prettyprint

The light input buttons are controlled by .input_submit.alt and .input_submit.alt:hover

I've removed that blue image from my skins and replaced it with css, but I believe the image you need to change is th_bg.png

[Jasper.]

Thanks for the fast help, it's really appreciated.
I can't remember where I edited the submenu. Do you know where I can find it in the css?

[Ehren]

#primary_nav

[Jasper.]

Ok, thanks a ton mate. Have been looking for those answers for months Thanks for the fast replies and help

Do you know where I can edit the (fast)reply / new topic backgrounds?

[Ehren]

You can only modify the basic editor.. the RTE background is defined by javascript so I'm unsure on where to edit it.

The basic editor can be modified by editing #ipboard_body .input_rte inside ipb_editor.css

[Jasper.]

This is what it looks like right now. http://i45.tinypic.com/a425pu.png
It's harder as I though I changed quite a lot and it seems only the border and the small boxes are changed.

The add reply/new topic page is the last thing that needs to be fixed. However, I found 2 other small things I dislike and would like to change.
http://i47.tinypic.com/o8t5io.png

The "About Me" text in the yellow box should have another color, same as the "About Me" and "Friends" text. Do you know how to fix those?
Also, the background of the box of My Information is bothering me. The top is lighter as the bottom. I'd like to fix this aswell, but don't know where.

And as very last, and probably the easiest, http://i50.tinypic.com/2pydpfl.png
I'd like to give those stripes a better matching color

[Ehren]

For the editor, just use Photoshop to find the hex code of the colours you need to change, and find/replace them in the css file.

The tab text can be changed under .tab_bar li.active, .tab_bar li.active a,

Not sure about the My Information background.. seems like the only thing that could cause that would be a background image.

The stats lines are controlled by the borders on #stats dt, #stats dd

[Jasper.]

I just noticed some more bugs in the chat and blog pages.
I'll try and fix out the chat bugs myself. I don't want to ask you everything I hope you don't mind that I keep asking stuff

Here are some problems with the blog page. I've coded most of it, but there are some bugs that I can't find in the blog css. I can't view the images in the css, since they're no links.

http://i46.tinypic.com/29kw4li.png

Thanks in advanced

[Ehren]

Use photoshop to get the hex codes for the colours, then search for them inside the blog css file.

The banner can be modified inside Blog (Global) > overwriteHeader

[Jasper.]

I've been searching for those hex codes inside the blog css, but there is no match.

[Ehren]

Some of them are actually styled by rgb instead of #. Photoshop gives out the rgb codes aswell, but if you do a search for rgb in your stylesheet, you'll see the values there.

I really hate the way the blogs have been coded. They're very much out of alignment and just aren't consistent like the main forum skin.

[Jasper.]

Is it possible to remove the blog pages?

[Ehren]

Not sure what you mean..

[Jasper.]

Is it possible to remove the whole blog feature from the board?

What do you actually mean with the rgb colors, and how can I find those in Photoshop?

[Ehren]

Just disable the Blogs inside your admin cpanel if you don't want them.

Do a search for "rgb" inside your blog.css file and it'll show colours as rgb instead of hex. The rgb codes can be found inside the colour box in Photoshop, just like the hex codes.

[Jasper.]

Everything on the forum is coded now, except for 1 thing. I've been searching for the places myself by checking both hex codes and rgb codes, but I can't find it.
It's about the reply page. This is what I have right now:

http://209.85.62.24/...604361/help.png

All the white/light blye parts should be changed, but can't find where. Can you help me please?

[Ehren]

In ipb_styles.css

div.post_form fieldset

[Jasper.]

Thanks

I couldn't find where to fix those, though. Once again I've been looking for the hex and rgb color codes, but it didn't help.
The post page, last thing that needs to be coded, is now almost coded.

I still have to fix the actual box you typ in (#2 on the image below)
The blue'ish box when making a new poll (#1 on the image)
The gray box below the box you typ in (#3 on the image)

http://209.85.62.24/...482/errorss.png

[Ehren]

If you check the source, you'll be able to see what classes are used.

1. Poll box is .post_form #poll_wrap .question .wrap in ipb_styles.css

2. The editor is in ipb_editor.css:

#ipboard_body .input_rte {
	width: 100%;
	height: 250px;
}

Add your background/borders to that.

3. .message.unspecific in ipb_styles.css