TAV1702 Posted November 9, 2009 Report Share Posted November 9, 2009 Ok so don't laugh at me. ;D ;D http://paranormalinsights.com/phpVMS I am trying to break each section up into blocks like I have on the left, but each time I try and add a new div or anything, it busts up my template real bad like. I know it is uglier than ape right now. I figure once I get functional worked out, I work on pretty later. This is my first attempt at a skin for phpVMS. Can anyone tell me how to add extra stuff on the sides in blocks without busting up my template.? If needs be I can take a screen shot of what it looks like busted up and show the code so you know what I am up to. Also, notice the links for new pilots and such, they are blue and purple. I use web developer in firefox and try to view css info but it says none found. I have tried and tried in my css to add a link class but to no avail so far. Quote Link to comment Share on other sites More sharing options...
Tom Posted November 9, 2009 Report Share Posted November 9, 2009 For the sidebar, have the main side div, and item divs within (if you mean you want separated blocks), for example: <div id="leftside"> <div id="sideitem">sideitem content</div> <div id="sideitem">sideitem2 content</div> </div> And, links: a:link { // link style } a:visited { //visited link style } a:hover { //mouseover link style } a:active { //active link (no idea) } It's a great start! Quote Link to comment Share on other sites More sharing options...
TAV1702 Posted November 9, 2009 Author Report Share Posted November 9, 2009 Thanks Tom! Hopefully I get to work on it again tonight for a little bit. Yeah seperating each item is what I am after. I got it to work, but blocks were everywhere and template busted up badly. I am more than sure it was a div error on my part. ;D I'll give that a try and see how it goes. Thanks again. Ray Oh and do you know of any good drop down menu scripts anywhere that work good with phpVMS? Quote Link to comment Share on other sites More sharing options...
TAV1702 Posted November 10, 2009 Author Report Share Posted November 10, 2009 Ok that worked out for me on the links. That is what I originally had and scrapped it. Not sure why it didnt work out for me the first try. Quote Link to comment Share on other sites More sharing options...
TAV1702 Posted November 10, 2009 Author Report Share Posted November 10, 2009 For the sidebar, have the main side div, and item divs within (if you mean you want separated blocks), for example: <div id="leftside"> <div id="sideitem">sideitem content</div> <div id="sideitem">sideitem2 content</div> </div> I tried it this way and I do get my speperate blocks, but it busts up pretty bad. Quote Link to comment Share on other sites More sharing options...
Tom Posted November 10, 2009 Report Share Posted November 10, 2009 Could I see what exactly goes wrong? Quote Link to comment Share on other sites More sharing options...
TAV1702 Posted November 11, 2009 Author Report Share Posted November 11, 2009 Sure let me try a little something real quick and I'll post a screenie for you. I am positive I am placing my divs wrong. Quote Link to comment Share on other sites More sharing options...
TAV1702 Posted November 11, 2009 Author Report Share Posted November 11, 2009 Here ya go. Like I said, I have a real good reason to believe that I am mis placing my div statements. I have had this issue before and could never solve it so I had a guy do it for me. That was mistake number 1 on my behalf. :-[ I have been trying and trying and I am not quite sure why or what I am doing wrong. Quote Link to comment Share on other sites More sharing options...
Tom Posted November 11, 2009 Report Share Posted November 11, 2009 Er. Are you sure they have no style and are within the left div? If you have like i quoted earlier, with leftside having the style (float:left; etc) and the sideitem having no style at all, then they should be one under another... Like I have (link in sig) Quote Link to comment Share on other sites More sharing options...
Administrators Nabeel Posted November 11, 2009 Administrators Report Share Posted November 11, 2009 Might need floats. Use the Firefox addon called "Firebug", you can do CSS changes on the fly and see quickly Quote Link to comment Share on other sites More sharing options...
TAV1702 Posted November 12, 2009 Author Report Share Posted November 12, 2009 yeah I am not sure. I made no new css classes or anything. Ill give a quick breakdown of how I did it. <div id="content"> <div id="content-left"> <center><h3>Game Servers</h3></center> <hr> <table width="100%" align="center" bgcolor=""> <tr> <td width="65%">Game Server</td> <td style="color:lime"><b>Online</b></td> </tr> <tr> <td>TeamSpeak<br>Community IP Address:<br>xxx.xx.xx.xxx:8767</td> <td style="color:lime"><b>Online</b></td> </tr> <tr> <td>ATC Server</td> <td style="color:red"><b>Offline</b></td> </tr> </table> </div> <div id="content-left"> <center><h3>Users Online</h3></center> <hr> <p><i>There have been <?php echo count($usersonline)?> user(s) in the past <?php echo Config::Get('USERS_ONLINE_TIME')?> minutes.</i></p> <?php /* $usersonline also has the list of users - really simple example Or if you're not on the frontpage: $usersonline = StatsData::UsersOnline(); */ foreach($usersonline as $pilot) { echo "{$pilot->firstname} {$pilot->lastname}<br />"; } ?> </div> <div id="content-left"> <center><h3>VA Statistics</h3></center> <hr> <p>Total Pilots: <?php echo StatsData::PilotCount(); ?></p> <p>Total Flights: <?php echo StatsData::TotalFlights(); ?></p> <p>Total Flights Today: <?php VastatsData::totalflightstoday(); ?></p> <p>Total Flight Hours: <?php echo StatsData::TotalHours(); ?></p> <p>Total PAX Carried: <?php VastatsData::totalpaxcarried(); ?></p> <p>Total Fuel Burned: <?php VastatsData::totalfuelburned(); ?></p> <p>Total Miles Flown: <?php VastatsData::totalmilesflown(); ?></p> <p>Total Aircraft: <?php VastatsData::totalaircraftinfleet(); ?></p> <p>Total Schedules: <?php VastatsData::totalschedules(); ?></p> <p>Total News Items: <?php VastatsData::totalnewsitems(); ?></p> </div> <div id="content-main"> <?php if(!Auth::LoggedIn()) { // Show these if they haven't logged in yet ?> <img src="../images/fsscr070.jpg" height="248" width="398" alt="Thunder Va"/> <h2>Thunder Aviation Virtual</h2> <small> <a href="fleet.htm"></a></small> <p>Welcome To Thunder Aviation Virtual</p> <p>This is the website for the Virtual Airline Thunder Aviation. We fly with Microsoft Flight simulator online at a network called Real World ATC (RWATC). <br /> Do you want to know more? Click <a href="about.htm">here</a>.</p> <p>Regards,</p> <p>Ray Browell<br /> CEO Thunder VA<br /> </p> <?php } else { // Show the News module, call the function ShowNewsFront // This is in the modules/Frontpage folder News::ShowNewsFront(5); ?> <?php } ?> </div> <div id="content-right"> <center><h3>Recent Reports</h3></center> <hr> <?php MainController::Run('PIREPS', 'RecentFrontPage', 5); ?> <hr> <center><h3>Newest Pilots</h3></center> <hr> <?php MainController::Run('Pilots', 'RecentFrontPage', 5); ?> </div> </div> Well, sorry was going to be a quick run down instead I gave the main source. And all of this is on my frontpage_main.tpl file Was I right in saying my div tags are wrong? Quote Link to comment Share on other sites More sharing options...
TAV1702 Posted November 12, 2009 Author Report Share Posted November 12, 2009 Might need floats. Use the Firefox addon called "Firebug", you can do CSS changes on the fly and see quickly I had one addon for firefox. i thought it was firebug but it is web developer. I will go grab firebug to for future useage. Thanks Nabeel. Quote Link to comment Share on other sites More sharing options...
Tom Posted November 12, 2009 Report Share Posted November 12, 2009 Looking at your code, you need to be doing it like this: <div id="content-left"> <div id="leftitem"> Content for one box </div> <div id="leftitem"> Content for a second box </div> </div> This is because content-left is your left floated column, so if you have more than one content-left theres going to be more than one left column, so you have to have extra divs within the one column. Quote Link to comment Share on other sites More sharing options...
TAV1702 Posted November 12, 2009 Author Report Share Posted November 12, 2009 Ohhhh ok I got ya now. I'll take a stab at that one here in a bit. Getting ready to run after some lunch now. I appreciate your replies and help on this one. Thx! Quote Link to comment Share on other sites More sharing options...
TAV1702 Posted November 12, 2009 Author Report Share Posted November 12, 2009 Well, I may just have to leave this be for now. I have tried it a million and one ways and I can not get it. It wont make or break my site, I just kind of like seperate blocks a bit better. I come from using portals on forums so I guess I just got used to it. I'll keep trying as I have time and see how things go. Right now I have nothing setup local to test on as Xammp wont run on my pc for some reason. **EDIT** Ok I was bent out of shape earlier for a few reasons and gave up on this for today. Sooooo since I just found out I do not have to work tomorrow afterall, I am going to get firebug as suggested and mess with this until I am blue in the face. ;D I really do appreciate your guys help on this one trying to help me get my site in shape. Quote Link to comment Share on other sites More sharing options...
llju1 Posted November 13, 2009 Report Share Posted November 13, 2009 If you want 3 even columns then just do a Frontpage in Html first then change it to .tpl. that is how I did my site. some one wrote it in my own thread dealing with this. So make a new frontpage.html using tables do not edit the frontpage.tpl in the phpvms folder ;D. After you have it done the way you want then change it to frontpage.tpl and up load it to your skins folder. I hope this helps. http://vmac.info Quote Link to comment Share on other sites More sharing options...
TAV1702 Posted November 13, 2009 Author Report Share Posted November 13, 2009 yeah I'm going to mess with it more today. I kind of want the blocks to look like http://paranormalinsights.com/portal.php I will get it adventually. Notice on that site the blocks are not touching each other at all? All it amounts to is my div tags are wrong I am more than sure. ;D Quote Link to comment Share on other sites More sharing options...
Administrators Nabeel Posted November 19, 2009 Administrators Report Share Posted November 19, 2009 You could also use something like http://960.gs, that's what I'm using on vaCentral, works like a charm Quote Link to comment Share on other sites More sharing options...
TAV1702 Posted November 30, 2009 Author Report Share Posted November 30, 2009 I'll have to check that out. Thanks Nabeel Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.