IF Board -> IPB 2.3.0

IPB 2.3.0

Track this topic | Email this topic | Print this topic

gamecubechamp12	Posted: Jun 18 2007, 03:44 PM
Advanced Member Group: Members Posts: 84 Member No.: 430 Joined: 29-April 06	The new version of IPB was released a couple of days with a new skin. Do you guys know how to get this skin for IF? I really want their skin!

Hauzer-Ninja	Posted: Jun 18 2007, 03:48 PM
Administrator Group: Admin Posts: 1,796 Member No.: 540 Joined: 31-May 06	I Can't find any IPB 2.3.0, When I go to the offical IPB site, there still selling IP.Board 2.2. -------------------- [ 1356 Spam Cleaned ]

gamecubechamp12	Posted: Jun 18 2007, 04:17 PM
Advanced Member Group: Members Posts: 84 Member No.: 430 Joined: 29-April 06	Check http://forums.invisionpower.com Official Topic: http://forums.invisionpower.com/index.php?showtopic=235358 This post has been edited by gamecubechamp12 on Jun 18 2007, 04:18 PM

Alawe	Posted: Jun 18 2007, 05:34 PM
Pro-Active Member Group: Spam Cleanup Posts: 190 Member No.: 986 Joined: 11-March 07	I'm sure something so recent wouldn't have a IF look-alike yet. Pulse will make one for it soon. -------------------- [12 3,125,354,365,376,345,265 Spam Cleaned]

gamecubechamp12	Posted: Jun 18 2007, 05:46 PM
Advanced Member Group: Members Posts: 84 Member No.: 430 Joined: 29-April 06	Do you know how to get the boxes on the submenu when hovered?

Pulse	Posted: Jun 18 2007, 07:30 PM
Meow! Group: Admin Posts: 2,691 Member No.: 1 Joined: 5-November 05	The skin looks pretty good. I'll start on it, maybe it will be the new customization for IPB 2.1.5. Who knows . If anyone is willing to help me, please PM me, I will need all the CSS help I can get! Pulse -------------------- PM Me � View My Profile � Advertise IF Board � Affiliate With Us Invision.Power.Board 2.3.0 Coming Soon

gamecubechamp12

Posted: Jun 18 2007, 07:49 PM

Advanced Member
Group Icon

Group: Members
Posts: 84
Member No.: 430
Joined: 29-April 06

Hey, Pulse thanks for your help. I made a css already, it may be long, but i got it to work for the images at least:

CODE

html { overflow-x: auto; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }

BODY {
font-family: Verdana;
font-size: 11px;
color: #000000;
margin: 20px 10px 10px 10px;
background-color: #FFFFFF;
}

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }

a:link, a:visited, a:active {
text-decoration: underline;
color: #000000;
}
a:hover {
color: #5f6069;
text-decoration: underline;
}

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner {
position: absolute;
top: 1px;
right: 5%;
}

#banner {
border: 1px solid #345487;
overflow: hidden;
width: 100%;
}

#logostrip { border:1px solid #FFF; background-color: 3860BB;background-image:url(http://i15.photobucket.com/albums/a375/gtoonchamp12/backround.gif) solid #303B4A
)margin:0px;padding:0px; }
#logographic { background-image:url(http://i15.photobucket.com/albums/a375/gtoonchamp12/backround.gif);padding:0px;margin:0px; height: 68px; margin: 0; padding: 0; border-left:1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF;
}
#submenu2 { background-image:url(http://i15.photobucket.com/albums/a375/gtoonchamp12/menubar.jpg);border:1px solid #FFFFF; background-color: #FFFFF;font-size:10px;letter-spacing:1px;margin:0;color:#3A4F6C;font-weight:bold;}
#submenu2 a:link, #submenu2 a:visited, #submenu2 a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #000000; letter-spacing:1px;}
#submenu2 a:hover { font-weight:bold;font-size:10px;text-decoration: none;color:#5176B5; letter-spacing:1px; }
#submenu { display:none }
#submenu2 a:hover { font-weight:bold;font-size:10px;text-decoration: none; color: #FFFFFF; }
#submenu {display:none;}
#submenu a:hover {background-color: #FFFFFF;}
#userlinks {
border: 1px solid #C2CFDF;
background-color: #e4e9f0;
color: #222222;
}

#userlinks2 {
border: 1px solid #986265;
background-color: #F4E7EA;
color: #222222;
font-size: 10px!important;
}
#userlinks TD, #userlinks2 TD {
font-size: 10px!important;
}

#userlinks {
border: 1px solid #C2CFDF;
background-color: #F0F5FA;
color: #222222;
}

#userlinks2 {
border: 1px solid #986265;
background-color: #F4E7EA;
color: #222222;
font-size: 10px!important;
}
#userlinks TD, #userlinks2 TD {
font-size: 10px!important;
}

