Osses Bule Skin Problem

Kyle · April 13, 2010

Ok I'm having some problems that one of the skins i got from on the pilot list and the bottom of the skin shifts up and the hub titles gets shifted to the left. Why is that?

Also I have a ferind been trying to get the pilots on the bottom that are shitfing to the left after the sidebars. Why is that?

Tom · April 13, 2010

The titles shift may be due to their margin or the margin/padding of the sidebar or content boxes.

The content wraps around the sidebar as it does not span the full height. This can be fixed by putting a container around the content with a fixed width.

Kyle · April 13, 2010

The titles shift may be due to their margin or the margin/padding of the sidebar or content boxes.

The content wraps around the sidebar as it does not span the full height. This can be fixed by putting a container around the content with a fixed width.

Umm i think, thanks tom. I will try to do that tonight.

mark1million · April 13, 2010

You need to align your content using a div to mcright and add some more closing divs to sort our the footer:)

Kyle · April 13, 2010

You need to align your content using a div to mcright and add some more closing divs to sort our the footer:)

Yeah i know you have that skin and you fixed it. But i'm not sure what you are taking about.

mark1million · April 13, 2010

Ok in all your templates, well most if them you need to add at the top

That will center the content on the right hand side, in the loop of the pilots list you need to close the div, off the top of my head i cant remember with out looking, there are some sneaky ones to find as well, i spent many a night banging my head against a brick wall

Kyle · April 13, 2010

Ok in all your templates, well most if them you need to add at the top

<div class="mcright">

That will center the content on the right hand side, in the loop of the pilots list you need to close the div, off the top of my head i cant remember with out looking, there are some sneaky ones to find as well, i spent many a night banging my head against a brick wall

Nope, didn't work. I'm not sure why.

mark1million · April 13, 2010

OK Try this,

pilots_list.tpl template,

Top of the page

<div class="mcright">

<h3><?php echo $title?></h3>

<?php

  if(!$allpilots)

  {

     echo 'There are no pilots!</div>';

     return;

  }

?>

Thats the first loop, then at the bottom of the page close the div after the </table>.

Kyle · April 13, 2010

OK Try this,

pilots_list.tpl template,

Top of the page
<div class="mcright">

<h3><?php echo $title?></h3>

<?php

  if(!$allpilots)

  {

     echo 'There are no pilots!</div>';

     return;

  }

?>
Thats the first loop, then at the bottom of the page close the div after the </table>.

IT WORKS! THANKS MARK! ONE POINT FOR YOU!

mark1million · April 13, 2010

just give me a shout if you get stuck again.

Kyle · April 13, 2010

just give me a shout if you get stuck again.

Will do Mark!

hoktay-istanbul · May 13, 2010

I have gota 2 problem. First of the link of the left menu to contact us. But contact forum diplay look down on the page. Only don't work ie and chrome. the pages is working stabil on firefox.

second problem is the same problem this subject. End of the page insert a </tbale> doesn't work. Sorry for my bad english.

thanks for answering...

mark1million · May 14, 2010

1st problem add the form in the mcright div so,

at the top <div class="mcright">

and close the div at the bottom.

Second problem add some more closing divs till its right at the bottom of the tpl.

USA001 · May 14, 2010

I've managed to follow what was said. When looking in the files, it seems that mcright is already there. So I added the div's, only they fixed the footer. The rest of it's still looping.

USAAV Pilots list

mark1million · May 14, 2010

I've managed to follow what was said. When looking in the files, it seems that mcright is already there. So I added the div's, only they fixed the footer. The rest of it's still looping.

USAAV Pilots list

Can you post a pic as an example?

I posted up th thread about a closing div in the loop, have you tried that?

mark1million · May 14, 2010

Just had a look at your site are you including that template? the page seems to be replicated, can you post your code for the pilots_list.tpl

USA001 · May 14, 2010

Can you post a pic as an example?

I posted up th thread about a closing div in the loop, have you tried that?

