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.

  • View media
  • View media
  • View media
  • View media
  • View media
  • View media
Oubliette Engine

Oubliette Engine

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.

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

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

Server Side Coding Tutorial 1 comment

An addendum and a rewrite of an old name generator.

Custom Moddb Page

Custom Moddb Page

Client Side Coding Tutorial 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
DDrago

i have done a website and moddb page edit for SERWD mod Moddb.com - Serwd.x10.mx
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

Reply Good karma Bad karma+2 votes
feillyne StaffSubscriber
feillyne

You need to position the div to have that default TOP (upper) white bar, and let Moddb staff know ( Moddb.com ) 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. ;-)

Reply Good karma+1 vote
DDrago
DDrago

oh thanks you :D

Reply Good karma Bad karma+2 votes
Kamikazi[Uk]
Kamikazi[Uk]

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.

Reply Good karma Bad karma+2 votes
feillyne StaffSubscriber
feillyne

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>
</div></div>

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:
Img38.imagefra.me

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

Reply Good karma+1 vote
MrCupcake
MrCupcake

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

Reply Good karma Bad karma+3 votes
Vikestart
Vikestart

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

Reply Good karma Bad karma+2 votes
cptmashek
cptmashek

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

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

If you are using Linux, gedit, found @ Projects.gnome.org is very nice and extensible. Kate, found @ Kate-editor.org 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.

Reply Good karma Bad karma+2 votes
booman
booman

I use Crimson Editor
Crimsoneditor.com

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

Reply Good karma Bad karma+1 vote
feillyne StaffSubscriber
feillyne

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

Reply Good karma+1 vote
cptmashek
cptmashek

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.

Reply Good karma Bad karma+2 votes
feillyne StaffSubscriber
feillyne

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.

Reply Good karma+1 vote
Post a comment

You are not logged in, your comment will be anonymous unless you join the community. Or sign in with your social account:

Established
Privacy
Public
Subscription
Open to all members
Contact
Send Message
Membership
Join group
Group watch
Start tracking
Share
Embed Buttons
Link to Web devs & web game devs by selecting a button and using the embed code provided more...
Web devs & web game devs
Statistics
Members
43
Watchers
25 members
Downloads
5
Articles
18