Jump to content

Welcome to IPB Forum Skins
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. This message will be removed once you have signed in.
Login to Account Create an Account
Photo

Skinning Help

- - - - -

  • Please log in to reply
19 replies to this topic

#1
Jasper.

Jasper.

    Member

  • Members
  • 13 posts
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?

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

Posted Image - The submenu images.

Posted Image - Code box

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

Posted Image - 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

#2
Ehren

Ehren

    Administrator

  • Root Admin
  • 8,715 posts
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)
Posted Image
And another like this: (tab_right.png)
Posted Image

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
Posted Image

#3
Jasper.

Jasper.

    Member

  • Members
  • 13 posts
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?

#4
Ehren

Ehren

    Administrator

  • Root Admin
  • 8,715 posts
#primary_nav
Posted Image

#5
Jasper.

Jasper.

    Member

  • Members
  • 13 posts
Ok, thanks a ton mate. Have been looking for those answers for months :P Thanks for the fast replies and help

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

#6
Ehren

Ehren

    Administrator

  • Root Admin
  • 8,715 posts
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
Posted Image

#7
Jasper.

Jasper.

    Member

  • Members
  • 13 posts
This is what it looks like right now. http://i45.tinypic.com/a425pu.png
It's harder as I though :P 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

#8
Ehren

Ehren

    Administrator

  • Root Admin
  • 8,715 posts
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
Posted Image

#9
Jasper.

Jasper.

    Member

  • Members
  • 13 posts
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 :P 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

#10
Ehren

Ehren

    Administrator

  • Root Admin
  • 8,715 posts
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
Posted Image

#11
Jasper.

Jasper.

    Member

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

#12
Ehren

Ehren

    Administrator

  • Root Admin
  • 8,715 posts
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.
Posted Image

#13
Jasper.

Jasper.

    Member

  • Members
  • 13 posts
Is it possible to remove the blog pages?

#14
Ehren

Ehren

    Administrator

  • Root Admin
  • 8,715 posts
Not sure what you mean..
Posted Image

#15
Jasper.

Jasper.

    Member

  • Members
  • 13 posts
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?

#16
Ehren

Ehren

    Administrator

  • Root Admin
  • 8,715 posts
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.
Posted Image

#17
Jasper.

Jasper.

    Member

  • Members
  • 13 posts
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? :)

#18
Ehren

Ehren

    Administrator

  • Root Admin
  • 8,715 posts
In ipb_styles.css
div.post_form fieldset

Posted Image

#19
Jasper.

Jasper.

    Member

  • Members
  • 13 posts
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

#20
Ehren

Ehren

    Administrator

  • Root Admin
  • 8,715 posts
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
Posted Image




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users