Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 21
  1. #1
    Regular Coder
    Join Date
    May 2005
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts

    new design of my site,,, rate plzz :D

    hey all! whats up,,, well this is a new BETA design of the new version i am making,,, it still could use some fix ups around before i replace the current (V5) with the new (V6)


    here it is,,,

    www.7des.com/V6


    EDIT:

    the site is now in www.7des.com
    Last edited by muhaidib; 09-09-2005 at 11:11 PM.

  • #2
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    I'm veiwing in Mozilla.

    you should bump the font size up some in the main content area. On the candy pink style I can read it. On the black style the itty bitty white text is a blur almost. On the default stle it's just small. Real small.

    The contant needs more padding/margin. On the projects page the words/pics are crammed to the sides of the container.

    I'd say the grey text is too light on the shout box but it might because it's so small.

    the shout box input area isn't lined up correctly.

    so far overall there isn't enough contrast between the text/background/images and the small type is killing me.

    whats up with the bottom border under the link 'about 7designs' in your navigation?

    The pink style is the easiest for me to look at but not by much.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #3
    Regular Coder
    Join Date
    May 2005
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thank you cuz every time i ask someone they say its good! but thats not good enough for me i want someone to catch the bad stuff too so i can fix it you know :P

    and i talked to one of my friends (he's a pro in coding/web design) and he said in the content it would look better if it was small text but i guess i could pull up an extra 2 points in size,,,


    and i removed the border under the (about 7designs) lol,, thanx :P


    any one else i would appreciate the replays
    Last edited by muhaidib; 09-05-2005 at 04:37 PM.

  • #4
    Regular Coder
    Join Date
    Jul 2005
    Posts
    352
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Cool site but...
    To view all of the messages in the shoutbox you need to highlight the text and the scroll up or down.

  • #5
    Regular Coder
    Join Date
    Oct 2004
    Location
    England
    Posts
    282
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Tables, eww!

  • #6
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    I like the styleswitcher idea, but the design is just too small, unsemantic - uses tables etc.

  • #7
    Regular Coder
    Join Date
    May 2005
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts
    whats the problem with using tables?

    i see it as the most effective way! what other way will u do it in!?

    any by the way the address for the site is now www.7des.com instead of www.7des.com/V6

  • #8
    Regular Coder
    Join Date
    May 2005
    Location
    Michigan, USA
    Posts
    566
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by muhaidib
    whats the problem with using tables?

    i see it as the most effective way! what other way will u do it in!?

    any by the way the address for the site is now www.7des.com instead of www.7des.com/V6

    It is not the most effective way. It bloats your code. Loosing the tables will probably save you 20%.

    HTML & CSS:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    
    
    	<style type='text/css'>
    		#col1_top, #col1_bottom, #col2, #col3, #container {
    			border: 1px solid black;
    			
    		}
    		
    		#container {
    			height: 375px;
    			width: 444px;
    			position: absolute;
    			left: 50%;
    			top: 50%;
    			margin-top: -187px;
    			margin-left: -222px;
    		}
    		
    		#col1 {
    			float: left;
    			margin: 0 10px;
    			height: 200px;
    			width: 100px;
    		}
    		
    		#col1_top {
    			float: left;
    			height: 175px;
    			width: 100px;
    			background: cyan;
    		}
    		
    		#col1_bottom {
    			margin-top: 24px;
    			float: left;
    			height: 99px;
    			width: 100px;
    			background: pink;
    		}
    		
    		#col2 {
    			float: left;
    			height: 300px;
    			width: 200px;
    			background: lightyellow; 
    		}
    		
    		#col3 {
    			float: left;
    			height: 300px;
    			margin: 0 10px;
    			width: 100px;
    			background: lightgreen;
    		}
    		
    		#header {
    			float: left;
    			background: fuchsia;
    			height: 45px;
    			width: 100%;
    			margin-bottom: 5px;
    		}
    	
    		#footer {
    			float: left;
    			background: olive;
    			height: 18px;
    			width: 100%;
    			margin-top: 5px;
    		}
    	
    	</style>
    
    </HEAD>
    <BODY>
    
    <div id='container'>
    
    	<div id='header'></div>
    
    	<div id='col1'>
    		<div id='col1_top'></div>
    		<div id='col1_bottom'></div>
    	</div>
    
    	<div id='col2'></div>
    
    
    	<div id='col3'></div>
    	
    	<div id='footer'></div>
    
    </div>
    
    
    </BODY>
    </HTML>
    Last edited by SpirtOfGrandeur; 09-09-2005 at 05:59 PM.
    Note: I do not test code. I just write it off the top of my head. There might be bugs in it! But if any thing I gave you the overall theory of what you need to accomplish. Also there are plenty of other ways to accomplish this same thing. I just gave one example of it. Other ways might be faster and more efficient.

  • #9
    Regular Coder
    Join Date
    Oct 2004
    Location
    England
    Posts
    282
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by muhaidib
    whats the problem with using tables?

    i see it as the most effective way! what other way will u do it in!?

    any by the way the address for the site is now www.7des.com instead of www.7des.com/V6
    Real web developers don't use tables, if you haven't already noticed this, then i'm afraid

    CSS and XHTML is where it's at.

  • #10
    Regular Coder
    Join Date
    May 2005
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts
    naah i tried that it doesn't work for me,, this works for me perfectly!


    and this is the code for my index.php

    and rate my way plz :P

    PHP Code:
    <?PHP     
            $page_title 
    'Home';
            include(
    'inc/head_code.php'); 
            
    $extra_nav ''
    ?>

    <body onload="setscroll(99999999999)">
    <div align="center">
    <table class="shell" width="700">
      <tr>
        <td height="60" class="banner" colspan="3" align="right" valign="top"><? include('inc/style.php'?></td>
      </tr>
      <tr>
        <td width="150" valign="top" align="center">
            <? include('inc/left.php'?>
        </td>
      <td align="center" valign="top"><table class="content" width="400" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="20" class="cont_top_l"></td>
      <td width="370" height="20" align="center" class="cont_top_c">Welcome To 7Designs Home</td>
        <td height="20" class="cont_top_r"></td>
      </tr>
      <tr valign="top">
        <td height="300" colspan="3" align="center" class="cont">
          <table width="84%"  border="0">
            <tr>
              <td><p align="left">Welcome to the Latest Design of 7Designs,,, hope you enjoy your time!</p>
                <p align="left">What's New!</p>
                <div align="left">
                  <ul>
                      <li>New Version Released today September 7th at 8:00pm EST </li>
                  <li>New Lavender Style made with <a href="images/lavender_sample.jpg" target="_blank">natural color sources</a></li>
                  </ul>
                </div>
                <ul>
                </ul></td>
            </tr>
          </table>
          <p>&nbsp;</p></td>
      </tr>
      <tr>
        <td width="15" height="20" class="cont_bot_l"></td>
      <td class="cont_bot_c"></td>
        <td width="15" class="cont_bot_r"></td>
      </tr>
    </table></td>
      <td width="150" align="center" valign="top"><? include('inc/shoutbox.php'?></td>
      </tr>
      <tr>
          <td colspan="3" align="center" height="26"><span class="footer"><? include('inc/footer.php')?></span></td>
       </tr>
    </table>
    </div>
    <p></p>

    </body>

    </html>



    this is inc/head_code.php
    PHP Code:
    <? 
        
    include('inc/banlist.php');
        include(
    'inc/style-action.php');
    ?>

    <? /* index.php of version 6,, on top is the php action, on the bottom is the normal html crap */ ?>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <?php     
        
    echo '<title>7Designs:'.$page_title.'</title>';
        echo 
    '<link rel="stylesheet" type="text/css" href="styles/'.$css.'.css">';   
    ?> 

    </head>

    and this is inc/style_action.php
    PHP Code:
    <?   
    if (isset($_POST['style']))    
    {   
      
    $style $_POST['style'];    
    } else {   
      
    $style = !empty ($_COOKIE['style']) ? $_COOKIE['style'] : 'white';   


    setcookie('style',$style,time()+999999999);

    ?>

    <? include('styles/'.$style.'.php'?>

    style/white.php

    PHP Code:
    <?
    $css 
    'white';
    $current_style 'Simple White';
    ?>

    style/white.css
    Code:
    body			{
    				background-position: center top; 
    				background-image:url('white/bg.jpg'); 
    				background-repeat:repeat-x;
    				font-family:tahoma;
    				color:#999999;
    				text-align:center;
    				}
    				
    table.shell  	{ 
    				border: 1px solid #999999;
    				background-image:url('white/bg_table.jpg');
    				background-color:#FFFFFF;
    				background-repeat:repeat-x;
    				background-position: bottom;
    				}
    
    table.content	{
    				font-size:10px;
    				}
    			
    .form       	{
    				font-size: 10px;
    				color: #333333; 
    				border: 1px solid #808080;
    				background-color:#F0F0F0
    				}
    				
    td.banner		{
    				background-image:url('white/banner.jpg');
    				color:#333333;
    				font-weight:bold;
    				}
    				
    td.cont			{
    				background-color:#FFFFFF;
    				color:#666666;
    				border-left:1px solid #D6D6D6;
    				border-right:1px solid #D6D6D6;
    				border-top:1px solid #D6D6D6;
    				}
    
    td.cont_top_c	{
    				background-image:url('white/cont_top_c.gif');
    				color:#333333;
    				font-weight:bold;
    				}
    				
    td.cont_top_l	{
    				background-image:url('white/cont_top_l.gif');
    				}
    				
    td.cont_top_r	{
    				background-image:url('white/cont_top_r.gif');
    				}
    
    td.cont_bot_c	{
    				background-image:url('white/cont_bot_c.gif');
    				text-align:center;
    				}
    				
    td.cont_bot_l	{
    				background-image:url('white/cont_bot_l.gif');
    				}
    				
    td.cont_bot_r	{
    				background-image:url('white/cont_bot_r.gif');
    				}
    				
    .footer			{
    				font-size:10px;
    				}
    
    table.nav		{
    				font-size:12px;
    				text-align:center;
    				}
    				
    a				{				
    				color:#999999;
    				}
    
    a:hover			{
    				color:#FF6600;
    				}
    
    a:visited		{ }
    
    a.nav			{
    				display:block;
    				width:118px;
    				background-color:#FFFFF9;
    				text-decoration:none;
    				color:#666666;
    				border-bottom: 1px solid #FFFFF9;
    				border-top: 1px solid #FFFFF9;
    				text-align:center;
    				}
    
    a.nav:hover		{
    				display:block;
    				width:118px;
    				background-image:url('white/nav_on.gif');
    				text-decoration:none;
    				font-weight:bolder;
    				color:#333333;
    				border-bottom: 1px solid #CCCCCC;
    				border-top: 1px solid #CCCCCC;
    				text-align:center;
    				}
    
    a.nav:visited	{ }
    
    a.footer		{
    				font-size:10px;
    				color:#999999;
    				text-decoration:none;
    				}
    				
    a.footer:hover	{
    				font-size:10px;
    				color:#FF9900;
    				text-decoration:none;
    				}
    				
    a.footer:visited{ }
    
    table.shoutbox	{
    				background-color:#FFFFFF;
    				text-align:left;
    				}
    				
    .field			{
    				background-color:#F8F8F8;
    				border:1px solid #AAAAAA;
    				font-size:10px;
    				width:80%;
    				}
    				
    .field_b		{
    				background-color:#F8F8F8;
    				border:1px solid #AAAAAA;
    				font-size:10px;
    				width:30%;
    				}
    				
    table.inner_tb	{
    				border-color:#CCCCCC;
    				}


    don't want to make it more complecated by showin the shoutbox files and the navagation files but this is the gist of it!

  • #11
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Tables are for showing things you'd actually see in a table, like a calendar or a table of sports scores. What you've done is exploit the functionality of tables to place your site's content where you want it in the viewport. The proper way to do this is to use Cascading StyleSheets (CSS). You should read up on it and proper use of semantic HTML if you really want to get into Web design. You'll be doing it one day or another (guaranteed) so you'd might as well start now

  • #12
    Regular Coder
    Join Date
    May 2005
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hummm but that means redesigning the whole site for it to look the same,,, the thing is i like tables because i put a table inside a table inside a table,, so they allign perfectly and look very very clean you know! and the top of the content boxes is a <tr> devided into three <td>s ,, i don't know how to put this in,, but i guess i got used to it lol,,,

    i guess it dosn't matter how you get there as long as you are there! :P

  • #13
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by muhaidib
    i guess it dosn't matter how you get there as long as you are there! :P
    Guess again www.csszengarden.com - No tables. Inspired?

  • #14
    Regular Coder
    Join Date
    May 2005
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts
    lol,,,, u see my way of "style switching" is normal

    that way is CrAZZyY loool,,, i don't i wana do that,,, and even if i did :P o couldn't hehe,,, too advance for me

  • #15
    Regular Coder
    Join Date
    May 2005
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts
    haha i just saw this image at the CSSZEN site lol




    reminds u of somthing ? :P


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •