Css guide

.KX · October 27, 2006

Any chances that someone will make a css guide for 2.2 once it hits final? I mean there is so much damn css for IPB that it gets hard to know what does what sometimes.

Will L. · October 27, 2006

Alex Duggan made an excellent guide for 2.0 and 2.1 I think he MIGHT do one as nice for 2.2

.KX · October 27, 2006

Let's hope he does.

I already know of his excellent guides for 2.0 and 2.1, those helped me greatly when I first started making forum skins.

Antony · October 27, 2006

I'd like Rikki to continue with those lovely flash guides he made a while back - those were really useful and I found them quite intuitive.

cmanns · October 29, 2006

Any chances that someone will make a css guide for 2.2 once it hits final? I mean there is so much damn css for IPB that it gets hard to know what does what sometimes.

I bet you theres a program that does hover over in the page with it - also you can use dreamweaver to get a good idea by changing the css file it will real time change

Let's hope he does.

I already know of his excellent guides for 2.0 and 2.1, those helped me greatly when I first started making forum skins.

its basically the old with the new added on - why don't you update his guide :)

.KX · October 29, 2006

I'd give it a go but css is not one of my strong points...

Alex Duggan · October 29, 2006

It will be updated for IPB 2.2 - I'm working on it now infact :)

Brandon C · October 29, 2006

Excellent! :)

dflorin · October 29, 2006

wil this include a guide for css_rte.css ?

FDFR · October 29, 2006

Hello

http://guide-css.invisionpower.fr/

;)

cmanns · October 29, 2006

I'd give it a go but css is not one of my strong points...

:( sorry to hear

It will be updated for IPB 2.2 - I'm working on it now infact :)

yay I love you for your guides :blink:

TestingSomething · October 29, 2006

I just want to know all of the CSS CHANGES, to convert my skins. Not ALL of the changes are at the bottom of the 2.2 style sheet.

steve777 · October 30, 2006

Hello

http://guide-css.invisionpower.fr/

;)

that looks good .. .except missing some parts ... e.g.

.ipb-top-left-link,
.ipb-top-right-link

Boozer · October 30, 2006

that looks good .. .except missing some parts ... e.g.
.ipb-top-left-link,
.ipb-top-right-link

and also it doesnt seem to have the topic creation pages and other things such as that.

.KX · October 31, 2006

It seems to me that the French css guide is a WIP?

FDFR · October 31, 2006

It seems to me that the French css guide is a WIP?

no it is not the case

:)

Ziv Grosu · October 31, 2006

no it is not the case

:)

That looks very good :) Is the French css guide will be to the full version too?

Pete T · October 31, 2006

I just want to know all of the CSS CHANGES, to convert my skins. Not ALL of the changes are at the bottom of the 2.2 style sheet.

#submenu{
background: transparent url(style_images/1/tile_sub.gif);
border: 1px solid #FFF;
border-top: 0;
color: #3A4F6C;
margin: 0;
height: 28px;
text-align: right;
}

.ipb-top-left-link,
 .ipb-top-right-link
 {
     background: transparent url(style_images/1/tile_sub-lite.gif);
     float: right;
     font-size: 10px;
     font-weight: bold; 
     letter-spacing: 0.5px;
     margin: 0px;
     padding: 7px 0 7px 0;
     width: auto;
     border-left:  1px solid #dce3ee;
 }

 .ipb-top-left-link
 {
     float: left;
     border-left: 0px;
     border-right: 1px solid #dce3ee;
 }

 .ipb-top-left-link a:link, 
 .ipb-top-left-link a:visited,
 .ipb-top-right-link a:link, 
 .ipb-top-right-link a:visited
 { 
     background: transparent; 
     color: #3A4F6C;
     padding: 0 6px 0 6px;
     text-decoration: none;
 }

 .ipb-top-left-link a:hover, 
 .ipb-top-left-link a:active,
 .ipb-top-right-link a:hover, 
 .ipb-top-right-link a:active
 {
     background: transparent; 
     color: #5176B5; 
 }

