Jump to content
Holiday Closure, Support Availability Notice

Css guide

Guest .KX
Guest .KX
in Feedback

Featured Replies

Posted

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.

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

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.

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.

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 :)

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

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

Excellent! :)

wil this include a guide for css_rte.css ?

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:

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.

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.

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

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



no it is not the case

:)

no it is not the case



:)



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

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

Every think in code box is new stuff hope that helps


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

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?

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

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 ?

:)

#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.

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?

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.

Archived

This topic is now archived and is closed to further replies.

Go to topic listing

Recently Browsing 0

  • No registered users viewing this page.