Jump to content

Osses Bule Skin Problem


Kyle

Recommended Posts

  • Moderators

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?

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

  • Moderators

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.

Link to comment
Share on other sites

  • Moderators

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.

Link to comment
Share on other sites

  • Moderators

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 :)

Link to comment
Share on other sites

  • Moderators

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.

Link to comment
Share on other sites

  • Moderators

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!

Link to comment
Share on other sites

  • 1 month later...

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.

post-595-078430000 1273790322_thumb.jpg

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...

post-595-079454600 1273790335_thumb.jpg

Link to comment
Share on other sites

  • Moderators

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?

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

  • Moderators

                       <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

Link to comment
Share on other sites

                       <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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

  • Moderators

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 :)

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...