SITE REVIEW: The Fall Of Autumn: Online Fine Arts Zine

  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

Image

http://www.fallofautumn.com

THE FALL OF AUTUMN: Online Fine Arts Zine and Resource Community for Independent Artists / Musicians / Writers

So, this is my latest project. Won't be launching it until October 1st, still waiting on a few articles to come in, but most of the site is how it will be.

Wondering if there is any room for improvement (in coding/layout/content)? Anything I can add or remove to keep readers/visitors there longer (other than "more of the same content", that will be coming shortly)?

Feel free to register for the forum, though we won't have too many visitors until the first when the advertising goes into effect.

Thanks in advance.
  • farmer_Tom
  • Graduate
  • Graduate
  • farmer_Tom
  • Posts: 197
  • Loc: Oaklahoma

Post 3+ Months Ago

You've done a nice job with a creative notebook background. Since you've got some vertical space on the notebook, make the text size a bit bigger and offer summary of what I might find interesting about the discussion forum (why should I join?) Offer biographies of the site creators with pictures on the homepage to put some faces behind the site. I do compliment your formatting of Google ads, its almost seemless. Overall, a beautiful site that you can do a little more with in the extra space to make your advertising pay off.
  • PremTech
  • Beginner
  • Beginner
  • PremTech
  • Posts: 58
  • Loc: Toowoomba Queensland Australia

Post 3+ Months Ago

Hi Alan

Very good job.. I like it

Nice and clean straight foward good layout although i agree with the prevbious poster about the whitespace...

Try to put your styles in an external stylesheet ....
*Make a file called styles.css - and put your css in there (just cut and paste from your current page)

Then in the head section of every page past this code

Code: [ Select ]
<link rel="stylesheet" href="file path to your css file" type="text/css" />


that way if you have to change a colour or padding etc it is all in one file...


I would also suggest some mouseover/focus effects on your menu (CSS Styles of course lol)...

Overall great job keep it up

cheers
Wazza
  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

Thanks guys. I will work on implementing those over the next few days.

Wazza,
If you go to the forum http://www.fallofautumn.com/community I have the rollover effects there, however, when I tried putting that sliced image in my main pages, the tables underneath exploded the sliced image and the pieces were scattered across the top of the page - no matter what I changed or did to the page, neither myself nor my friend (who can write html blind like you - I, on the other hand, need Dreamweaver to do it for me).

So if you go to the forum you'll see what the main pages' header was supposed to be. If you have any suggestions on how I can get that on the main pages without it exploding the pieces all over, that would be great.