I didn't see the th part. I know I added about 3 maybe 4 closing div's at the bottom to fist the footer, but here's the example:

USA001 · May 14, 2010

Just had a look at your site are you including that template? the page seems to be replicated, can you post your code for the pilots_list.tpl

Sure, here it is:

<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">
                                   Other Content
                               </div>
                               <div class="mcl02">
                                   Put what you want here.
                               </div>
                           </div>
                       </div>
                   </div>
<div class="mc02">
                       <div class="mc0201">
                           The Crew
                       </div>
                       <div class="mc0202" style="width: 18px; height: 15px">
                            
                       </div>
                       <div class="mc0203">
                           <div class="mc020301">
                             <h3><?php echo $title?></h3>

<?php
if(!$allpilots)
{
	echo 'There are no pilots!';
	return;
}
?>
<table id="tabledlist" class="tablesorter">
<thead>
<tr>
<th>Pilot ID</th>
<th>Name</th>
<th>Rank</th>
<th>Flights</th>
<th>Hours</th>
</tr>
</thead>
<tbody>
<?php
foreach($allpilots as $pilot)
{
/* 
	To include a custom field, use the following example:

	<td>
		<?php echo PilotData::GetFieldValue($pilot->pilotid, 'VATSIM ID'); ?>
	</td>

	For instance, if you added a field called "IVAO Callsign":

		echo PilotData::GetFieldValue($pilot->pilotid, 'IVAO Callsign');		
 */
?>
<tr>
<td width="1%" nowrap><a href="<?php echo url('/profile/view/'.$pilot->pilotid);?>">
		<?php echo PilotData::GetPilotCode($pilot->code, $pilot->pilotid)?></a>
</td>
<td>
	<img src="<?php echo Countries::getCountryImage($pilot->location);?>" 
		alt="<?php echo Countries::getCountryName($pilot->location);?>" />

	<?php echo $pilot->firstname.' '.$pilot->lastname?>
</td>
<td><img src="<?php echo $pilot->rankimage?>" alt="<?php echo $pilot->rank;?>" /></td>
<td><?php echo $pilot->totalflights?></td>
<td><?php echo Util::AddTime($pilot->totalhours, $pilot->transferhours); ?></td>
<?php
}
?>
</tbody>
</table>
                       </div>
                   </div>
               </div>
           </div>
       </div>
	</div>
	</div>
	</div>
	</div>
	</div>

mark1million · May 14, 2010

                       <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">
                                   Other Content
                               </div>
                               <div class="mcl02">
                                   Put what you want here.
                               </div>
                           </div>
                       </div>
                   </div>
<div class="mc02">
                       <div class="mc0201">
                           The Crew
                       </div>
                       <div class="mc0202" style="width: 18px; height: 15px">
                            
                       </div>
                       <div class="mc0203">
                           <div class="mc020301">
                             <h3><?php echo $title?></h3>

Try removing one or two of those closing divs line 12 13 14 15 in the code above

mark1million · May 14, 2010

Also,

<?php
       if(!$allpilots)
       {
               echo 'There are no pilots!</div>';
               return;
       }
?>

Add a </div>as above in that code

USA001 · May 14, 2010

                       <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">
                                   Other Content
                               </div>
                               <div class="mcl02">
                                   Put what you want here.
                               </div>
                           </div>
                       </div>
                   </div>
<div class="mc02">
                       <div class="mc0201">
                           The Crew
                       </div>
                       <div class="mc0202" style="width: 18px; height: 15px">
                            
                       </div>
                       <div class="mc0203">
                           <div class="mc020301">
                             <h3><?php echo $title?></h3>

Try removing one or two of those closing divs line 12 13 14 15 in the code above

That puts the footer up where it shouldn't be, as well as all the content is gone. Re-adding those divs.

mark1million · May 14, 2010

Add that closing div to that i posted earlier in the loop

USA001 · May 14, 2010

Also,

