View Full Version: Any Coders Out There?

Beyond Good & Evil Revolution > The Lighthouse > Any Coders Out There?


Title: Any Coders Out There?
Description: I fail so much...


Slavka - December 15, 2009 09:33 PM (GMT)
So... I assume there are some coders here, considering how great the forums look. Thing is, I am most certainly not a coder, and I am in need of one.

I have my own invisionfree board (for FFXII), and I want to make it look almost as awesome as this one. I can do some 'artwork' for the actual images, but I've just spent the last hour staring at a tutorial for coding a background image, and despite doing everything in that tutorial, it's still not working. And the saddest part?

The tutorial was rated 'easy'.

Anyone willing to help me out? I'll (obviously) make you an admin and everything!

G.A.Pster - December 16, 2009 06:16 AM (GMT)
I’m not a coder and I was able to do about everything I wanted on an invisionfree forum I was an admin at.

try looking for better tutorials.



The_Evil_Reaper - December 16, 2009 02:08 PM (GMT)
*hesitates to step forward*

*gets pushed*

Er... I know coding. In fact, I one of the guys who did most of the coding adapting for this site, Hraesvelgr did the rest.

But I am swamped at the moment... So I need more than just the thing: "I can't program", cause I don't really know where to start then.

So if you could start with a specific question, like where can I find background colours...

Also, here's part of a topic I made for the admin section about coding, it'll be useful.

QUOTE
Let me introduce you all to a bit of the source code(I couldn't fit the whole thing in one post :P) of the site:

<div style="text-align:center">
<table width="64%" align="center" border="0"><tr><td>
<div class="tableborder">
<div class="maintitle" align="center" style="text-align:center">

Hillyan News - The News Of Your Planet

</div>

<table width="100%" border="0" cellspacing="1" cellpadding="4"><tr><td class="row1">

7 August 2007<br>
Today, at exactly 20.43(GMT+1:00), our forumteam gained two new admins: Fomorian and BG&E Voyager. The gaining of these reinforcements is a new beginning for the forum. With them we'll do our very best to complete as many projects as possible, with the website as top priority. Admins, Moderators and Members, this is the time to work together, to finish what we started, to live the dream... VIVA LA REVOLUTION!!!! 
<i><b>The_Evil_Reaper</b></i><br><br>

10 July 2007<br>
It's summer time, time for sun (in Holland's case lots of rain), beaches, vacation and...revolution, of course! Check out the <a href="http://z6.invisionfree.com/BGE2_Revolution/index.php?showforum=25">Discussion Den</a> for more information. The announcements in the "Summer Revolution" topic require some time to read through, but they're pretty important so please do so. Also, the deadline for the banner conest is only 4 days away as I speak (or type, whatever), so if you got any more neat ideas for a great banner, now is the time to put it together. Enjoy your summer!
<i><b>Denden666Piek</b></i><br><br>

3 March 2007<br>
We've got a new affiliate: the BGE Club at deviantart. I have noticed that people are looking for new ways to spread the BG&E Revolution. I will add more affiliates in the near future such as serious pages dedicated to the Revolution such as MySpace pages. I will check the quality of these pages and I'll determine whether we can affiliate with them or not. If you got a page or site somewhere, please let me know by PM or in option "Affiliate With Us!" in the affiliation box at the bottom of the page. Remember that our presence at other sites work to get new members, sites such as Youtube and Deviantart are most important to the Revolution. I will also review old affiliates and probably remove a few.
<i><b>Denden666Piek</b></i><br><br>

</td>
</tr>
</table>
</div>
</td></tr></table>
</div>
<br />

<div style="text-align:center">
<table width="64%" align="center" border="0"><tr><td>
<div class="tableborder">
<div class="maintitle" align="center" style="text-align:center">

How to annoy Pey'j

</div>
<table width="100%" border="0" cellspacing="2" cellpadding="4"><tr><td class="row1">

<SCRIPT LANGUAGE="JavaScript">
var num_quotes = 30
var quotes = new Array(num_quotes)
quotes[0] = "Stand in front of him, eat a ham sandwhich and breath in his face."
quotes[1] = "Keep asking him what he uses as fuel for his jetboots, even though you already know (unfortunately)."
quotes[2] = "Slap Jade in the face in his presence (oh, that's mean)."
quotes[3] = "Sing the Mammago-song for him all day long."
quotes[4] = "Constantly hit him in the belly."
quotes[5] = " Take his boots and hide them."
quotes[6] = "Take his boots and let Woof eat them."
quotes[7] = "Wreck his Cutter Hammer Tool Thingie and hit him on the head with it."
quotes[8] = "Roll him down the stairs."
quotes[9] = "Turn up the radio when the Mammago song is on."
quotes[10] = "Tell him that Alpha Sections rulez and IRIS SUCKS."
quotes[11] = "Wreck mechanical stuff in front of his nose, and ask him to fix it."
quotes[12] = "Asking if you can perforate a hole in his other ear to make him more symmetrical."
quotes[13] = "Replace all the food for *light* products."
quotes[14] = "Yank his ears unexpectedly."
quotes[15] = "Mistake his nose for a socket and insert a plug."
quotes[16] = "Give him a S-A-C including Secundo for his birthday."
quotes[17] = "Scream: *We're sinking!!! Oh my god, we're sinking!!!* when he jumps into the hovercraft after you."
quotes[18] = "Play frisbee with his M-disk *For Jade*."
quotes[19] = "Compete with the lighthouse children who can throw most rings on his tusks."
quotes[20] = "Let Woof in his room, when he is still sleeping."
quotes[21] = "Saying that the hole in the ground caused by the meteors, was caused by Pey'j sitting down."
quotes[22] = "Taking photo's while he's pinned down by a Crochax."
quotes[23] = "Taking all his POD's and put them somewhere high."
quotes[24] = "Ask him if he is branded yet."
quotes[25] = "Ask him to type."
quotes[26] = "Play with his tail."
quotes[27] = "Ask him where he got his haircut."
quotes[28] = "Tell him when your hovercraft is about to sink that you're not worried; you've got a flotation device."
quotes[29] = "Ride him like a space hopper!"
var n = Math.floor(Math.random() * num_quotes)
document.write( quotes[n] )
</SCRIPT>

As you can see, it's the news section and the "How to annoy Pey'j section". Now some of the coding you can edit right there in that code(like the quotes), others can't(like the bar with title), it's determined in a different piece of code.

Now, If you want to practice with this code, the best thing you can do is copy it to an empty document(use the program "scrapbook" and save as .html), and just mess around with stuff. Now this is the scrapbook icon, if you don't know what I'm talking about:
user posted image

Now hit me with your questions!

The_Evil_Reaper - December 16, 2009 02:10 PM (GMT)
And this, it should be sufficient to get you started. It is as basic as it gets, but if you don't know programming, this the best way to learn. I know it the other admins in knowing how to do certain things, and lighten the burden for me. Besides, I'm not always here.

QUOTE
Ok, since I'm pretty much in this alone, it might help to learn you guys something so you can help... I hope you guys aren't feeling too lazy, because programming can be frustrating. But it can be fun, but that might be my NERD-side talking.

Ok here goes, I'm going to guide you through it, step by step.

First off, to know what you're dealing with, you have to see the code of site. Select "Source" in the Menu "View" in IE:
user posted image
For Firefox Users(whoe!) just press Ctrl+U.

If you did it right you get something like this:
user posted image
This is programming code, everything in here has a certain meaning. Off course, there might be some useless code, but as long as it doesn't cause trouble, we won't have to worry about that.

Now let's take a look at the terms here, first, colours:
user posted image
You see I encircled all the colours(also known als HEX-codes), each representing a different part of the forum. I can be hard to determine what colour does what, I found out the most efficient way to see that is changing it. HOWEVER, some colours show only in some situations, so it can be hard to find out what is does. 

The circled colour in the "TABLE, TR, TD" section is that of text, that is most text, some texts have different values, cause they feel special :P(seriously though, not every piece of text on the forum is the same colour). So to change the colour of that, just change the encircled part. It's easy, but you need HEX codes to do so. Here's a few of them: Hex codes

Let's say for instance, I want to change it to red, HEX code: #FF0000. I simply replace #559466 with #FF0000...
user posted image
user posted image


Et voila! A new colour is used :D
user posted image

Now please, use this guide, it took some time to make it, K? I don't want to be in this alone...

Slavka - December 16, 2009 10:40 PM (GMT)
Ah, that helps! The tutorial I was following was pretty confusing to be honest, and didn't even tell me where I was supposed to be entering this stuff. Screenshots are very useful tools when trying to get me to work out what to do.

If all goes as planned, I might be able to figure it out by myself now. But I'll post again if anything specific comes up.

The_Evil_Reaper - December 17, 2009 01:17 AM (GMT)
Willing to help, but learning yourself is way more useful. If you bump into anything big, I'll help.

Chances are I won't know how to solve it at first, but I have a high level of internet wisdom --> Google is my friend. With sufficient knowledge of how programming works, google helps me solve anything I've never done.

Which I'll then add to my knowledge database :D But I guess I'm kinda of a natural when it comes to computers and software, it usually doesn't take me long to figure out a program. I've already exceeded someone's Indesign skills, even he's been working with it for a year. I've worked with for a month...

Enough bragging :P Like I said, if you run into problem post here or PM me. Try self to do it yourself first, using google and this guide. I tend to drop all important things to do some programming. I'm such a nerd...



Hosted for free by InvisionFree