#userlinks, /* -------------------------------- */ /* Create PM box defaults */ /* -------------------------------- */ .iframeshim { position:absolute; display:none; background: #FFF; filter:alpha(opacity=0); border:0px; width:auto; height:auto; }

/* -------------------------------- */
/* Experimental                     */
/* -------------------------------- */

.popupmenu,
.popupmenu-new
{
   background: #F0F5FA;
   border: 1px solid #3A4F6C;
   text-align:left;
   font-size:10px;
   white-space:nowrap;
   /*padding:3px 5px 3px 3px;*/
   /*width:300px;*/
}

.popupmenu-item
{
    padding: 5px;
    /*margin-top:4px;*/
    white-space: nowrap;
    border-bottom: 1px solid #C2CFDF;
    color:  #000000;
    font-weight: normal;
}

.popupmenu-item-last
{
    padding: 5px;
    /*margin-top:4px;*/
    white-space: nowrap;
    color:  #000000;
    font-weight: normal;
}

.popmenubutton-new,
.popmenubutton
{
    width:120px;
    white-space:nowrap;
    background-color: #C2CFDF;
    border:1px solid #3A4F6C;
    color: #3A4F6C;
    font-weight:bold;
    float:right;
    height:18px;
    text-align:center;
    margin:0px;
    font-size:11px;
    padding:3px;
}

.popmenubutton-new
{
    float:none;
    width:auto;
    text-align:left;
    height:auto;
    padding:3px;
    font-weight:normal;
    background-color:#EEF2F7;
    background-image: url(style_images/1/menu_action_down-padded.gif);
    background-repeat: no-repeat;
    background-position: right;
}

.popmenubutton-new-out
{
    padding:4px;
}

.popupmenu-new
{
    background-color: #DFE6EF;
}


.popmenubutton a:link, 
.popmenubutton a:visited,
.popmenubutton-new a:link, 
.popmenubutton-new a:visited,
.popupmenu-item a:link, 
.popupmenu-item a:visited,
.popupmenu-item-last a:link, 
.popupmenu-item-last a:visited
{ 
    color: #3A4F6C; 
    text-decoration: none;
}

.popmenubutton a:hover,
.popmenubutton-new a:hover,
.popupmenu-item a:hover, 
.popupmenu-item-last a:hover
{ 
    color: #5176B5; 
    text-decoration: none;
}

.popupmenu-category
{ 
    background: transparent url(style_images/1/tile_sub.gif);
    border-top: 1px solid #5176B5;
    border-bottom: 1px solid #5176B5;
    color: #3A4F6C; 
    font-size: 10px;
    font-weight: bold; 
    letter-spacing: 1px;
    margin: 0; 
    padding: 5px; 
}

/* -------------------------------- */
/* Loading box
/* -------------------------------- */

#loading-layer-inner
{
    width:220px;
    height:28px;
    padding:18px 10px 10px 10px;
    text-align:center;
    color: #000;
    border: 1px solid;
    border-color:#CCC #666 #666 #CCC;
    background-color: #FCF8C7;
}

/* -------------------------------- */
/* Message in a bo(x|ttle)
/* -------------------------------- */

#ipd-msg-wrapper
{
    display: none;
    width: 220px;
}

#ipd-msg-inner
{
    width:100%;
    height:45px;
    padding: 6px 4px 4px 4px;
    margin: 0px;
    text-align:center;
    color: #000;
    border: 1px solid;
    border-color:#ccc #666 #666 #ccc;
    background-color: #FCF8C7;
    filter:alpha(opacity=75);
    opacity:.75
}

#ipd-msg-title
{
    width: 100%;
    height:20px;
    margin: 0px;
    padding: 6px 4px 4px 4px;
    background: transparent url(style_images/1/css_pp_header.gif);
    border: 1px solid #3A4F6C;
    border-bottom: 0px;
    color: #3A4F6C;
    color: #FFF;
}