Code: [ Select ]
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head><body onLoad="MM_preloadImages('images/misc/slice_r3_c1.jpg','images/misc/slice_r3_c2.jpg',
'images/misc/slice_r3_c3.jpg','images/misc/slice_r3_c4.jpg',
'images/misc/slice_r3_c5.jpg','images/misc/slice_r1_c7.jpg',
'images/misc/slice_r1_c8.jpg','images/misc/slice_r1_c9.jpg')">

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="tfoa4.png" fwbase="tfoa4.jpg" fwstyle="Dreamweaver" fwdocid = "1997332963" fwnested="0" -->
 <tr>
  <td><img src="spacer.gif" width="14" height="1" border="0" alt=""></td>
  <td><img src="spacer.gif" width="65" height="1" border="0" alt=""></td>
  <td><img src="spacer.gif" width="118" height="1" border="0" alt=""></td>
  <td><img src="spacer.gif" width="115" height="1" border="0" alt=""></td>
  <td><img src="spacer.gif" width="139" height="1" border="0" alt=""></td>
  <td><img src="spacer.gif" width="105" height="1" border="0" alt=""></td>
  <td><img src="spacer.gif" width="71" height="1" border="0" alt=""></td>
  <td><img src="spacer.gif" width="36" height="1" border="0" alt=""></td>
  <td><img src="spacer.gif" width="64" height="1" border="0" alt=""></td>
  <td><img src="spacer.gif" width="73" height="1" border="0" alt=""></td>
  <td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
 </tr>

 <tr>
  <td rowspan="2" colspan="7"><img name="images/misc/tfoa4_r1_c1" src="images/misc/tfoa4_r1_c1.jpg" width="627" height="102" border="0" alt=""></td>
  <td><a href="http://www.fallofautumn.com/" onMouseOver="MM_swapImage('images/misc/tfoa4_r1_c8','','images/misc/slice_r1_c7.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r1_c8" src="images/misc/tfoa4_r1_c8.jpg" width="36" height="14" border="0" alt=""></a></td>
  <td><a href="http://www.fallofautumn.com/aboutus/" onMouseOver="MM_swapImage('images/misc/tfoa4_r1_c9','','images/misc/slice_r1_c8.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r1_c9" src="images/misc/tfoa4_r1_c9.jpg" width="64" height="14" border="0" alt=""></a></td>
  <td><a href="http://www.fallofautumn.com/community/sendmessage.php" onMouseOver="MM_swapImage('images/misc/tfoa4_r1_c10','','images/misc/slice_r1_c9.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r1_c10" src="images/misc/tfoa4_r1_c10.jpg" width="73" height="14" border="0" alt=""></a></td>
  <td><img src="spacer.gif" width="1" height="14" border="0" alt=""></td>
 </tr>
 <tr>
  <td rowspan="2" colspan="3"><img name="images/misc/tfoa4_r2_c8" src="images/misc/tfoa4_r2_c8.jpg" width="173" height="106" border="0" alt=""></td>
  <td><img src="spacer.gif" width="1" height="88" border="0" alt=""></td>
 </tr>
 <tr>
  <td><img name="images/misc/tfoa4_r3_c1" src="images/misc/tfoa4_r3_c1.jpg" width="14" height="18" border="0" alt=""></td>
  <td><a href="http://www.fallofautumn.com" onMouseOver="MM_swapImage('images/misc/tfoa4_r3_c2','','images/misc/slice_r3_c1.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r3_c2" src="images/misc/tfoa4_r3_c2.jpg" width="65" height="18" border="0" alt=""></a></td>
  <td><a href="http://www.fallofautumn.com/backstage/" onMouseOver="MM_swapImage('images/misc/tfoa4_r3_c3','','images/misc/slice_r3_c2.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r3_c3" src="images/misc/tfoa4_r3_c3.jpg" width="118" height="18" border="0" alt=""></a></td>
  <td><a href="http://www.fallofautumn.com/thecanvas/" onMouseOver="MM_swapImage('images/misc/tfoa4_r3_c4','','images/misc/slice_r3_c3.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r3_c4" src="images/misc/tfoa4_r3_c4.jpg" width="115" height="18" border="0" alt=""></a></td>
  <td><a href="http://www.fallofautumn.com/thenotebook/" onMouseOver="MM_swapImage('images/misc/tfoa4_r3_c5','','images/misc/slice_r3_c4.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r3_c5" src="images/misc/tfoa4_r3_c5.jpg" width="139" height="18" border="0" alt=""></a></td>
  <td><a href="http://www.fallofautumn.com/community/" onMouseOver="MM_swapImage('images/misc/tfoa4_r3_c6','','images/misc/slice_r3_c5.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r3_c6" src="images/misc/tfoa4_r3_c6.jpg" width="105" height="18" border="0" alt=""></a></td>
  <td><img name="timages/misc/foa4_r3_c7" src="images/misc/tfoa4_r3_c7.jpg" width="71" height="18" border="0" alt=""></td>
  <td><img src="spacer.gif" width="1" height="18" border="0" alt=""></td>
 </tr>
