Jump to content

Css guide

Guest .KX

By Guest .KX
in Feedback

Recommended Posts

.KX Explorer

.KX

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

.KX Explorer

.KX

Posted
Posted

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.

cmanns Rookie

cmanns

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



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

cmanns

Posted
Posted

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:
Boozer Rookie

Boozer

Posted
Posted

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.
Pete T Mentor

Pete T

Posted
Posted

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

Ziv Grosu Proficient

Ziv Grosu

Posted
Posted

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?
Guest

Guest

Posted
Posted

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

FDFR Explorer

FDFR

Posted
Posted

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 Rising Star

TestingSomething

Posted
Posted

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

Brandon C

Posted
Posted

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 Rising Star

TestingSomething

Posted
Posted

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 members

    • No registered users viewing this page.
Invision Community © 2024 IPS, Inc.
×
×
  • Create New...