.linked-image
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.resized-linked-image
{
    margin: 4px 0px 0px 0px;
    padding: 0px;
    background-color: #000;
    border: 0px;
    color: #FFF;
}

/* -------------------------------- */
/* Personal Profile
/* -------------------------------- */

.pp-name
{ 
    background: #F0F5FA;
    border: 1px solid #C2CFDF;
    margin: 0px;
    padding: 10px;
}

.pp-name h3
{
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:24px;
}

.pp-header
{ 
    background: transparent url(style_images/1/tile_sub.gif);
    color: #3A4F6C; 
    font-size: 10px;
    font-weight: bold; 
    margin: 0px 0px 1px 0px; 
    padding: 5px; 
}

.pp-title
{
    background: url(style_images/1/css_pp_header.gif);
    border-bottom: 1px solid #5176B5;
    color: #FFF; 
    font-size: 12px;
    font-weight: bold; 
    margin: 0px;
    padding: 8px;
}

.pp-datebox
{
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #555555;
    padding: 4px;
    margin-left: 4px;
    margin-bottom: 4px;
    font-size:24px;
    font-weight:bold;
    line-height: 100%;
    letter-spacing: -1px;
    float:right;
    width: 80px;
}

.pp-datebox em
{
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
}

.pp-contentbox-back
{
    background-image: url(style_images/1/folder_profile_portal/pp-css-contentblock.gif);
    background-repeat: repeat-x;
    background-color: #ACBFD9;
    padding: 6px;
}

.pp-contentbox-entry,
.pp-contentbox-entry-noheight,
.pp-contentbox-entry-noheight-mod,
.pp-contentbox-entry-noheight-sel
{
    background-color: #EEF2F7;
    border: 1px solid #888888;
    line-height: 140%;
    padding: 12px;
    margin-bottom: 6px;
    height: 200px;
    overflow: auto;
}

.pp-contentbox-entry-noheight-sel
{
    background-color:#FCECCD;
}

.pp-contentbox-entry-noheight-mod
{
    background-color:#FDF1DA;
}

.pp-contentbox-entry-noheight,
.pp-contentbox-entry-noheight-mod,
.pp-contentbox-entry-noheight-sel
{
    height: auto;
}

.pp-image-thumb-wrap,
.pp-image-thumb-wrap-floatright,
.pp-image-mini-wrap,
.pp-image-mini-wrap-floatright
{
    width: 52px;
    height: 52px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #555555;
    padding: 4px;
    margin-top: auto;
    margin-bottom: auto;
}

.pp-image-mini-wrap,
.pp-image-mini-wrap-floatright
{
    width: 27px;
    height: 27px;
    margin-top: auto;
    margin-bottom: auto;
}

.pp-image-thumb-wrap-floatright,
.pp-image-mini-wrap-floatright
{
    float:right;
}

.pp-tiny-text
{
    color: gray;
    font-size: 10px;
}

.pp-mini-content-entry,
.pp-mini-content-entry-noheight,
.pp-mini-entry-noheight-shaded
{
    background-color: #F5F9FD;
    padding: 6px;
    border-bottom: 1px dotted #555555;
    clear:both;
    width: auto;
    height: 60px;
}

.pp-mini-entry-noheight-shaded
{
    background-color: #E3DFE7;
}

.pp-mini-content-entry-noheight,
.pp-mini-entry-noheight-shaded
{
    height: auto;
}

.pp-tabclear,
.pp-maintitle
{
    background: url(style_images/1/css_pp_header.gif);
    border: 1px solid #FFF;
    border-bottom: 1px solid #5176B5;
    color: #FFF; 
    font-size: 12px;
    font-weight: bold; 
    margin: 0px;
    padding: 8px;
}

.pp-tabclear
{
    border:0px;
    border-right: 1px solid #072A66;
    border-left: 1px solid #072A66;
}

.pp-tabon
{
    border-top:1px solid #3363A1;
    border-left:1px solid #3363A1;
    border-right:1px solid #3363A1;
    background-color:#6696D6;
    color:#FFFFFF;
    padding:8px;
    float:left;
    width:auto;
    background-image: url(style_images/1/css_pp_tab_on.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-top:3px;
    font-size:10px;
}

.pp-taboff,
.pp-tabshaded
{
    border-top: 1px solid #759BC7;
    border-left: 1px solid #759BC7;
    border-right: 1px solid #759BC7;
    background-color: #3363A1;
    color: #3363A1;
    padding:8px;
    float: left;
    width: auto;
    background-image: url(style_images/1/css_pp_tab_off.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-top:3px;
    font-size:10px;
}

.pp-tabshaded
{
    background-image: url(style_images/1/css_pp_tab_shaded.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    color: #516795;
    border-top: 1px solid #7f9BBC;
    border-left: 1px solid #7f9BBC;
    border-right: 1px solid #7f9BBC;
}

.pp-tabon a:link, 
.pp-tabon a:visited, 
.pp-tabon a:active
{
    text-decoration:none;
    color: #FFFFFF;
}

.pp-taboff a:link, 
.pp-taboff a:visited, 
.pp-taboff a:active,
.pp-tabshaded a:link, 
.pp-tabshaded a:visited, 
.pp-tabshaded a:active
{
    text-decoration:none;
    color: #3363A1;
}

.pp-tabwrap
{
    height: 35px;
    margin:0px;
    padding:0px;
}
.formsubtitle1 {    border: 0;
    color: #3A4F6C;
    font-weight: bold;
    padding: 5px;
}

Every think in code box is new stuff hope that helps

UBERHOST.NET · October 31, 2006

Every think in code box is new stuff hope that helps

Good work Pete, many thanks for sharing. :thumbsup: :thumbsup:

Ziv Grosu · October 31, 2006

Good work Pete, many thanks for sharing. :thumbsup: :thumbsup:

Yea ,it's an excellent work. All the respect for the help's member: pete t >_<

and what with my question? :(

no it is not the case

:)

That looks very good :) Will the French css guide be the full version too?

October 31, 2006

isn't a css guide supposed to be language independent?

FDFR · October 31, 2006

That looks very good :) Is the French css guide will be to the full version too?

I don't understand what you tried to say.

isn't a css guide supposed to be language independent?

what is an independent language for you ?

:)

TestingSomething · November 1, 2006

#submenu{

background: transparent url(style_images/1/tile_sub.gif);

border: 1px solid #FFF;

border-top: 0;

color: #3A4F6C;

margin: 0;

height: 28px;

text-align: right;

}

.ipb-top-left-link,
.ipb-top-right-link
{
     background: transparent url(style_images/1/tile_sub-lite.gif);
     float: right;
     font-size: 10px;
     font-weight: bold; 
     letter-spacing: 0.5px;
     margin: 0px;
     padding: 7px 0 7px 0;
     width: auto;
     border-left:  1px solid #dce3ee;
}

.ipb-top-left-link
{
     float: left;
     border-left: 0px;
     border-right: 1px solid #dce3ee;
}

.ipb-top-left-link a:link, 
.ipb-top-left-link a:visited,
.ipb-top-right-link a:link, 
.ipb-top-right-link a:visited
{ 
     background: transparent; 
     color: #3A4F6C;
     padding: 0 6px 0 6px;
     text-decoration: none;
}

.ipb-top-left-link a:hover, 
.ipb-top-left-link a:active,
.ipb-top-right-link a:hover, 
.ipb-top-right-link a:active
{
     background: transparent; 
     color: #5176B5; 
}

#userlinks, /* -------------------------------- */ /* Create PM box defaults */ /* -------------------------------- */ .iframeshim { position:absolute; display:none; background: #FFF; filter:alpha(opacity=0); border:0px; width:auto; height:auto; }

