Scratch

trinary wrote:

GP1 wrote:

trinary wrote:

GP1, there's an error somewhere in your PHP...

I know. I'm integrating the new stylesheet, but I want an option for users to switch back. I changed the code this morning, bur never got the chance to finish it.

Oh, OK.

You will need to replace your files with the new ones posted above, as they contain some updated markup.
Add the PHP around what I've posted.

I already am. 

trinary wrote:

GP1 wrote:

trinary wrote:

Oh, OK.

You will need to replace your files with the new ones posted above, as they contain some updated markup.
Add the PHP around what I've posted.

I already am. 

 

EDIT: the site is still unavailable...

Everything is okay now, including new style.
One thing, my goal for the developer site was to make it not look like the Macrobit main site. Could you redo the style on the developer section of the site, please? Feel free to change as much html, javascript, and css as you want, as long as it looks good to you.
BTW, did you ever register for the developer program? I don't see you in the database......

Last edited by GP1 (2012-04-10 22:52:35)

trinary wrote:

GP1 wrote:

trinary wrote:

Everything is okay now, including new style.
One thing, my goal for the developer site was to make it not look like the Macrobit main site. Could you redo the style on the developer section of the site, please? Feel free to change as much html, javascript, and css as you want, as long as it looks good to you.
BTW, did you ever register for the developer program? I don't see you in the database......

[color=red]What colour scheme and style would you like?[/red]

Could you please use the markup I provided for the register page?
The elements are currently misaligned.

What do you mean. If you mean the main colors, then red, orange, and little black.

I'll change the register page right away. 

slinger wrote:

Bump

Nnooooooooooooooooooooooooo! A bump means that its almost dead! Is it?

BTW, everybody, should I put a challenge for the developer chalenge?

trinary wrote:

Here's the CSS for the developer site:

Code:

html{
    margin: 0;
    padding: 0;
    background-color:#111111;
    }

body{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top:0;
    font: 1em Verdana, Arial, sans-serif;
    background-color: #272727;
    padding-bottom:50px;
    margin-bottom:0;
    }

a:link, a:visited, a:hover, a:active{
    text-decoration: underline;
    color:#e70000;
    }

a:hover, a:active{
    color:#800000;
    }

h1, h2, h3, h4, h5, h6{
    font: 1.5em Trebuchet MS, Verdana, sans-serif;
    color:#FFFFFF;
    }


#logoPane{
    margin-left: 600px;
    }

#companyname{
    color:#b8b8b8;
    font: 2em Trebuchet MS, Verdana, sans-serif;
    }

#body{
    margin-left: 40px;
    margin-right:40px;
    overflow: hidden;
    color: #FFFFFF;
    }

p{
    width: 550px;
    }


img {
    border: none;
}


/* dock - top */
.dock {
    height: 50px; 
    text-align: center;
}
.dock-container {
    height: 50px;
    background: url(images/dock-bg2.gif);
    padding-left: 20px;
}
a.dock-item {
    display: block;
    width: 40px;
    color: #000;
    position: absolute;
    top: 0px;
    text-align: center;
    text-decoration: none;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.dock-item img {
    border: none; 
    margin: 5px 10px 0px; 
    width: 100%; 
}
.dock-item span {
    display: none; 
    padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
    width: 100%;
    left: 0px;
}
.dock-container2 {
    position: absolute;
    height: 50px;
    background: url(images/dock-bg.gif);
    padding-left: 20px;
}
a.dock-item2 {
    display: block; 
    font: bold 12px Arial, Helvetica, sans-serif;
    width: 40px; 
    color: #000000; 
    text-align: center;
    text-decoration: none;
}
.dock-item2 span {
    display: none;
    padding-left: 20px;
}
.dock-item2 img {
    border: none; 
    margin: 5px 10px 0px; 
    width: 100%; 
}


#headerUp, #headerDown{
    border-top: 1px solid #ADADAD;
    text-align: center;
    }

#headerUp a, #headerDown a{
    text-decoration:none;
    }

.header{
    text-align: right;
    background-color:#8F8F8F;
    padding-bottom:20px;
    }
    

