1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Amazing phpbb3 styles

Discussion in 'phpBB' started by Master09, Nov 11, 2008.

  1. #1
    Amazing phpbb3 styles.

    Hey guys i completed my site = http://forum.rtsshome.com and what do you think of this phpbb3 style. is it ok or can it be :cool:
     
    Master09, Nov 11, 2008 IP
  2. NeverEverClever

    NeverEverClever Peon

    Messages:
    405
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Site looks good, 1024x768.. but when you go higher, for example 22'' / 24'' / 26''.. you see some ugly grey-wallpaper.. Change the background :)

    the points on the i, finishing touch:p
     
    NeverEverClever, Nov 11, 2008 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #3
    Well, like most phpBB themes the fixed metric fonts are a complete accessability /FAIL/ being next to useless for large font/120dpi users. The fixed width layout of course means people with DECENT screens are left with absurd amounts of unused white space, the pink text on white is illegible on certain CRT displays, the white text on pink is likely to cause eye-strain, and the mis-match of the 'graphite' style bars with the textured pink ones makes it look like the skinning is only half finished.

    Of course the 12 validation errors can't be helping you much, though it's hard to say how much of that is phpBB and how much is the skin - though I doubt even they would try putting script BEFORE the head tag. That whole 'popup' and 'jumpto' scripting needs to be moved into an external .js, tables for things that don't need tables (that login box for example), lists not marked up as lists (the menu), title attribute on a non-link element that has alt text, nonsensical classes (since rows go straight across, having row1/row2 in the same TR makes no sense), nonsensical heading orders, inlined attributes (align for example) defeat the point of even using CSS in the first place, extra paragraph wrappers around non-paragraph non-flow content ALREADY in perfectly good block level containers (TD), etc, etc, etc...

    28k of html sent to the user agent for 2.8k of content - sure indicator something's rotten in denmark.

    Let's just use the table opening, and first two TR in the board index as an example - that forum is outputting this:
    <table class="tablebg" cellspacing="1" width="100%">
    
    
    		<tr>
    			<td class="cat" colspan="5"><center><h4><a class="maiyeulananh" href="./viewforum.php?f=15&amp;sid=a0c95a9fe5d3122d0f1436948dd9c4b3">Secondary Level</a></h4></center></td>
    			
    		</tr>
    		<tr>
    	<th colspan="2">&nbsp;Forum&nbsp;</th>
    	<th>&nbsp;Last post&nbsp;</th>
    	<th width="50">&nbsp;Topics&nbsp;</th>
    	<th width="50">&nbsp;Posts&nbsp;</th>
    	
    </tr>
    			<tr>
    			<td class="row1" width="50" align="center"><img src="./styles/tmol/imageset/forum_read_subforum.gif" alt="No new posts" title="No new posts" /></td>
    			<td class="row1" width="100%">
    								<a class="forumlink" href="./viewforum.php?f=17&amp;sid=a0c95a9fe5d3122d0f1436948dd9c4b3">Humanities and Social Sciences</a>
    				<p class="forumdesc">Languages and Social Sciences</p>
    							</td>
    			
    			<td class="row2" align="left" nowrap="nowrap">
    									<p class="topicdetails">No posts</p>
    							</td>
    			<td class="row2" align="center"><p class="topicdetails">0</p></td>
    			<td class="row2" align="center"><p class="topicdetails">0</p></td>
    		</tr>
    	
    
    Code (markup):
    Whereas if we 'fix' that to move into the css what should be in the CSS and make the classnames make sense, we end up with:

    
    <table class="boardIndex">
    	<tr>
    		<th colspan="5" class="wideTitle">
    			<a href="./viewforum.php?f=15&amp;sid=a0c95a9fe5d3122d0f1436948dd9c4b3">
    				Secondary Level
    			</a>
    		</th>
    	</tr>
    	<tr>
    		<th class="title" colspan="2">Forum</th>
    		<th class="lastPost">Last post</th>
    		<th class="count">Topics</th>
    		<th class="count">Posts</th>
    	</tr>
    	<tr class="odd">
    		<td class="read">
    			<img
    				src="styles/tmol/imageset/forum_read_subforum.gif"
    				alt="No new posts" 
    			/>
    		</td>
    		<td class="title">
    			<h2>
    				<a href="viewforum.php?f=17&amp;sid=a0c95a9fe5d3122d0f1436948dd9c4b3">
    					Humanities and Social Sciences
    				</a>
    			</h2>
    			<p>Languages and Social Sciences</p>
    		</td>
    		<td class="lastPost">No posts</td>
    		<td class="count">0</td>
    		<td class="count">0</td>
    	</tr>
    
    Code (markup):
    Which shaves about 20% off of that one section alone.
     
    deathshadow, Nov 11, 2008 IP
  4. wildbad

    wildbad Banned

    Messages:
    87
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    hi cool site and best of luck


    hi , it's ok for me. and i think the background is white which is interesting.
     
    wildbad, Nov 12, 2008 IP
  5. Master09

    Master09 Banned

    Messages:
    194
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thanks deathshadow , i will try it.
     
    Master09, Nov 12, 2008 IP
  6. v01d

    v01d Peon

    Messages:
    52
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    wow looks great. keep up the good work
     
    v01d, Nov 12, 2008 IP
  7. kangure

    kangure Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    hi

    280 Demo phpbb3 styles

    http://www.phpbb3-styles.com
     
    kangure, Dec 1, 2008 IP
  8. kriss_reea

    kriss_reea Well-Known Member

    Messages:
    217
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    125
    #8
    it looks very nice...

    if you could just put some nice background ... i run with 1920x1200 and i see lots of grey in the back. ;)

    good luck
     
    kriss_reea, Dec 6, 2008 IP