ObsessBlue 2.0 is done. I won’t be making any other skins for a while, enjoy. This new release features a jquery sliding pilot profile, updated tables. I added helpful hints in the css file that should make for easier editing of this skin. Feel free to download at my site, make sure to clear your cache if you’ve been there before.
BUMP
Nice!! Thanx for update!!
Very nice!
hey, i dont find, download link, where is!?!?
http://www.fspaintshop.com/?page_id=47
The link to download ias there.
Wait if i’m using old obsess blue how do i update? what files changed? I don’t want to lose all my css and information
Thanks!
The only thing I did to the css was add detailed info on how to edit. If you want to update don’t use the css
The only thing I did to the css was add detailed info on how to edit. If you want to update don’t use the css
Not Only CSS. I have a lot of text and info. So i just want to know what files need to be added so the new pilot center will work.
Beacause i uploaded table images + profile_main.tpl + jsqueryfile but for some reason the buttons (personal info,profile options,acars,etc..) isn’t light blue? it’s just white…
Roger,
a question dont know if asked yet how can the blue and the black box be removed?
Best Regards
Thomas
Roger,
a question dont know if asked yet how can the blue and the black box be removed?
Best Regards
Thomas
What Blue And Black Box? I mean where? In the new pilot center???
No I mean the ones that are below the ticker
where first has headline Look at me and second FsPaintShop
Best Regards
Thomas
Anyone have a copy of this laying around? FS Paintshop site is not available anymore as far as I can tell.
Roger,
a question dont know if asked yet how can the blue and the black box be removed?
Best Regards
Thomas
I don’t have the exact code anymore, but in the layout.tpl, look for the huge code that shows the information (you shouldn’t be able to miss it, as it takes up about 80 lines of code) and delete it. There are 2 different parts. If you have a hard time finding it, just look on your site for what it says in those boxes that you want to remove and find it in the template.
If I’m not mistaken, it is this code.
<div class="mcright">
<div class="mc01">
<div class="mc0101" style="left: 0px; top: 0px">
<img class="r0101" src="<?php echo SITE_URL?>/lib/skins/ObsessBlue/image/img_150.jpg" alt="" />
<img class="r0102" src="<?php echo SITE_URL?>/lib/skins/ObsessBlue/image/img_153.jpg" alt="" />
<img class="r0103" src="<?php echo SITE_URL?>/lib/skins/ObsessBlue/image/img_202.jpg" alt="" />
<img class="r0104" src="<?php echo SITE_URL?>/lib/skins/ObsessBlue/image/img_205.jpg" alt="" />
<div class="mcr">
<div class="mcr01">
Look at me
</div>
<div class="mcr02">
<script type="text/javascript">
// Highlighter Scroller II script- By JavaScript Kit (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit http://www.javascriptkit.com/
// This notice must stay intact
//CONFIGURE MESSAGES AND VARIABLES
var tickercontents=new Array()
tickercontents[0]='Feel free to visit FsPaintShop for more skins <a href="http://www.fspaintshop.com" target="blank">Visit!</a>'
tickercontents[1]='Hop on over to Va Central some time.'
tickercontents[2]='Be sure to visit PHPVMS for support with this system'
tickercontents[3]='You can change this in the frontpage_main.tpl file'
var tickerwidth="300px"
var tickerheight="25px"
var fontcss="font: bold 10px Verdana; color:black"
var tickdelay=4000 //delay btw messages
var highlightspeed=2 //2 pixels at a time.
var highlightcolor="white"
var backdroptextcolor="#E1E1E1"
////Do not edit pass this line////////////////
document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')
document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')
document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')
document.write('</div>')
var currentmessage=0
var clipbottom=1
function changetickercontent(){
msgheight=clipbottom=crosstick.offsetHeight
crosstick.style.clip="rect("+msgheight+"px auto auto 0px)"
crosstickbg.innerHTML=tickercontents[currentmessage]
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}
function highlightmsg(){
//var msgheight=crosstick.offsetHeight
if (clipbottom>0){
clipbottom-=highlightspeed
crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipbottom=msgheight
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}
function start_ticking(){
crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}
if (document.all || document.getElementById)
window.onload=start_ticking
</script>
</div>
</div>
</div>
<div class="mc0102">
<img class="r0101" src="<?php echo SITE_URL?>/lib/skins/ObsessBlue/image/img_155.jpg" alt="" />
<img class="r0102" src="<?php echo SITE_URL?>/lib/skins/ObsessBlue/image/img_157.jpg" alt="" />
<img class="r0103" src="<?php echo SITE_URL?>/lib/skins/ObsessBlue/image/img_207.jpg" alt="" />
<img class="r0104" src="<?php echo SITE_URL?>/lib/skins/ObsessBlue/image/img_209.jpg" alt="" />
<div class="mcl">
<div class="mcl01">
FsPaintShop
</div>
<div class="mcl02">
This Skin was ported by: FsPaintShop. Stop by at www.fspaintshop.com
</div>
</div>
</div>
</div>
Mark, can you explain to me exactly how you made it so your “NEWS” content lined up exactly with the top of the left navigation menu? I have tried several ways to get it to line up, but I still have an inch of blank space between the ticker and the News content.
Looks like a couple of unused divs in there, have a look at your frontpagemain.tpl should be nothing in there apart from the top div mcright then the show news module.
Not fully sure how v2 goes but thats how is is for v1.
Thanks Mark, it was actually on every single page, so I checked the layout.tpl for your suggestion, and was able to find it.
Where can i delete the Menu above the Header picture?
I dont need this
And now i will delete the links. In which tpl can i found this?
Thanks