.header h1{
    padding-top:10px;
    margin:0 20px 0 300px;
    }

.header h4, h5{
    font: 1em Trebuchet MS, Verdana, sans-serif;
    margin:0 20px 0 300px;
    color:#B8B8B8;
    }

form{
    width: 350px;
    border: 1px solid #B8B8B8;
    padding: 10px;
    float: left;
    margin-bottom: -99999em;
    padding-bottom: 99999em;
    overflow: hidden;
    }

.formLabels{
    width: 150px;
    float: left;
    }

.input{
    width: 200px;
    }

.border{
    border: 1px solid #B8B8B8;
    width: 320px;
    padding: 10px;
    float: right;
    margin-bottom: -99999em;
    padding-bottom: 99999em;
    overflow: hidden;
    }

.border p{
    width: 300px;
    }
.border h1, h2, h3{
    width: 300px;
    }

#track{
    position: absolute;
    left: -9999px;}

^ I've named it devstyles.css, but you could rename it if you wanted.


And here is the markup:

Developer:

Code:

<!DOCTYPE html>
<html>
<head>
<title>Macrobit Developer Program</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://macrobit.x11s.info/developer/js/interface.js"></script>
<script type="text/javascript" src="http://macrobit.x11s.info/developer/js/cookies.js"></script>
<script type="text/javascript">
    
    $(document).ready(
        function()
        {
            $('#dock').Fisheye(
                {
                    maxWidth: 50,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container',
                    itemWidth: 40,
                    proximity: 90,
                    halign : 'center'
                }
            )
        }
    );

</script>

<link type="text/css" href="devstyles.css" rel="stylesheet" />

<script type="text/javascript">
function bScroll(){
$("#dock2").css("position", "absolute");
$("#dock2").css("bottom", "0px");
}
$(document).ready(function(){
//browser detection
if($.browser.msie&&parseInt($.browser.version)<7){
//IE6 and below can't support css position fixed
$("#dock2").css("position", "relative");
$("#dock2").insertAfter("#headerDown");
$("#dock2").append("<br /><br /><br /><hr />");
}
$("#headerUp").click(function(){
$("#headerDown").show();
$(this).hide();
$("#headerBox").slideUp(1000);
$.get("http://developer.macrobit.x11s.info/setCookie.php?value=true");
});

$("#headerDown").click(function(){
$("#headerUp").show();
$(this).hide();
$("#headerBox").slideDown(1000);
$.get("http://developer.macrobit.x11s.info/setCookie.php?value=false");
});

});
</script>

<!--[if lt IE 7]>
 <style type="text/css">
 .dock img { behavior: url(iepngfix.htc) }
 </style>
<![endif]-->

<link href="http://macrobit.x11s.info/developer/style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="headerBox">
<div class="header">
<h1>Macrobit Developer Program</h1>
<h4>Developer to developer programming</h4>
<br />
<h5>You are not signed in. <a href="http://macrobit.x11s.info/login.html.php?redirect=developer">Login!</a></h5>
</div>
<div id="headerUp"><br /><a href="#">^^^^</a></div>
</div>

<div id="headerDown" style="display:none;">
<div><br /><a href="#">vvvvv</a></div>

