Multi
Multi
Need some help!
Topic Started: Saturday, 12. December 2009, 01:09 (318 Views)
KyleFA
Member Avatar
Mary Jane ..merp
Okay, well I need to know how I would go about converting this! the person who designed it did a 3 peice h2? I think....I have no clue how to transfer the h2 over? since its done it pieces

Code:
 
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active {
text-decoration: underline;
color: #3A4F6C
}

.maintitle { background: url('http://i35.tinypic.com/2s61qvr.jpg') top repeat-x; text-align: left; vertical-align: middle; white-space: nowrap; margin: 1px 1px 0; padding: 0; height: 39px; font-size:11px;
color: #000; font-weight: bold; font-family: arial;}
.maintitlel { background: url('http://i35.tinypic.com/2rxyatc.jpg') top left no-repeat; height: 39px; }
.maintitler { background: url('http://i33.tinypic.com/w1tvdi.jpg') top right no-repeat; height: 39px; }
.maintitlec { padding: 9px 0 0 49px; }


http://z4.invisionfree.com/PON/
Posted Image
Gold Coins and Pat on the Backs
Off
Profile
Quote
Top
 
Robot
No Avatar
Level 9
Choco's 3piece h2 code.
Off
Profile
Quote
Top
 
tony
Member Avatar
pursuit of happiness
http://if.invisionfree.com/topic/5029420/1/
Off
Profile
Quote
Top
 
KyleFA
Member Avatar
Mary Jane ..merp
Yeah, I attempted to use this code, but i took each of those images and none of them showed up and the maintitle didn't work? :/
Posted Image
Gold Coins and Pat on the Backs
Off
Profile
Quote
Top
 
tony
Member Avatar
pursuit of happiness
Here you go:

Goes in your CSS:

Code:
 
/***** Three Piece H2 *****/
/* h2wrap is the center stretch.*/
.h2wrap {
background: url(http://i35.tinypic.com/2s61qvr.jpg) repeat-x;
}

/* h2left is the left image. */
.h2left {
background: url(http://i35.tinypic.com/2rxyatc.jpg) no-repeat top left;
height: 39px;
}

/* h2center is the text itself. */
.h2center{
padding: 2px 0px 0px 54px;
height: 39px;
}

/* h2right is the right image. */
.h2right {
background: url(http://i33.tinypic.com/w1tvdi.jpg) no-repeat right top;
height: 39px;
}

/* Collapse/Uncollapse Images */
.collapse,.uncollapse {
right: 5px;
top: 2px;
}

thead td,thead th {padding:0px;background: inherit;border-width:0px;}

.calh2 { background: null!important;height: auto!important; font-weight: null; padding: 0px !important;border: null!important;}

/* Leave the above alone. For the bottom, style your profile h2's. */
.profile thead td,.profile thead th {padding:0px;background: inherit;border-width:0px;}



Goes at the bottom of your layout:

Code:
 
<script type="text/javascript" src="http://z3.ifrm.com/197/177/0/p86186/th2.js"></script>
Off
Profile
Quote
Top
 
Chesterfield
Member Avatar
Level 12
Code:
 

/***** Three Piece H2 *****/
/* h2wrap is the center stretch.*/
.h2wrap {
background: url(http://i35.tinypic.com/2s61qvr.jpg) repeat-x;
}

/* h2left is the left image. */
.h2left {
background: url(http://i35.tinypic.com/2rxyatc.jpg) no-repeat top left;
height: 39px;
}

/* h2center is the text itself. */
.h2center{
padding: 9px 0 0 49px;
height: 39px;
font-size: 11px;
color: #000;
font-weight: bold;
}

/* h2right is the right image. */
.h2right {
background: url(http://i33.tinypic.com/w1tvdi.jpg) no-repeat right top;
height: 39px;
}

/* Collapse/Uncollapse Images */
.collapse,.uncollapse {
right: 5px;
top: 2px;
}

thead td,thead th {padding:0px;background: inherit;border-width:0px;}

.calh2 { background: null!important;height: auto!important; font-weight: null; padding: 0px !important;border: null!important;}

/* Leave the above alone. For the bottom, style your profile h2's. */
.profile thead td,.profile thead th {padding:0px;background: inherit;border-width:0px;}


Try that out.
I just replaced the image links, changed the height to match the height of the H2, changed the text size and color, and fixed the padding :) .

Edit: Tony beat me to it -.- .
Edited by Chesterfield, Saturday, 12. December 2009, 01:36.
Off
Profile
Quote
Top
 
KyleFA
Member Avatar
Mary Jane ..merp
Thanks! I got it to work! converting skins is hard!! :P
Also the other theme is a print I am working on coding! :P
http://s1.zetaboards.com/Paladins_Of_Nintendo/index/
This is what I got so far!
Edited by KyleFA, Saturday, 12. December 2009, 01:46.
Posted Image
Gold Coins and Pat on the Backs
Off
Profile
Quote
Top
 
Prototype
Member Avatar
la petite mort
Your topic has been marked resolved or inactive. If the problem persists or reappears, feel free to request Live Support or repost your topic.
Gifts:
x
Prizes:
x x x x x x x x
Posted Image
Off
Profile
Quote
Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Resolved Issues · Next Topic »

Welcome Guest [Log In] [Register]
Outline Live
Loading..
Loading..