/* -------------------------------- */
/* Experimental                     */
/* -------------------------------- */

.popupmenu,
.popupmenu-new
{
   background: #F0F5FA;
   border: 1px solid #3A4F6C;
   text-align:left;
   font-size:10px;
   white-space:nowrap;
   /*padding:3px 5px 3px 3px;*/
   /*width:300px;*/
}

.popupmenu-item
{
    padding: 5px;
    /*margin-top:4px;*/
    white-space: nowrap;
    border-bottom: 1px solid #C2CFDF;
    color:  #000000;
    font-weight: normal;
}

.popupmenu-item-last
{
    padding: 5px;
    /*margin-top:4px;*/
    white-space: nowrap;
    color:  #000000;
    font-weight: normal;
}

.popmenubutton-new,
.popmenubutton
{
    width:120px;
    white-space:nowrap;
    background-color: #C2CFDF;
    border:1px solid #3A4F6C;
    color: #3A4F6C;
    font-weight:bold;
    float:right;
    height:18px;
    text-align:center;
    margin:0px;
    font-size:11px;
    padding:3px;
}

.popmenubutton-new
{
    float:none;
    width:auto;
    text-align:left;
    height:auto;
    padding:3px;
    font-weight:normal;
    background-color:#EEF2F7;
    background-image: url(style_images/1/menu_action_down-padded.gif);
    background-repeat: no-repeat;
    background-position: right;
}

.popmenubutton-new-out
{
    padding:4px;
}

.popupmenu-new
{
    background-color: #DFE6EF;
}


.popmenubutton a:link, 
.popmenubutton a:visited,
.popmenubutton-new a:link, 
.popmenubutton-new a:visited,
.popupmenu-item a:link, 
.popupmenu-item a:visited,
.popupmenu-item-last a:link, 
.popupmenu-item-last a:visited
{ 
    color: #3A4F6C; 
    text-decoration: none;
}

.popmenubutton a:hover,
.popmenubutton-new a:hover,
.popupmenu-item a:hover, 
.popupmenu-item-last a:hover
{ 
    color: #5176B5; 
    text-decoration: none;
}

.popupmenu-category
{ 
    background: transparent url(style_images/1/tile_sub.gif);
    border-top: 1px solid #5176B5;
    border-bottom: 1px solid #5176B5;
    color: #3A4F6C; 
    font-size: 10px;
    font-weight: bold; 
    letter-spacing: 1px;
    margin: 0; 
    padding: 5px; 
}

/* -------------------------------- */
/* Loading box
/* -------------------------------- */

#loading-layer-inner
{
    width:220px;
    height:28px;
    padding:18px 10px 10px 10px;
    text-align:center;
    color: #000;
    border: 1px solid;
    border-color:#CCC #666 #666 #CCC;
    background-color: #FCF8C7;
}

/* -------------------------------- */
/* Message in a bo(x|ttle)
/* -------------------------------- */

#ipd-msg-wrapper
{
    display: none;
    width: 220px;
}

#ipd-msg-inner
{
    width:100%;
    height:45px;
    padding: 6px 4px 4px 4px;
    margin: 0px;
    text-align:center;
    color: #000;
    border: 1px solid;
    border-color:#ccc #666 #666 #ccc;
    background-color: #FCF8C7;
    filter:alpha(opacity=75);
    opacity:.75
}

#ipd-msg-title
{
    width: 100%;
    height:20px;
    margin: 0px;
    padding: 6px 4px 4px 4px;
    background: transparent url(style_images/1/css_pp_header.gif);
    border: 1px solid #3A4F6C;
    border-bottom: 0px;
    color: #3A4F6C;
    color: #FFF;
}

.linked-image
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.resized-linked-image
{
    margin: 4px 0px 0px 0px;
    padding: 0px;
    background-color: #000;
    border: 0px;
    color: #FFF;
}

/* -------------------------------- */
/* Personal Profile
/* -------------------------------- */