</table>
  1. <script language="JavaScript" type="text/JavaScript">
  2. <!--
  3. function MM_preloadImages() { //v3.0
  4.  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  5.   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  6.   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  7. }
  8. function MM_swapImgRestore() { //v3.0
  9.  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  10. }
  11. function MM_findObj(n, d) { //v4.01
  12.  var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  13.   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  14.  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  15.  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  16.  if(!x && d.getElementById) x=d.getElementById(n); return x;
  17. }
  18. function MM_swapImage() { //v3.0
  19.  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  20.   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  21. }
  22. //-->
  23. </script>
  24. </head><body onLoad="MM_preloadImages('images/misc/slice_r3_c1.jpg','images/misc/slice_r3_c2.jpg',
  25. 'images/misc/slice_r3_c3.jpg','images/misc/slice_r3_c4.jpg',
  26. 'images/misc/slice_r3_c5.jpg','images/misc/slice_r1_c7.jpg',
  27. 'images/misc/slice_r1_c8.jpg','images/misc/slice_r1_c9.jpg')">
  28. <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  29. <!-- fwtable fwsrc="tfoa4.png" fwbase="tfoa4.jpg" fwstyle="Dreamweaver" fwdocid = "1997332963" fwnested="0" -->
  30.  <tr>
  31.   <td><img src="spacer.gif" width="14" height="1" border="0" alt=""></td>
  32.   <td><img src="spacer.gif" width="65" height="1" border="0" alt=""></td>
  33.   <td><img src="spacer.gif" width="118" height="1" border="0" alt=""></td>
  34.   <td><img src="spacer.gif" width="115" height="1" border="0" alt=""></td>
  35.   <td><img src="spacer.gif" width="139" height="1" border="0" alt=""></td>
  36.   <td><img src="spacer.gif" width="105" height="1" border="0" alt=""></td>
  37.   <td><img src="spacer.gif" width="71" height="1" border="0" alt=""></td>
  38.   <td><img src="spacer.gif" width="36" height="1" border="0" alt=""></td>
  39.   <td><img src="spacer.gif" width="64" height="1" border="0" alt=""></td>
  40.   <td><img src="spacer.gif" width="73" height="1" border="0" alt=""></td>
  41.   <td><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>
  42.  </tr>
  43.  <tr>
  44.   <td rowspan="2" colspan="7"><img name="images/misc/tfoa4_r1_c1" src="images/misc/tfoa4_r1_c1.jpg" width="627" height="102" border="0" alt=""></td>
  45.   <td><a href="http://www.fallofautumn.com/" onMouseOver="MM_swapImage('images/misc/tfoa4_r1_c8','','images/misc/slice_r1_c7.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r1_c8" src="images/misc/tfoa4_r1_c8.jpg" width="36" height="14" border="0" alt=""></a></td>
  46.   <td><a href="http://www.fallofautumn.com/aboutus/" onMouseOver="MM_swapImage('images/misc/tfoa4_r1_c9','','images/misc/slice_r1_c8.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r1_c9" src="images/misc/tfoa4_r1_c9.jpg" width="64" height="14" border="0" alt=""></a></td>
  47.   <td><a href="http://www.fallofautumn.com/community/sendmessage.php" onMouseOver="MM_swapImage('images/misc/tfoa4_r1_c10','','images/misc/slice_r1_c9.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r1_c10" src="images/misc/tfoa4_r1_c10.jpg" width="73" height="14" border="0" alt=""></a></td>
  48.   <td><img src="spacer.gif" width="1" height="14" border="0" alt=""></td>
  49.  </tr>
  50.  <tr>
  51.   <td rowspan="2" colspan="3"><img name="images/misc/tfoa4_r2_c8" src="images/misc/tfoa4_r2_c8.jpg" width="173" height="106" border="0" alt=""></td>
  52.   <td><img src="spacer.gif" width="1" height="88" border="0" alt=""></td>
  53.  </tr>
  54.  <tr>
  55.   <td><img name="images/misc/tfoa4_r3_c1" src="images/misc/tfoa4_r3_c1.jpg" width="14" height="18" border="0" alt=""></td>
  56.   <td><a href="http://www.fallofautumn.com" onMouseOver="MM_swapImage('images/misc/tfoa4_r3_c2','','images/misc/slice_r3_c1.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r3_c2" src="images/misc/tfoa4_r3_c2.jpg" width="65" height="18" border="0" alt=""></a></td>
  57.   <td><a href="http://www.fallofautumn.com/backstage/" onMouseOver="MM_swapImage('images/misc/tfoa4_r3_c3','','images/misc/slice_r3_c2.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r3_c3" src="images/misc/tfoa4_r3_c3.jpg" width="118" height="18" border="0" alt=""></a></td>
  58.   <td><a href="http://www.fallofautumn.com/thecanvas/" onMouseOver="MM_swapImage('images/misc/tfoa4_r3_c4','','images/misc/slice_r3_c3.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r3_c4" src="images/misc/tfoa4_r3_c4.jpg" width="115" height="18" border="0" alt=""></a></td>
  59.   <td><a href="http://www.fallofautumn.com/thenotebook/" onMouseOver="MM_swapImage('images/misc/tfoa4_r3_c5','','images/misc/slice_r3_c4.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r3_c5" src="images/misc/tfoa4_r3_c5.jpg" width="139" height="18" border="0" alt=""></a></td>
  60.   <td><a href="http://www.fallofautumn.com/community/" onMouseOver="MM_swapImage('images/misc/tfoa4_r3_c6','','images/misc/slice_r3_c5.jpg',1)" onMouseOut="MM_swapImgRestore()"><img name="images/misc/tfoa4_r3_c6" src="images/misc/tfoa4_r3_c6.jpg" width="105" height="18" border="0" alt=""></a></td>
  61.   <td><img name="timages/misc/foa4_r3_c7" src="images/misc/tfoa4_r3_c7.jpg" width="71" height="18" border="0" alt=""></td>
  62.   <td><img src="spacer.gif" width="1" height="18" border="0" alt=""></td>
  63.  </tr>
  64. </table>
  • PremTech
  • Beginner
  • Beginner
  • PremTech
  • Posts: 58
  • Loc: Toowoomba Queensland Australia