<?php
       if(!$allpilots)
       {
               echo 'There are no pilots!</div>';
               return;
       }
?>

Add a </div>as above in that code

Ok, that fixed it being off centered. Now to fix the repeat.

mark1million · May 14, 2010

Try removing that script above the <h3> i think thats in the header.tpl anyway, back up 1st though.

hoktay-istanbul · May 14, 2010

1st problem add the form in the mcright div so,

at the top <div class="mcright">

and close the div at the bottom.

Second problem add some more closing divs till its right at the bottom of the tpl.

Thank you very much sir. The 1st problem is solved. but seceond problem is continue. Which pages add div closing. i don't find page. please help me. thanks

mark1million · May 14, 2010

Thank you very much sir. The 1st problem is solved. but seceond problem is continue. Which pages add div closing. i don't find page. please help me. thanks

At the bottom of your page where the closing divs are just add some more,

</div>

It may take two or three to do the job just experiment

hoktay-istanbul · May 14, 2010

At the bottom of your page where the closing divs are just add some more,

</div>

It may take two or three to do the job just experiment

thanks sir i understand. closing </div> code. But which page, for example : index.php, frontpage_main.tpl, which one sir.

mark1million · May 14, 2010

thanks sir i understand. closing </div> code. But which page, for example : index.php, frontpage_main.tpl, which one sir.

Its the pilots_list.tpl

USA001 · May 15, 2010

I'm posting the code from my pilot_list.tpl for this specific skin. Hopefully, this will help others on this page. Everything is aligned properly and the footer is in its proper place.

<div class="mcright">

                             <h3><?php echo $title?></h3>

<?php
if(!$allpilots)
{
	echo 'There are no pilots!</div>';
	return;
}
?>
<table id="tabledlist" class="tablesorter">
<thead>
<tr>
<th>Pilot ID</th>
<th>Name</th>
<th>Rank</th>
<th>Flights</th>
<th>Hours</th>
</tr>
</thead>
<tbody>
<?php
foreach($allpilots as $pilot)
{
/* 
	To include a custom field, use the following example:

	<td>
		<?php echo PilotData::GetFieldValue($pilot->pilotid, 'VATSIM ID'); ?>
	</td>

	For instance, if you added a field called "IVAO Callsign":

		echo PilotData::GetFieldValue($pilot->pilotid, 'IVAO Callsign');		
 */
?>
<tr>
<td width="1%" nowrap><a href="<?php echo url('/profile/view/'.$pilot->pilotid);?>">
		<?php echo PilotData::GetPilotCode($pilot->code, $pilot->pilotid)?></a>
</td>
<td>
	<img src="<?php echo Countries::getCountryImage($pilot->location);?>" 
		alt="<?php echo Countries::getCountryName($pilot->location);?>" />

	<?php echo $pilot->firstname.' '.$pilot->lastname?>
</td>
<td><img src="<?php echo $pilot->rankimage?>" alt="<?php echo $pilot->rank;?>" /></td>
<td><?php echo $pilot->totalflights?></td>
<td><?php echo Util::AddTime($pilot->totalhours, $pilot->transferhours); ?></td>
<?php
}
?>
</tbody>
</table>
                       </div>

hoktay-istanbul · May 16, 2010

Thanks very much. I fixed it. very very thanks

But i have got a new problem . in route map pages, google maps showing very big. The other page (livemap, mainpage...) its orginal size. How can i change it. I change it local.config.php but did not change. thanks

Sign In

Osses Bule Skin Problem

Recommended Posts

Kyle

Tom

Kyle

mark1million

Kyle

mark1million

Kyle

mark1million

Kyle

mark1million

Kyle

hoktay-istanbul

mark1million

USA001

mark1million

mark1million

USA001

USA001

mark1million

mark1million

USA001

mark1million

USA001

mark1million

hoktay-istanbul

mark1million

hoktay-istanbul

mark1million

USA001

hoktay-istanbul

Join the conversation