.pp-name
{ 
    background: #F0F5FA;
    border: 1px solid #C2CFDF;
    margin: 0px;
    padding: 10px;
}

.pp-name h3
{
    margin:0px;
    padding:0px 0px 5px 0px;
    font-size:24px;
}

.pp-header
{ 
    background: transparent url(style_images/1/tile_sub.gif);
    color: #3A4F6C; 
    font-size: 10px;
    font-weight: bold; 
    margin: 0px 0px 1px 0px; 
    padding: 5px; 
}

.pp-title
{
    background: url(style_images/1/css_pp_header.gif);
    border-bottom: 1px solid #5176B5;
    color: #FFF; 
    font-size: 12px;
    font-weight: bold; 
    margin: 0px;
    padding: 8px;
}

.pp-datebox
{
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #555555;
    padding: 4px;
    margin-left: 4px;
    margin-bottom: 4px;
    font-size:24px;
    font-weight:bold;
    line-height: 100%;
    letter-spacing: -1px;
    float:right;
    width: 80px;
}

.pp-datebox em
{
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
}

.pp-contentbox-back
{
    background-image: url(style_images/1/folder_profile_portal/pp-css-contentblock.gif);
    background-repeat: repeat-x;
    background-color: #ACBFD9;
    padding: 6px;
}

.pp-contentbox-entry,
.pp-contentbox-entry-noheight,
.pp-contentbox-entry-noheight-mod,
.pp-contentbox-entry-noheight-sel
{
    background-color: #EEF2F7;
    border: 1px solid #888888;
    line-height: 140%;
    padding: 12px;
    margin-bottom: 6px;
    height: 200px;
    overflow: auto;
}

.pp-contentbox-entry-noheight-sel
{
    background-color:#FCECCD;
}

.pp-contentbox-entry-noheight-mod
{
    background-color:#FDF1DA;
}

.pp-contentbox-entry-noheight,
.pp-contentbox-entry-noheight-mod,
.pp-contentbox-entry-noheight-sel
{
    height: auto;
}

.pp-image-thumb-wrap,
.pp-image-thumb-wrap-floatright,
.pp-image-mini-wrap,
.pp-image-mini-wrap-floatright
{
    width: 52px;
    height: 52px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #555555;
    padding: 4px;
    margin-top: auto;
    margin-bottom: auto;
}

.pp-image-mini-wrap,
.pp-image-mini-wrap-floatright
{
    width: 27px;
    height: 27px;
    margin-top: auto;
    margin-bottom: auto;
}

.pp-image-thumb-wrap-floatright,
.pp-image-mini-wrap-floatright
{
    float:right;
}

.pp-tiny-text
{
    color: gray;
    font-size: 10px;
}

.pp-mini-content-entry,
.pp-mini-content-entry-noheight,
.pp-mini-entry-noheight-shaded
{
    background-color: #F5F9FD;
    padding: 6px;
    border-bottom: 1px dotted #555555;
    clear:both;
    width: auto;
    height: 60px;
}

.pp-mini-entry-noheight-shaded
{
    background-color: #E3DFE7;
}

.pp-mini-content-entry-noheight,
.pp-mini-entry-noheight-shaded
{
    height: auto;
}

.pp-tabclear,
.pp-maintitle
{
    background: url(style_images/1/css_pp_header.gif);
    border: 1px solid #FFF;
    border-bottom: 1px solid #5176B5;
    color: #FFF; 
    font-size: 12px;
    font-weight: bold; 
    margin: 0px;
    padding: 8px;
}

.pp-tabclear
{
    border:0px;
    border-right: 1px solid #072A66;
    border-left: 1px solid #072A66;
}

.pp-tabon
{
    border-top:1px solid #3363A1;
    border-left:1px solid #3363A1;
    border-right:1px solid #3363A1;
    background-color:#6696D6;
    color:#FFFFFF;
    padding:8px;
    float:left;
    width:auto;
    background-image: url(style_images/1/css_pp_tab_on.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-top:3px;
    font-size:10px;
}

.pp-taboff,
.pp-tabshaded
{
    border-top: 1px solid #759BC7;
    border-left: 1px solid #759BC7;
    border-right: 1px solid #759BC7;
    background-color: #3363A1;
    color: #3363A1;
    padding:8px;
    float: left;
    width: auto;
    background-image: url(style_images/1/css_pp_tab_off.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin-top:3px;
    font-size:10px;
}

.pp-tabshaded
{
    background-image: url(style_images/1/css_pp_tab_shaded.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    color: #516795;
    border-top: 1px solid #7f9BBC;
    border-left: 1px solid #7f9BBC;
    border-right: 1px solid #7f9BBC;
}

.pp-tabon a:link, 
.pp-tabon a:visited, 
.pp-tabon a:active
{
    text-decoration:none;
    color: #FFFFFF;
}

.pp-taboff a:link, 
.pp-taboff a:visited, 
.pp-taboff a:active,
.pp-tabshaded a:link, 
.pp-tabshaded a:visited, 
.pp-tabshaded a:active
{
    text-decoration:none;
    color: #3363A1;
}

.pp-tabwrap
{
    height: 35px;
    margin:0px;
    padding:0px;
}
.formsubtitle1 {    border: 0;
    color: #3A4F6C;
    font-weight: bold;
    padding: 5px;
}

Every think in code box is new stuff hope that helps

Thanks. Hmm, I did indeed catch everything already then, but somehow something doesnt look right on my skin. I guess I missed something somewhere else or else in the person's custom changes, something may have cuased this, but the links are blended into the member bar.

Also, do you by chance happen to know offhand which FILES and IMAGES would need to be added to directories for other skins? I see that tile_sub_lite is one. And I saw some files that needed to be put into proper places. But somehow I must be MISSING something because when I go to a topic page then I have to click the back button twice to get to the previous page, for example.

Brandon C · November 1, 2006

Thanks. Hmm, I did indeed catch everything already then, but somehow something doesnt look right on my skin. I guess I missed something somewhere else or else in the person\'s custom changes, something may have cuased this, but the links are blended into the member bar.

Also, do you by chance happen to know offhand which FILES and IMAGES would need to be added to directories for other skins? I see that tile_sub_lite is one. And I saw some files that needed to be put into proper places. But somehow I must be MISSING something because when I go to a topic page then I have to click the back button twice to get to the previous page, for example.

Not trying to be rude or anything, but did you have to quote that entire, extremely long code box?

TestingSomething · November 1, 2006

lmao, sorry. Wow, I didn't even think when I did that. I will edit it.

ok I fixed my js problem. I think somehow when I upgraded to RC2, the file in the js_skin folder did not overwrite.

NOTE TO PEOPLE:
Other than the CSS and template changes, ehre is what you do for your skins when upgrading to 2.2:
1. remember to upload the FOLDERS in your 2.2 download from style_images/1/ to style_images/(your skin'd image directory)/ (you could skip the team icons folder and post icons one if you want)
2. The new IMAGES to put into style_images/(your skin's directory) are: rating_0.gif, rating_0_mini.gif menu_action_down-padded.gif, index.html, img-resized.png, iframe.html, close.png, tile_sub-lite.gif, loading-anim.gif, all of the css_ images, blank.gif

Maybe some of those are already there, but if not.... those are the images to add in and not be losing modified images.

So I have only ONE problem left. If you look at http://www.gotzelda.com/index.php?&skinid=3 whatever caused that problem up there with the links being wrong color and blended in with the member bar.... I guess something in the changed CSS did that, because it wasnt that way until now.

edit: *sigh* it bugs me so bad I cant figure out what blended those. And I guess whatever the top_left and top_right links get their color attributes from is causing that blended in color. But why member bar is not UNDER the links I have no clue.

Css guide

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Archived

Recently Browsing 0 members