URGENT NOTICE TO ALL CUSTOMERS!

You need to pre-order your IPB 4.0 Custom Skin ASAP!

CLICK HERE TO READ MORE

Jump to content




Photo
- - - - -

Design Question


  • Please log in to reply

7 replies to this topic

#1 tvguy347

 
tvguy347
 

Posted 10 June 2012 - 03:19 PM

Hello,

I'm planning on purchasing Happy Halloween, Easter, and a summer skin soon. However, all of them have category headers where certain images and vectors are on the category header. I'd like to do that with my default skin so that it matches with the other three skins I want to buy. How was this achieved? Is it just an image using this type of CSS that allows three images, or is there extra code?


Thanks! :D

-Dylan

#2 Wotsit

 
Wotsit

    Management Team

  • Admin
  • 1,770 posts
  • Skin: pure 3.4.7
  • Location:Lying down :)

  • Proud IBSkin Lifetime Supporter!
 

Posted 10 June 2012 - 03:57 PM

3 images:

<div class='catheadmid'><div class='catheadleft'><div class='catheadright'>

in the boardIndexTemplate

and defined in the ipb_styles.css:

.catheadmid {
background: url({style_images_url}/cathead_mid.png) repeat-x bottom left;
display: inline;
float:left;
width:100%;
height: 102px;
margin: 0px;
padding: 0px;
text-align: left;
border-bottom: 0px;
margin-bottom: 0px !important;
}

etc :)

#3 tvguy347

 
tvguy347
 

Posted 10 June 2012 - 06:30 PM

Thanks! :D

Sorry for an additional noob question, but those divs already existing in the template, right?

#4 Wotsit

 
Wotsit

    Management Team

  • Admin
  • 1,770 posts
  • Skin: pure 3.4.7
  • Location:Lying down :)

  • Proud IBSkin Lifetime Supporter!
 

Posted 11 June 2012 - 05:21 AM

They are when you buy a skin from here but not in the IP.Board skin :)

#5 tvguy347

 
tvguy347
 

Posted 11 June 2012 - 10:04 PM

They are when you buy a skin from here but not in the IP.Board skin :)


Oh. How would you accomplish this without that?

#6 Wotsit

 
Wotsit

    Management Team

  • Admin
  • 1,770 posts
  • Skin: pure 3.4.7
  • Location:Lying down :)

  • Proud IBSkin Lifetime Supporter!
 

Posted 12 June 2012 - 10:32 AM

Hire a skinner LOL

or

buy a skin and study the code and think "oh, that's how they did that" and then try yourself. It's what I do :) I do have a test board installed though so I can break it as many times as I like before putting something on my live forum.

Your Invision license allows you to have a test board so long as it's offline and registrations are closed.

#7 tvguy347

 
tvguy347
 

Posted 12 June 2012 - 04:03 PM

Wanna just tell me? xD :P

#8 Wotsit

 
Wotsit

    Management Team

  • Admin
  • 1,770 posts
  • Skin: pure 3.4.7
  • Location:Lying down :)

  • Proud IBSkin Lifetime Supporter!
 

Posted 12 June 2012 - 04:48 PM

I'm only the local amateur LOL with a brain that don't work right half the time. I use WinMerge and can sometimes see what needs doing so If you have all your brain then you're in front of me LOL




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users