</div>
<div id="body">
<h2>Welcome!</h2>
<p>Hello everybody! Welcome to Macrobit's Developer Program. We have resources and chalenges for you to help us out on some of our products.</p>
<p>When you sign up, you choose a developer plan. If it is the basic plan, then you get access to resources, chats, and Moose Tools. If you choose the chalenger plan, you get the basic plan <I>plus</I> chalenges based on your known languages.</p>
<p>Moose Tools are tools used to help developers develop for the Mac OS X, iOS, and other mobile OS's. This will most likely have the most chalenges, so if you know web development laguages, Objective-C, and Visual Studio languages, be prepared! Moose Tools is currently under development and is not released yet.</p>
</div>
<!--bottom dock -->
<div class="dock" id="dock2">
  <div class="dock-container2">
  <a class="dock-item2" href="http://macrobit.x11s.info/"><span>Macrobit</span><img src="http://macrobit.x11s.info/images/logo.png" src="Macrobit logo" /></a>
  <a class="dock-item2" href="http://developer.macrobit.x11s.info/"><span>Home</span><img src="http://macrobit.x11s.info/developer/images/home.png" alt="home" /></a> 
  <a class="dock-item2" href="mailto:contact@mcrobit.x11s.info"><span>Contact Us</span><img src="http://macrobit.x11s.info/developer/images/email.png" alt="contact" /></a> 

  <a class="dock-item2" href="#"><span>Events</span><img src="http://macrobit.x11s.info/developer/images/calendar.png" alt="calendar" /></a> 
  <a class="dock-item2" href="#"><span>Forums</span><img src="http://macrobit.x11s.info/developer/images/link.png" alt="links" /></a> 
  <a class="dock-item2" href="#"><span>RSS news</span><img src="http://macrobit.x11s.info/developer/images/rss.png" alt="rss" /></a> 
  </div>
</div>
<!--dock menu JS options -->
<script type="text/javascript">
    
    $(document).ready(
        function()
        {
            $('#dock2').Fisheye(
                {
                    maxWidth: 60,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container2',
                    itemWidth: 40,
                    proximity: 80,
                    alignment : 'left',
                    halign : 'center'
                }
            )
        }
    );

</script>


</body>
</html><div id="track"><script type="text/javascript" src="http://widgets.amung.us/small.js"></script><script type="text/javascript">WAU_small('rc7eqhbk6nb2')</script></div>

Registering languages:

Code:

<!DOCTYPE html>
<html>
<head>
<title>Macrobit Developer Program</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://macrobit.x11s.info/developer/js/interface.js"></script>
<script type="text/javascript" src="http://macrobit.x11s.info/developer/js/cookies.js"></script>
<script type="text/javascript">
    
    $(document).ready(
        function()
        {
            $('#dock').Fisheye(
                {
                    maxWidth: 50,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container',
                    itemWidth: 40,
                    proximity: 90,
                    halign : 'center'
                }
            )
        }
    );

</script>

<link type="text/css" href="devstyles.css" rel="stylesheet" />

<script type="text/javascript">
function bScroll(){
$("#dock2").css("position", "absolute");
$("#dock2").css("bottom", "0px");
}
$(document).ready(function(){
//browser detection
if($.browser.msie&&parseInt($.browser.version)<7){
//IE6 and below can't support css position fixed
$("#dock2").css("position", "relative");
$("#dock2").insertAfter("#headerDown");
$("#dock2").append("<br /><br /><br /><hr />");
}
$("#headerUp").click(function(){
$("#headerDown").show();
$(this).hide();
$("#headerBox").slideUp(1000);
$.get("http://developer.macrobit.x11s.info/setCookie.php?value=true");
});

$("#headerDown").click(function(){
$("#headerUp").show();
$(this).hide();
$("#headerBox").slideDown(1000);
$.get("http://developer.macrobit.x11s.info/setCookie.php?value=false");
});

});
</script>

<!--[if lt IE 7]>
 <style type="text/css">
 .dock img { behavior: url(iepngfix.htc) }
 </style>
<![endif]-->

<link href="http://macrobit.x11s.info/developer/style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="headerBox">
<div class="header">
<h1>Macrobit Developer Program</h1>
<h4>Developer to developer programming</h4>
<br />
<h5>You are not a developer. <a href="http://developer.macrobit.x11s.info/register/">Register now!</a></h5>
</div>

<div id="headerUp"><br /><a href="#">^^^^</a></div>
</div>

<div id="headerDown" style="display:none;">
<div><br /><a href="#">vvvvv</a></div>

