nokati:sajseven:Back2Basics - Simple Theme for activeCollab
I've developed a brilliant theme that sort of mimics Basecamp. I'm interested to find out whether or not anybody is interested in such a thing...
I might consider releasing it. It's all up to you...
Id like it - even if its unauthorized :)
Yep, like I've said before - this skin collection now focuses on simplicity and efficiency, and not mimicking Basecamp...
BTW: That's old news... It has been released, check the first post.
activeCollab Team Member (NOT)
sajseven:Back2Basics - An alternative collection of skins for activeCollab focusing on simplicity and efficiency.
The Back2Basics skin collection uses professionally matched colours and unbeatable web design to bring you the best interface you could possibly get. There are four colour packs: Oceanic Blue, Deep Green, Luxurious Red and Heavenly White. Each colour pack represents a different mood or feeling.
+1 for including them in the standard distribution (at least a 2 of them :), so that people who try the tool to have the chance to quickly play with the look and feel ).
M.
moho:sajseven:Back2Basics - An alternative collection of skins for activeCollab focusing on simplicity and efficiency.
The Back2Basics skin collection uses professionally matched colours and unbeatable web design to bring you the best interface you could possibly get. There are four colour packs: Oceanic Blue, Deep Green, Luxurious Red and Heavenly White. Each colour pack represents a different mood or feeling.
+1 for including them in the standard distribution (at least a 2 of them :), so that people who try the tool to have the chance to quickly play with the look and feel ).
M.
What exactly do you mean??
activeCollab Team Member (NOT)
He wants Ilija to include them in future aC versions, so aC administrators have something other than default theme to choose from.
Oh! I see...
@Ilija - You are completely welcome to put my theme in with the "default distribution", as stated above, but I would like to point out that this theme has an "IE CSS bug" in it - which means that the tabs line up incorrectly in Internet Explorer 6 or lower. It seems to work fine in IE 7, though.
Again, if anybody can help me fix this CSS bug, I would be extremely grateful and it would be incorporated into the next release, along with a few other things... (like new filetype icons, etc.)
@Ilija - You are completely welcome to put my theme in with the "default distribution", as stated above, but I would like to point out that this theme has an "IE CSS bug" in it - which means that the tabs line up incorrectly in Internet Explorer 6 or lower. It seems to work fine in IE 7, though.
Again, if anybody can help me fix this CSS bug, I would be extremely grateful and it would be incorporated into the next release, along with a few other things... (like new filetype icons, etc.)

