This is a place for unique web development and webpage layout making tutorials and general Internet/browser related news and info. Any tutorials are welcome as well. Also any web-browser topics and news are greatly appreciated.

Image RSS Feed Screens
Dutch spanish tapas website GIF 100% JPG
Oubliette Engine

Oubliette Engine

2 months ago News 0 comments

The Oubliette Engine is designed to be a 'crawl' based 3D game. A-kin to Legends of Grimrock and Dungeon Master. It's main difference is how it is provided...

Week 1: I respect server admins.
Iceberg Red

Week 1: I respect server admins.

1 year ago Iceberg Red 0 comments

Most of my time was taken up by mundane and boring server administration work. Real respect towards those who choose it as a career. Well, I designed...

WordPress Confirmed as the Most Dominant Blogging Platform
Web Wars

WordPress Confirmed as the Most Dominant Blogging Platform

1 year ago Web Wars 0 comments

Blogger, Tumblr, Medium, Quora, and other platforms fall short of WordPress. Not only accounts are free on WordPress, the podium is very functional, user-friendly...

Object oriented name generator

Object oriented name generator

2 years ago Server Side Coding 1 comment

An addendum and a rewrite of an old name generator.

Custom Moddb Page

Custom Moddb Page

2 years ago Client Side Coding 18 comments

Customize your Moddb page with HTML & CSS so your game page can represent your game and branding graphics.

Post comment Comments  (10 - 20 of 21)
DDrago May 24 2010 says:

i have done a website and moddb page edit for SERWD mod -
please visit it and tell me what do you think :), and on moddb page i can't fix the white bar down there please tell me how to fix it if you know

+2 votes     reply to comment
feillyne Staff Subscriber
feillyne May 25 2010 replied:

You need to position the div to have that default TOP (upper) white bar, and let Moddb staff know ( ) about to remove it. ;-)

You should be able to remove the bottom white bar yourself... only the top one must be removed by Moddb staff, or you can use an additional div as a workaround.

The website: nice, personally I don't like white backgrounds. ;-) Perhaps better could be silver/metal plate as a background, and white font, or just black background. ;-)

+1 vote   reply to comment
DDrago May 25 2010 replied:

oh thanks you :D

+2 votes     reply to comment
Kamikazi[Uk] Dec 8 2009 says:

How did you design the moddb page with two images i tryed it don't work can you tell me how you put in text and made images go togeather nicly.

Thanks :p.

+2 votes     reply to comment
feillyne Staff Subscriber
feillyne Dec 8 2009 replied:

With divs. You can view the page source for more info. :-)

The pattern is:
<div style="background: transparent url(http://YOUR_BOTTOM_UPPER_BANNER.JPG); color: darkred; position: absolute; top: 340px; background-color: #000000; height: 20px; width: 940px;"> </div><div class="table" style="background: transparent url(http://YOUR_BOTTOM_IMAGE_OR_BANNER.JPG) repeat scroll 0% 0%; position: relative; width: 940px; height: 155px;"><div style="padding: 8px; line-height: 17px; color: #ffffff; height: 85px; left: 57px; position: absolute; text-align: justify; top: 25px; width: 452px;"><strong>--- TEXT ----</strong>

Well, first I make a 950x355px pic, then split it into 3 parts: the top one (the top banner) is 155px high, a pic from the BOTTOM of the image, which is 175px high, which is in turn split it into another pics, one is 20px high and the other one - 155px.

I.e. you have an unused img 25px high in the middle (355px - 155 - 155 - 20 = 25px unused in the middle, which cover the space of the panel with "summary members news tutorials downloads videos images forum stats").

Hard to explain. :-D Better to visualise it:

1) the top banner
2) the first banner/pic in above divs
3) the second banner/pic in the divs

+1 vote   reply to comment
MrCupcake Dec 8 2009 says:

First post.
What's the best program for writing up HTML??
or should i stick with simple notepad?

+3 votes     reply to comment
Vikestart Jul 8 2010 replied:

Notepad++ is the best editor in my opinion :)

+2 votes     reply to comment
cptmashek Dec 10 2009 replied:

If you are using Windows, I would suggest using a text editor Notepad2, found @ (I used to replace notepad with that - there's a tutorial on the website) or Notepad++, found @ (this is the one I use on Windows).

If you are using Mac, I would suggest Coda, found @ .

If you are using Linux, gedit, found @ is very nice and extensible. Kate, found @ is a good one as well. These come with GNOME and KDE, respectively.

There's a TON of editors with syntax highlighting, so feel free to experiment and find the one that suits you best.

+2 votes     reply to comment
booman Sep 7 2010 replied:

I use Crimson Editor

Works great for all kinds of programming and color-codes your CODE.
Totally free and works great for HTML or CSS

+1 vote     reply to comment
feillyne Staff Subscriber
feillyne Dec 8 2009 replied:

Well, it's good to have an editor capable of doing the tedious work of e.g. creating tables or using <span>'s.

I shunned from using HTML editors, to be sincere. Most of them are too graphically overloaded (used only text editors being able to colourise the syntax).

+1 vote   reply to comment
cptmashek Dec 20 2009 replied:

I think that it is really up to how you code; I generally use php to generate my tables and use CSS to style them, so I have never have the need to lay out a table by hand. For the most part, I don't use tables unless I am using data that needs tabulation.

+2 votes     reply to comment
feillyne Staff Subscriber
feillyne Apr 28 2010 replied:

Yup, CSS is the best solution for styling, and generally editors able to insert tags / create function patterns can be a great help in making websites.

+1 vote   reply to comment
Post a Comment
click to sign in

You are not logged in, your comment will be anonymous unless you join the community today (totally free - or sign in with your social account on the right) which we encourage all contributors to do.

2000 characters limit; HTML formatting and smileys are not supported - text only

Dec 6, 2009
Open to all members
Send Message
Join this group
Group Watch
Track this group
Embed Buttons

Promote Web devs & web game devs on your homepage or blog by selecting a button and using the embed code provided (more).

Web devs & web game devs
Web devs & web game devs
22 members