</div>
<div id="body">
<h2>Macrobit Developer Program Registration</h2>
<p>Please fill out this form to register.</p>
<form method="post" action="register.php">
What languages do you know how to program in?<br />
<input type="checkbox" name="knownLanguages[]" value="html" /> HTML<br />
<input type="checkbox" name="knownLanguages[]" value="xml" /> XML<br />
<input type="checkbox" name="knownLanguages[]" value="css" /> CSS<br />
<input type="checkbox" name="knownLanguages[]" value="javascript" /> JavaScript<br />
<input type="checkbox" name="knownLanguages[]" value="java" /> Java<br />
<input type="checkbox" name="knownLanguages[]" value="flash" /> Adobe Flash<br />
<input type="checkbox" name="knownLanguages[]" value="php" /> PHP<br />
<input type="checkbox" name="knownLanguages[]" value="perl" /> Perl<br />
<input type="checkbox" name="knownLanguages[]" value="asp" /> ASP.NET<br />
<input type="checkbox" name="knownLanguages[]" value="ruby" /> Ruby on Rails<br />
<input type="checkbox" name="knownLanguages[]" value="mysql" /> MySQL Database<br />
<input type="checkbox" name="knownLanguages[]" value="vbscript" /> VBScript<br />
<input type="checkbox" name="knownLanguages[]" value="csharpweb" /> C#.NET Web<br />
<input type="checkbox" name="knownLanguages[]" value="csharp" /> C#.NET<br />
<input type="checkbox" name="knownLanguages[]" value="cplusplus" /> C++<br />
<input type="checkbox" name="knownLanguages[]" value="visualbasic" /> Visual Basic.NET<br />
<input type="checkbox" name="knownLanguages[]" value="fsharp" /> F#.NET<br />
<input type="checkbox" name="knownLanguages[]" value="smalltalk" /> SmallTalk<br />
<input type="checkbox" name="knownLanguages[]" value="squeak" /> Squeak<br />
<input type="checkbox" name="knownLanguages[]" value="batch" /> Windows Batch files<br />
<input type="checkbox" name="knownLanguages[]" value="xna" /> Microsoft Xna Game Studio<br />
<input type="checkbox" name="knownLanguages[]" value="objectivec" /> Objective-C<br />
<input type="checkbox" name="knownLanguages[]" value="lua" /> Lua<br />
<input type="checkbox" name="knownLanguages[]" value="python" /> Python<br />
<input type="checkbox" name="knownLanguages[]" value="pydev" /> Pydev<br />
<input type="checkbox" name="knownLanguages[]" value="pascal" /> Pascal<br />
<input type="checkbox" name="knownLanguages[]" value="binary" /> Binary<br /><br /><hr /><br />
What language is your favorite?  <select name="favorite">
<option value="alliknow">All I know</option>
<option value="html">HTML</option>
<option value="xml">XML</option>
<option value="css">CSS</option>
<option value="javascript">JavaScript</option>
<option value="java">Java</option>
<option value="flash">Adobe Flash</option>
<option value="php">PHP</option>
<option value="perl">Perl</option>
<option value="asp">ASP.NET</option>
<option value="ruby">Ruby on Rails</option>
<option value="mysql">MySQL Database</option>
<option value="vbscript">VBScript</option>
<option value="csharpweb">C#.NET Web</option>
<option value="csharp">C#.NET</option>
<option value="cplusplus">C++</option>
<option value="visualbasic">Visual Basic.NET</option>
<option value="fsharp">F#.NET</option>
<option value="smalltalk">SmallTalk</option>
<option value="squeak">Squeak</option>
<option value="batch">Windows Batch files</option>
<option value="xna">Microsoft Xna Game Studio</option>
<option value="objectivec">Objective-C</option>
<option value="lua">Lua</option>
<option value="python">Python</option>
<option value="pydev">Pydev</option>
<option value="pascal">Pascal</option>
<option value="binary">Binary</option>
</select>
<br /><hr /><br />
What are you?<br /> <select name="devType">
<option value="indiv">Individual</option>
</select>
<hr /><br />
What developer plan will you be in?<br />
<input type="radio" name="devPlan" value="basic" checked /> Basic — enough to get resources<br />
<input type="radio" name="devPlan" value="chalenge" /> Challenger — Basic plan + get emails for challenges based kown your known languages<br /><br /><hr /><br />
<input type="submit" value="Go!" />
<br /><br /><br /><br />
</form>
</div>
<div id="footer">
<!--bottom dock -->
<div class="dock" id="dock2">
  <div class="dock-container2">
  <a class="dock-item2" href="http://macrobit.x11s.info/"><span>Macrobit</span><img src="http://macrobit.x11s.info/images/logo.png" src="Macrobit logo" /></a>
  <a class="dock-item2" href="http://developer.macrobit.x11s.info/"><span>Home</span><img src="http://macrobit.x11s.info/developer/images/home.png" alt="home" /></a> 
  <a class="dock-item2" href="mailto:contact@mcrobit.x11s.info"><span>Contact Us</span><img src="http://macrobit.x11s.info/developer/images/email.png" alt="contact" /></a> 

  <a class="dock-item2" href="#"><span>Events</span><img src="http://macrobit.x11s.info/developer/images/calendar.png" alt="calendar" /></a> 
  <a class="dock-item2" href="#"><span>Forums</span><img src="http://macrobit.x11s.info/developer/images/link.png" alt="links" /></a> 
  <a class="dock-item2" href="#"><span>RSS news</span><img src="http://macrobit.x11s.info/developer/images/rss.png" alt="rss" /></a> 
  </div>