activeCollab Team Member (NOT)
Hello sajseven went to the Back2Basics skin website clicked on the instructions on how to install the themes but the link is broke is there anyway you can post the instructions here or fix the link thanks in advance
Regards,
mano
Regards,
mano
Ahh! The phantom installation instructions... Ha! I've fixed it now. It's a small Adobe PDF and you're welcome to print it off if you wish!
Also, the new Sail Fast Forums are up, where you can also post problems. Try it at http://www.sailing-fast.com/forums.
Enjoy!
Also, the new Sail Fast Forums are up, where you can also post problems. Try it at http://www.sailing-fast.com/forums.
Enjoy!
activeCollab Team Member (NOT)
Check the forums and leave your comments!!
http://www.sailing-fast.com/forums/comments.php?DiscussionID=2
Don't forget to participate in the poll...
http://www.sailing-fast.com/forums/comments.php?DiscussionID=2
Don't forget to participate in the poll...
activeCollab Team Member (NOT)
The IE CSS BUG dealing with the Tabs that you were referring to can be fixed really simply. You have to modify the CSS in the "public/assets/themes/THEME-NAME/stylesheets/general/construction.css" for the tab selectors. I have posted the code below that is relevant with comments point out the changes. Tested in IE 6, 7, Firefox 2.0, and Safari. There are a few other bugs but other than that it is a solid template!
/** Tabs **/
#tabsWrapper {
width: 780px;
margin: 5px auto 0 auto;
text-align: left;
height: 23px;
}
#tabs {
float: left;
min-width: 20px;
height: 23px;
}
#tabs ul {
margin: 0;
padding: 0 10px;
list-style: none;
min-width: 20px;
height: 23px;
}
#tabs ul li {
margin: 0 1px;
float: left;
height: 23px;
min-width: 20px;
}
#tabs ul li a {
border: 0;
display: inline; <--CHANGE THIS TO INLINE INSTEAD OF BLOCK-->
padding: 0 15px;
padding-top: 5px; <--ADD PADDING TO THE TOP AND BOTTOM-->
padding-bottom: 4px;
background: url('../../images/layout/tab_left.gif') repeat-x top left;
text-align: center;
color: #fff;
font-size: 12px;
font-weight: normal;
line-height: 23px;
text-decoration: none;
height: 23px;
min-width: 20px;
}
#tabs ul li a:hover {
border: 0;
padding-top: 5px; <--ADD PADDING TO THE TOP AND BOTTOM-->
padding-bottom: 4px;
text-decoration: none;
background: url('../../images/layout/tab_left_over.gif') repeat-x top left;
height: 23px;
color: #000;
}
#tabs ul li.active {
font-weight: bold;
height: 23px;
}
#tabs ul li.active a {
padding: 0 10px;
background: url('../../images/layout/tab_active_left.gif') repeat-x top left;
color: #333;
font-weight: bold;
padding-top: 5px; <--ADD PADDING TO THE TOP AND BOTTOM-->
padding-bottom: 4px;
height: 23px;
}
#tabs ul li.active a:hover {
color: #333;
text-decoration: none;
font-weight: bold;
background: url('../../images/layout/tab_active_left.gif') repeat-x top left;
height: 23px;
padding-top: 5px; <--ADD PADDING TO THE TOP AND BOTTOM-->
padding-bottom: 4px;
}
/** Tabs **/
#tabsWrapper {
width: 780px;
margin: 5px auto 0 auto;
text-align: left;
height: 23px;
}
#tabs {
float: left;
min-width: 20px;
height: 23px;
}
#tabs ul {
margin: 0;
padding: 0 10px;
list-style: none;
min-width: 20px;
height: 23px;
}
#tabs ul li {
margin: 0 1px;
float: left;
height: 23px;
min-width: 20px;
}
#tabs ul li a {
border: 0;
display: inline; <--CHANGE THIS TO INLINE INSTEAD OF BLOCK-->
padding: 0 15px;
padding-top: 5px; <--ADD PADDING TO THE TOP AND BOTTOM-->
padding-bottom: 4px;
background: url('../../images/layout/tab_left.gif') repeat-x top left;
text-align: center;
color: #fff;
font-size: 12px;
font-weight: normal;
line-height: 23px;
text-decoration: none;
height: 23px;
min-width: 20px;
}
#tabs ul li a:hover {
border: 0;
padding-top: 5px; <--ADD PADDING TO THE TOP AND BOTTOM-->
padding-bottom: 4px;
text-decoration: none;
background: url('../../images/layout/tab_left_over.gif') repeat-x top left;
height: 23px;
color: #000;
}
#tabs ul li.active {
font-weight: bold;
height: 23px;
}
#tabs ul li.active a {
padding: 0 10px;
background: url('../../images/layout/tab_active_left.gif') repeat-x top left;
color: #333;
font-weight: bold;
padding-top: 5px; <--ADD PADDING TO THE TOP AND BOTTOM-->
padding-bottom: 4px;
height: 23px;
}
#tabs ul li.active a:hover {
color: #333;
text-decoration: none;
font-weight: bold;
background: url('../../images/layout/tab_active_left.gif') repeat-x top left;
height: 23px;
padding-top: 5px; <--ADD PADDING TO THE TOP AND BOTTOM-->
padding-bottom: 4px;
}
Topic is locked. If you have something important to say about issues discussed on this page please write at hi@a51dev.com.



