Jump to content
RogerB

ObsessBlue 2.0

Recommended Posts

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.

profile1.png

profile2.png

new_obsess_profile2.jpg

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

No I mean the ones that are below the ticker

where first has headline Look at me and second FsPaintShop

Best Regards

Thomas

Share this post


Link to post
Share on other sites

Anyone have a copy of this laying around? FS Paintshop site is not available anymore as far as I can tell.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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>

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Thanks Mark, it was actually on every single page, so I checked the layout.tpl for your suggestion, and was able to find it.

Share this post


Link to post
Share on other sites

Yeah, the layout.tpl holds all the information for the top right links, as well as all of the left side info.

Share this post


Link to post
Share on other sites

I'm recieveing the following error on install

Notice: The template file "/hermes/web04/b1846/pow.virtualunitedairline/htdocs//lib/skins/ObsessBlue/header.tpl" doesn't exist in /hermes/web04/b1846/pow.virtualunitedairline/htdocs/core/classes/TemplateSet.class.php on line 248

How do I go about fixing it? I cannot find the header.tpl file anywhere.

Share this post


Link to post
Share on other sites

By getting a paid host. Free websites aren't very compatible with phpVMS. Sorry dude, but that's just the way it is. :(

Share this post


Link to post
Share on other sites

Maybe try to upload all the files again, maybe there are some corrupt ones that need to be replaced.

Share this post


Link to post
Share on other sites

Just changing the top banner of the skin, the banner is the blue one and says something like "ObaeaaBlue by fspaintshop" When i change that, and chang it on the index file uploadit it comes up with blank box and the red "x" in the image is in the floder. i just carnt add any images on, im new to this stuff

http://ukshuttleva.elementfx.com/index.php/Frontpage

any one shed some light on this

thanks

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×