#navstrip {
color: #999999;
font-size: 12px;
font-weight: bold;
padding: 6px 0px 6px 0px;
}
#navstrip a:link, #navstrip a:visited {
color: #222222;
text-decoration: none;
}
#navstrip a:active, #navstrip a:hover {
color: #5176B5;
}

.activeuserstrip { background-color:#BCD0ED; padding:6px }

.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://69.93.183.37/2383/192/upload/p1100846.gif); border-bottom:1px solid #5176B5; border-left:1px solid #FFF; border-right:1px solid #FFF; }

.row1 { background-color: #F5F9FD; }
.row2 { background-color: #DFE6EF; }
.row3 { background-color: #EEF2F7; }
.row4 { line-height: 125%; color: #333333; background-color: #E4EAF2; }
.row5 { line-height: 125%; color: #333333; background-color: #eeeeee;border-top:5px solid #FFFFFF; }

.darkrow1 { background-color: #C2CFDF; color: #4C77B6; }
.darkrow2 { background-color: #8394B2; color:#3A4F6C; padding:1px 1px 1px 1px; background-image:url(http://i15.photobucket.com/albums/a375/gtoonchamp12/backround.gif); background-repeat: repeat-x; background-position: top; }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }
.darkrow4 { background-color: #f9f9f9; border:1px solid #cccccc; }
.darkrow5 { border:1px solid #986265; background-color: #f4e7ea; margin:0px 0px 3px 0px; }
.darkrow6 { border:1px solid #c2cfdf; background-color: #f0f5fa; }

div.row4 { border-color: transparent!important;background-color:#EEEEEE; padding:2px;margin-bottom:6px;}

div.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium {
border-bottom: 1px solid #5176B5;
letter-spacing: 1px;
font-size: 10px;
font-weight: bold;
color: #3A4F6C;
padding: 7px;
margin: 0px;
background-image: url('http://i15.photobucket.com/albums/a375/gtoonchamp12/submenu.jpg');
}
.titlemedium a:hover, .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active {
text-decoration: none;
color: #3A4F6C;
}

.maintitle { border: 1px solid #FFF; border-bottom:0; font-size:12px; vertical-align:middle;font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-image: url(http://i15.photobucket.com/albums/a375/gtoonchamp12/backround.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #345487;background-color:#F5F9FD }

.tableborder {
border: 1px solid #072A66;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
width: 100%;
}

.tablefill { border:1px solid #345487;background-color:#F5F9FD;padding:6px; }
.tablepad { background-color:#F5F9FD;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#434951 }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE {
color: #465584;
background-color: #FAFCFE;
background-position: top right; background-repeat:no-repeat;
border-left: 4px solid #8394B2;
border-right: 1px dotted #000;
border-bottom: 1px dotted #000;
padding: 4px;
margin: 0px auto 8px auto; }

#CODE { font-family: Courier, Courier New, Verdana, Arial;
color: #465584;
background-color: #FAFCFE;
border: 1px dotted #000;
padding: 2px;
width:98%;
margin: 0px auto 0px auto;
/*overflow: auto;
height: 200px;*/ }

.copyright { color: #333333; padding: 8px; background-color: #EEEEEE; font-family: Verdana; font-size: 11px!important; }
.copyright a:active, .copyright a:link, .copyright a:visited { color: #333333; text-decoration: none; }
.copyright a:hover { color: #34498B; text-decoration: none; }

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { background-color: #dfe6ef; color: #FFFFFF; font-size: 11px; color: #000; border: 1px solid #999999; text-decoration: none; font-family: Verdana, Tahoma, Arial, sans-serif; vertical-align: middle }
.radiobutton { background-color: #FFFFFF}
.forminput2 { background-color: #FFFFFF; color: #FFFFFF; font-size: 11px; color: #000; border: 1px solid #999999; text-decoration: none; font-family: Verdana, Tahoma, Arial, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

#codetop
{
width:98%;
color: #000;
margin: 0px auto 0px auto;
font-weight:bold;
padding: 3px;
background-color:#FDDBCC;
background-image: url(http://forums.invisionpower.com/style_images/pro/css_img_code.gif);
background-position: right;
background-repeat: no-repeat;
}
#QUOTETOP
{
color: #000;
margin: 8px auto 0px auto;
font-weight:bold;
font-size:10px;
padding: 3px;
background-color:#E4EAF2;
background-image: url(http://forums.invisionpower.com/style_images/pro/css_img_quote.gif);
background-position: right;
background-repeat: no-repeat;
border-left: 4px solid #8394B2;
border-top: 1px dotted #000;
border-right: 1px dotted #000;
}

.errorwrap {
background: #F2DDDD;
border: 1px solid #992A2A;
border-top: 0;
margin: 5px;
padding: 0;
}

.errorwrap h4 {
background: #E3C0C0;
border: 1px solid #992A2A;
border-left: 0;
border-right: 0;
color: #992A2A;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 5px;
}

.errorwrap p {
background: transparent;
border: 0;
color: #992A2A;
margin: 0;
padding: 8px;
}
td.formbuttonrow,
.borderwrap p.formbuttonrow,
.borderwrap p.formbuttonrow1{
background: #c4c4c4 !important;
border: 1px solid #FFF;
border-top: 1px solid #5176B5;
margin: 0px !important;
padding: 5px !important;
text-align: center;
}

td.formbuttonrow{
border-bottom: 0;
border-left: 0;
border-right: 0;
}

.borderwrap p.formbuttonrow1{
background: #F9F9F9 !important;
border: 0;
border-top: 1px solid #CCC;
}

input.button{
margin: 0;
width: auto;
}

.textarea,
.searchinput,
.button,
.gobutton{
background: #FFF;
border: 1px solid #4C77B6;
color: #000;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
padding: 2px;
vertical-align: middle;
}

.button{
background: #DFE6EF;
}

.ipbtable { width:100% }

table.ipbtable,
tr.ipbtable,
td.ipbtable
{ /* required for text in tables, because tables do not inherit from body */
background: transparent;
color: #222;
font-size: 11px;
line-height: 135%;
}

.ipbtable td,
.divpad{ /* gives all tables faux cellpadding of 5px */
padding: 5px;
}

.formsubtitle{
background: #D1DCEB;
border: 1px solid #9FB9D4;
border-bottom: 0;
border-left: 0;
border-right: 0;
font-weight: normal;
}

.formsubtitle{
border: 0;
color: #3A4F6C;
font-weight: bold;
padding: 5px;
}

.borderwrap,
.borderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
background: #FFF;
border: 1px solid #072A66;
padding: 0px;
margin: 0px;
}

.borderwrapm{
margin: 5px;
}

.catend{
background: #8394B2;
color: #000;
font-size: 1px;
height: 5px;
}

.login { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://forums.invisionpower.com/style_images/pro/tile_cat.gif); border-top:1px solid #FFF; border-right:1px solid #FFF; border-left:1px solid #FFF; border-bottom:1px solid #5176B5; }

#loginlinksguest { border:1px solid #986265;
background-color: #F4E7EA;
text-align: center;
margin:0px 0px 3px 0px; }
</style>

This post has been edited by gamecubechamp12 on Jun 28 2007, 09:28 AM

Adam	Posted: Jun 19 2007, 07:58 AM
Coder Group: Spam Cleanup Posts: 68 Member No.: 979 Joined: 10-March 07	preview? --------------------

gamecubechamp12	Posted: Jun 19 2007, 09:49 AM
Advanced Member Group: Members Posts: 84 Member No.: 430 Joined: 29-April 06	http://z7.invisionfree.com/ipb230 NOTE: Profile images such as AIM, YIM, ICQ, MSN, WWW, Email, and camera.gif are NOT used in the new IPB skin, which is why they are blue. Replace them with Pulse's IPB Gray Skin. EDIT: Test Board Updated: a:hover property changed to be Official hover color This post has been edited by gamecubechamp12 on Jun 20 2007, 11:03 AM

Charles2525	Posted: Jun 19 2007, 01:27 PM
Pro-Active Member Group: Moderator Posts: 178 Member No.: 954 Joined: 3-March 07	Its nice but I like this skin better in my opinion.Great work tho! -------------------- :woot:

gamecubechamp12	Posted: Jun 19 2007, 01:55 PM
Advanced Member Group: Members Posts: 84 Member No.: 430 Joined: 29-April 06	I agree with you Charles, but this skin has been on for a while...what about using that skin selector on that Lo-Fi Bar?

Candor0	Posted: Jun 19 2007, 01:59 PM
Retired Administrator Group: Members Posts: 1,176 Member No.: 11 Joined: 7-November 05	I think it needs a fair bit of work before it can be passed as a knock off of the new style. This post has been edited by Candor0 on Jun 19 2007, 01:59 PM

Adam	Posted: Jun 20 2007, 03:47 AM
Coder Group: Spam Cleanup Posts: 68 Member No.: 979 Joined: 10-March 07	But skin is the same as the orginal blue of forum, just that is changed, so would there be the same style as on IPB forums? --------------------

gamecubechamp12	Posted: Jun 20 2007, 05:59 AM
Advanced Member Group: Members Posts: 84 Member No.: 430 Joined: 29-April 06	Thats the CSS problems and work that Candor0 just mentioned. I also stated above that only the images [tile_cat , tile_sub,] have changed

Adam	Posted: Jun 20 2007, 12:15 PM
Coder Group: Spam Cleanup Posts: 68 Member No.: 979 Joined: 10-March 07	GREAT, Cause skin will be great! --------------------

0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)

0 Members:

« Next Oldest | Skinning Support | Next Newest »