Hello. I modified the Up Up Away skin to fit a theme I have in mind for my site. It works for me when I log in as ADMIN, but NOT when I clear cookies or when someone else views it. In the ADMIN all skins BUT the TrueBlood are hidden. It was suggested that maybe I hadn't converted it to work in 3.0. May I have instructions on how to do so?
Site: http://fiction-place.com/secret
The skin should look like: 
My altered code:
/*------------header.tpl--------------------------------------------------------------------------------------------------*/
a:link {color:#a82829; text-decoration: none;}
a:visited {color:#a82829; text-decoration: none;}
a:hover {color:#f9cdca; text-decoration: none;}
body {
background-image: url(images/bottle_back2.gif);
background-position:bottom right;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#830101;
margin:0;
font-family:Trebuchet MS,Book Antiqua,sans-serif;
font-size:9pt;
color:#f9cdca;
}
#container {width:800px; position:relative;}
#header {
background-image: url(images/svmtbbanner.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:transparent;
width:760px;
height:250px;
text-align:center;
}
#header #left {float:left; width:80%; padding:30px 0 0 0; text-align:center;}
#header #right {float:right; width:auto; padding:10px 0 0 0;}
#header #skin {padding:3px; margin:0 10px 0 0; border: 1px dashed #830101;}
#header #sitename {font-family:HobbyHeadline,Trebuchet MS,sans-serif; font-size:19pt; color:#f9cdca; font-weight:bold;}
#header #slogan {font-size:11pt; color:#f9cdca; font-variant:small-caps; margin:-5px 0 0 0;}
/*------------Navigation--------------------------------------------------------------------------------------------------*/
#nav {
background-color:transparent;
width:755px;
margin: 0 auto 0 auto;
padding:0 0 7px 0;
font-size:9pt;
color:#f9cdca;
font-weight:bold;
text-align:center;
border-bottom: 1px dashed #f9cdca;
}
#nav ul {display:inline; padding:0; margin:0 0 0 -15px; line-height:18px;}
#nav li {display:inline; padding:0; margin:0 0 0 13px; list-style-type:none;}
#nav a:link {color:#a82829; text-decoration: none;}
#nav a:visited {color:#a82829; text-decoration: none;}
#nav a:hover {color:#f9cdca; text-decoration: none;}
/*------------Main Content Area-------------------------------------------------------------------------------------------*/
#main_content {
background-color:transparent;
width:800px;
margin: 10px 0 0 0;
padding:0 0 0 3px;
float:left;
}
.content {padding:0 3px 0 3px;}
.title {width:100%; height:20px; margin: 0 0 3px 0; background-position: left top; background-repeat:no-repeat; height:20px;}
#pagetitle {
background: url(images/);
width:752px; height:20px;
margin:0 0 10px 0;
font-family:HobbyHeadline,Trebuchet MS,sans-serif; text-align:center; font-size:14px;
letter-spacing:1px; text-transform:capitalize;
border: 1px solid #f9cdca;}
#pagetitle a:link {color:#a82929; text-decoration: none;}
#pagetitle a:visited {color:#a82929; text-decoration: none;}
#pagetitle a:hover {color:#f9cdca; text-decoration: none;}
#alphabet {margin:5px 0 5px 0; text-align:center;}
/*------------Left Content (Index)----------------------------------------------------------------------------------------*/
#leftindex {
width:528px;
float:left;
margin:0 7px 0 0;
}
.welcome {margin:0 0 5px 0; color:#f9cdca;}
.categories {margin:0 0 10px 0; border: 1px solid #830101;}
.news {border: 1px solid #830101;}
#cat_title {background: url(images/cat_title.gif);}
#news_title {background: url(images/news_title.gif);}
/*------------newsbox.tpl-------------------------------------------------------------------------------------------------*/
#newsbox {margin:0 0 25px 0; padding:2px;}
#newsarchive {text-align:center; margin-top:-5px;}
.newstitle {font-size:10pt; font-weight:bolder; text-align:center; margin-bottom:10px;}
.commentsig {margin-bottom:15px; font-style:italic;}
/*------------Right Content (Index)---------------------------------------------------------------------------------------*/
#rightindex {
width:219px;
float:left;
}
.info {margin:0 0 10px 0; border: 1px solid #830101;}
.random {margin:0 0 10px 0; border: 1px solid #830101;}
.recent {border: 1px solid #830101;}
#info_title {background: url(images/info_title.gif);}
#random_title {background: url(images/random_title.gif);}
#recent_title {background: url(images/recent_title.gif);}
/*------------user.tpl----------------------------------------------------------------------------------------------------*/
#bio p {margin:5px 0 15px 0;}
#bio #sort {width:173px; margin-left:580px;}
#tabs {width:752px; height:20px; margin:10px 0 20px 0; font-weight:bold; text-align:center;}
#tabs #active {background-color:#830101;}
#tabs .lefttab {width:242px; float:left; margin-right:4px; padding:2px; border: 1px solid #830101;}
#tabs .centertab {width:242px; float:left; margin-right:4px; padding:2px; border: 1px solid #830101;}
#tabs .righttab {width:242px; float:left; padding:2px; border: 1px solid #830101;}
#active a:link {color:#a82929; text-decoration: none;}
#active a:visited {color:#a82929; text-decoration: none;}
#active a:hover {color:#f9cdca; text-decoration: none;}
/*------------listings.tpl------------------------------------------------------------------------------------------------*/
.sectionheader {margin-bottom:15px; font-size:12pt; text-align:center; font-weight:bolder;}
#listbox {margin:0 0 25px 0; padding:2px;}
.title {font-size:10pt;}
#featured {float:left; margin-right:3px;}
#tail {margin-top:10px; text-align:center;}
/*------------viewstory.tpl-----------------------------------------------------------------------------------------------*/
#notes {width:500px; margin:10px auto 20px auto; padding:2px; border:1px dashed #830101;}
#notes .title {font-weight:bolder; margin-bottom:10px;}
.jumpmenu {margin-bottom:10px; text-align:right;}
#pagelinks {margin-top:10px; text-align:center;}
#story {margin-top:20px;}
/*------------Other CSS--------------------------------------------------------------------------------------------------*/
#sort {
width:752px;
margin:10px auto 10px auto;
text-align: center;
clear: both;
}
input, textarea {background-color:transparent; border:1px solid #830101;}
.classification {font-weight:bolder;}
.adminoptions {margin-top:15px;}
.sectionheader {font-weight:bold;}
.submit {margin-top:10px; text-align:center;}
.respond {text-align:center; margin-bottom:20px;}
/*------------footer.tpl--------------------------------------------------------------------------------------------------*/
#footer {
width:752px;
padding:50px 0 0 3px;
color:#f9cdca;
clear:both;
}
Thank you for any help.
It looks like the one pictured now, and not CSSZen. The 2.0 to 3.0 conversion shouldn't have anything to do with that problem anyway. The problem would really be certain features not working. One thing that was changed was the way profiles work.
The best guide on converting skins can be found in the wiki here: https://efiction.org/wiki/index.php5?title=Converting_Skins_from_2.0_to_3.0 I'd suggest looking at this page and familiarizing yourself with the way skins work in 3.0 as the best course of action: https://efiction.org/wiki/index.php5?title=Creating_Skins_for_3.0
Converting a skin can be difficult and frustrating, especially depending on whether the 2.0 version was written with tables or divs. The default_tpls are written with divs so the table method (which many older skins use) isn't really easily compatible, which means you'll likely have to create each and every file for your skin, something that doesn't normally have to be done. (Or you'll have to convert to divs which means you essentially have to rewrite the entire skin.)
Thank you for your help. I will bookmark the links for future reference. I think I fixed it since it seems to be working correctly. I don't thinhk it was a version error, just that i did not have it set as the default in the Settings. 🙂
Thanks again!
You may want to fix some of the stuff to work better on different screen resolutions. My normal window size is fairly square, and the picture of that guy is all up under the header (pull your browser window sides in and you'll see what I mean). I've got 1280x1024 and the Firefox window is smaller though proportional. I think my experience is fairly common so you'll probably have other users who will see similar.
hmm....I see what you mean...
Ok...Can you tell me how to adjust the settings to work for everyone, or should I just post a "works with blah blah" on the main page?
There's different things to do, so it depends on what you prefer. If there's a way to make that space to the right a fixed width, that might work.
Hmmm...that part is here:
body {
background-image: url(images/bottle_back2.gif);
background-position:bottom right;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#830101;
margin:0;
font-family:Trebuchet MS,Book Antiqua,sans-serif;
font-size:9pt;
color:#f9cdca;
}
I am not really sure if I CAN or how I would. I need to email Gokugirl since it is her code. Thanks.
