11 replies to this topic

[hotk]

first, let me say thanks for putting together this awesome forum and handy guide. it has gotten me very far in my own skinning to this point! Here are a couple of remaining issues I can't seem to fix.

site: www.homeoftheknicks.com

• Align logo banner left
  
• Change bg color of Topic Prefix - was able to change font color, but not background as instructed in the guide. I think there is an image by default in my skin that is interfering
  
• Most importantly, my edits for "posts" (,author info, post body, signature, posted info) are not sticking. Post header and Post controls work as expected.
  
• member popup is slightly off after I adjusted the avatar size to 150x150

that's about all I can think of for now and if you can address and help with any of them that would really be great. TIA!

[Broni]

Thank you and welcome aboard :)

http://www.homeofthe...orums/index.php

1. How did you actually put that logo in?
Looking at your board I can't find its code.

2. Add line in red here:

Quote

.ipsBadge {
background: color of your choice;


background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px 3px 3px 3px;
color: #1B3588;
display: inline-block;
font-size: 9px;
font-weight: bold;
height: 16px;
line-height: 16px;
padding: 0 5px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
text-transform: uppercase;
}

3. my edits for "posts" (,author info, post body, signature, posted info) are not sticking
How did you create your skin? Using IPB skin generator?

4. I'm not sure yet. I need more time to investigate.

[hotk]

Broni, on 29 December 2011 - 10:09 PM, said:

1. How did you actually put that logo in?
Looking at your board I can't find its code.

in ipb_styles.css

/************************************************************************/
/* CORE ELEMENT STYLES */
html{ background-color: #000000; }
body {
background: #000000 url("http://www.homeoftheknicks.com/images/HotKHeader-490x150.png") no-repeat 50% 0;
color: #5a5a5a;
font: normal 11px tahoma, helvetica, arial, sans-serif;
position: relative;
min-height: 360px;
padding-bottom: 20px;
}

I tried tweaking the position value, but nothing i used worked.

Broni, on 29 December 2011 - 10:09 PM, said:

2. Add line in red here:

Here is what I have for that section already:

.ipsBadge {
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #1b3588;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: e18e2f
		background-image: url('http://www.smartestcomputing.us.com/public/style_images/master/highlight.png');
background-repeat: repeat-x;
background-position: 0 -1px;
}

the text color took, but the bg color did not. does it need to be the first line as you have it above?

Broni, on 29 December 2011 - 10:09 PM, said:

3. my edits for "posts" (,author info, post body, signature, posted info) are not sticking
How did you create your skin? Using IPB skin generator?

I imported a skin and have been tweaking it somewhat manually through the ipb_styles.css and some just swapping out images. I have since gotten post info doing what I want my modifying

.post_date{
color: #fff;
float: left;
font-size: 12px;
font-weight: normal;
}

Broni, on 29 December 2011 - 10:09 PM, said:

4. I'm not sure yet. I need more time to investigate.

thanks, i'll be patient!

[Broni]

This background:

Quote

background: e18e2f background-image: url('http://www.smartestcomputing.us.com/public/style_images/master/highlight.png');

won't work because it points to some image on MY board :)
Remove "background-image" line and leave just "background" line. Change "e18e2f" to whatever color you want.

==================================================================

Quote

/************************************************************************/ /* CORE ELEMENT STYLES */ html{ background-color: #000000; } body { background: #000000 url("http://www.homeoftheknicks.com/images/HotKHeader-490x150.png") no-repeat 50% 0; color: #5a5a5a; font: normal 11px tahoma, helvetica, arial, sans-serif; position: relative; min-height: 360px; padding-bottom: 20px; }

The above is not a correct place to change logo.
Did you try "Easy logo changer" in ACP?

[hotk]

still didn't work after removing the "background-image" line. and I am not sure why the text in code didn't copy/paste correctly but it took your relative path instead of mine. confusing!

i removed the url("http://www.homeoftheknicks.com/images/HotKHeader-490x150.png") since it is not the correct place to change the logo, but now i can't get it back with the Easy Logo Changer.

[Broni]

I'm not sure what's going on but I see different codes than you do.
For instance I see this:

Quote

.ipsBadge {


background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px 3px 3px 3px;
color: #1B3588;
display: inline-block;
font-size: 9px;
font-weight: bold;
height: 16px;
line-height: 16px;
padding: 0 5px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
text-transform: uppercase;
}

I don't see "background" value at all.

[hotk]

that's a screen shot of what i am looking at.

[Broni]

Try this:
background: e18e2f !important;

Make sure there is a semicolon at the end.

[hotk]

no dice

[Broni]

If you want to PM me with an access to your ACP I can take deeper look.
It won't happen today as I'll be leaving soon for the rest of the day.

[hotk]

PM sent.

[Broni]

Got it.