</div>
<!--dock menu JS options -->
<script type="text/javascript">
    
    $(document).ready(
        function()
        {
            $('#dock2').Fisheye(
                {
                    maxWidth: 60,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container2',
                    itemWidth: 40,
                    proximity: 80,
                    alignment : 'left',
                    halign : 'center'
                }
            )
        }
    );

</script>
</div>


</body>
</html><div id="track"><script type="text/javascript" src="http://widgets.amung.us/small.js"></script><script type="text/javascript">WAU_small('rc7eqhbk6nb2')</script></div>

By the way, the developer site is down again...

Yay! I'm going to put it in my stylesheet test document to see it. And the dev site isn't down for me. Let me check the error logs.
EDIT: it must have been my hosting service. Their Mysql server was temperarely down.

Last edited by GP1 (2012-04-15 14:10:53)

slinger wrote:

GP1 wrote:

slinger wrote:

Bump

Nnooooooooooooooooooooooooo! A bump means that its almost dead! Is it?

BTW, everybody, should I put a challenge for the developer chalenge?

Naw it just means that no-one has posted and it's getting hidden.

I still don't like it.......

slinger wrote:

:p
Can you give me something to code?

I don't know. Umm, you know php, html, and pascal. What is pascal used for?

Not been on in a while since internet is gone AGAIN. It'll be back by next week mabye.

if its not much the trouble, is it ok if you can make a section where you can showcase some background wallpapers that your dev team made? i know a website that you can make images called pixlir
[note when you save the image u make you have to put " .png " at the end or it will just be a "file"]

im a pc and i mean you know, the desktop background images,

SJRCS_011 wrote:

GP1,I'd be interested in joining this, if you have open slots.
I am currently fluent in Java, a bit of PHP/HTML/JS, and I'm going to be learning AutoIt and Processing.
Soon I'll also be able to program in VB.NET, the C family, and several other languages supported by Visual Studios.
I also will soon hopefully have some programs that I certainly could make you co-owners of.

I have unlimited number of openings. Just register for a Macrobit account and sign up for the developer program (http://developer.macrobit.x11s.info/). I would be happy if you joined!

I don't know allot of Java, so you will be a big help. Java is really popular on the internet, sooo. HTML and JS will come in handy as well for web programs and such like that.

VB.NET, I never liked, and I think that the C family is more powerful for applications, although there will be a part on the developer part of the site where there will be tutorials (video and written, if you dont want to do video). By the C family, do you mean the languages C, C++, C#, and Objective-C? I think that C will be the best for us because mobile OS's are usually written in C (<<that's a hint to some people    ). Another language in Visual Studio if F#, which is only used for Silverlight (I think).

Yes, I would like some products for Macrobit, even if we are only co-owners of your programs. I am considering buying some Google Ad-sense for ads for Macrobit, and we could promote your programs to the world, if you want.

GP1, I'm gonna work on a real primitive word processor right now in Java.  For now, it'll only be able to change fonts permanently (meaning you can have different sections in different fonts)