Post 3+ Months Ago

hi Alan


I have no idea how dreamweaver does things although i can see they are onmouse over events....but i don't know how to fix it with dream weaver....maybe you should get your mate to write the code for you.

Maybe try a copy and paste of the forum code for your top banner.

cheers
Wazza
  • Alan Lastufka
  • Proficient
  • Proficient
  • User avatar
  • Posts: 318
  • Loc: ChicagoLand, IL, USA

Post 3+ Months Ago

Ok, he couldn't figure it out, that's why I went with the image mapping.

Anyway, if you guys want to click the link again, I modified the AdSense to blend even better into the page (I hate distracting ads) and am still stumped as to what would be useful in the bottom right-hand (content-wise). Any suggestions would be greatly appretiated.

Some things I've thought about: a web poll related to that particular article, a link to a few related threads in the forum with a short caption under each link of what is being said in that thread (not sure how to actually do that though without doing it manually)... or just adding additional "Archived Articles" links of relevance in that empty area on the lower right.

Thanks in advance.
  • PremTech
  • Beginner
  • Beginner
  • PremTech
  • Posts: 58
  • Loc: Toowoomba Queensland Australia

Post 3+ Months Ago

hi Alan

u would suggest displaying "forum contains new threds" "Forum Contains No New Posts" inline ..tha way the content below it iwll move up....


As for the trouble with the menu , thats why its a good idea to lean some coding (Xhtml of course)

I would get right into learning how to code with CSS by hand... This will imoprove your "Fixing" skills no end.. And you have a lot more controll over your website


I still like the site though...

Cheers
Wazza

Post Information

  • Total Posts in this topic: 7 posts
  • Moderator: Website Reviewers
  • Users browsing this forum: No registered users and 6 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.