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 Latest Screens
Dutch spanish tapas website GIF 100% JPG
Articles RSS Feed Latest Articles
4 Simple Steps to Boost Conversion Rate for WordPress
Web of Worlds

4 Simple Steps to Boost Conversion Rate for WordPress

Jan 24, 2014 Web of Worlds News 0 comments

Conversion rate is where make your cash, if you have lots of traffic to your website but your conversion rate is low, your pages may not be optimized...

 WordPress 3.8 Carries an Up to Date Face lift to the Most Liked CMS
Game

WordPress 3.8 Carries an Up to Date Face lift to the Most Liked CMS

Jan 20, 2014 News 0 comments

WordPress has grown and changed over the years, from an easy blog system into a developed CMS. In that time, it’s gone from a vital white theme to a bright...

WordPress Confirmed as the Most Dominant Blogging Platform
Web Wars

WordPress Confirmed as the Most Dominant Blogging Platform

Jan 10, 2014 Web Wars News 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
Game

Object oriented name generator

May 14, 2013 Tutorial 1 comment

An addendum and a rewrite of an old name generator.

Custom Moddb Page
Game

Custom Moddb Page

May 14, 2013 Web devs & web game devs Tutorial 15 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 May 24 2010, 11:11am says:

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

+2 votes     reply to comment
feillyne
feillyne May 25 2010, 8:21am replied:

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

+1 vote     reply to comment
Kamikazi[Uk]
Kamikazi[Uk] Dec 8 2009, 3:37pm 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
feillyne Dec 8 2009, 5:29pm 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>
</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

+1 vote     reply to comment
Vikestart
Vikestart Jul 8 2010, 8:52pm replied:

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

+2 votes     reply to comment
cptmashek
cptmashek Dec 10 2009, 1:16am replied:

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.

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

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

+1 vote     reply to comment
feillyne
feillyne Dec 8 2009, 9:39am 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
cptmashek Dec 20 2009, 7:47pm 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
feillyne Apr 28 2010, 11:58am 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

Established
Dec 6, 2009
Privacy
Public
Subscription
Open to all members
Contact
Send Message
Email
Members Only
Membership
Join this group
Group Watch
Track this group
Share
Embed Buttons

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

Web devs & web game devs
Web devs & web game devs
Statistics
Members
35
Rank
310 of 15,842
Watchers
19 members
Files
5
News
5
Tutorials
13