News:

Forum changes: Editing of posts has been turned off until further notice.

Main Menu

[Game Chef 2009] Mark Your Calendars for Aug 31

Started by Jonathan Walton, August 21, 2009, 08:47:05 PM

Previous topic - Next topic

Tark

I might be able to fix it via the advanced settings under the design tab.  Lemme copy/paste what I'm seeing so you can tell me what I need to be doing.

QuoteTHIS IS THE HTML OF THE PAGE the first tab of th advanced setting.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>%%TITLE%%</title>
  <!--[if IE 7]>
      <style>
      p {
        line-height:20px;
        padding-bottom:0;
      }
      h1 {
        font-size:20px;
        font-weight:normal;
        color:#fff;
        padding-bottom:0;
      }
      h2 {
        font-size:16px;
        font-weight:normal;
        color:#999999;
        padding-bottom:0;
      }
      #navigation {
        float:left;
        background-color:#0a161b;
        width:948px;
        font-size:12px;
        color:#060e11;
        padding:16px 0px 0px 0px;
      }
      #navigation-links li {
        float:left;
        display:inline;
        font-size:1em;
        padding:0px 20px 10px 0px;
        border:1px solid red;
      }
    </style>
  <![endif]-->
</head>
<body>
  <div id="wrapper">
    <div id="sitename">%%TITLE%%</div>
    <div class="weebly_header"></div>
    <div id="navigation">%%MENU%%</div>
    <div id="content-wrapper">
      <div id="contents">
        %%CONTENT%%
      </div>
      <div id="footer">
        <div id="footer-contents">%%WEEBLYFOOTER%%<div>
      </div>
    </div>
  </div>
</body>
</html>

The next bit is a tab labeled CSS.

QuoteCSS

*|* {
  margin:0pt;
  padding:0pt;
}
body {
  background: transparent url(background.gif) repeat-x center top;
  background-color:#0d1216;
  font-family:Georgia,"times new roman",serif;
  font-size:13px;
  color:#4f7288;
  margin:0;
  padding:0;
}
p {
  line-height:1.5;
  padding-bottom:12px;
}
h1 {
  font-family:Georgia,"times new roman",serif;
  font-size:20px;
  font-weight:normal;
  color:#fff;
  line-height:1.5;
}
h2 {
  font-family:Georgia,"times new roman",serif;
  font-size:18px;
  font-weight:normal;
  color:#ffffff;
  line-height:1.5;
}
#wrapper {
  width:960px;
  margin:0pt auto;
}
#sitename {
  height:63px;
  width:960px;
  font-size:30px;
  color:#cccccc;
  font-weight:normal;
  padding-top:25px;
}
#content-wrapper {
  background:transparent url(content_background.jpg) repeat-x center top;
  float:left;
  width:960px;
  margin-top:9px;
  margin-right:0px;
  padding-bottom:25px;
}
#navigation {
  float:left;
  background-color:#0a161b;
  width:948px;
  font-size:12px;
  color:#060e11;
  padding:16px 0px 0 12px;
}
#navigation ul {
  float:left;
  padding:0 10px 0 0;
  margin-left:0;
}
#navigation li {
  float:left;
  display:inline;
  height:30px;
  font-size:1em;
  padding:0px 20px 6px 10px;
}
#navigation a:link  {
  color:#fff;
  text-decoration:none; 
}
#navigation a:hover  {
  color:#fff;
  text-decoration:none; 
}
#navigation a:visited  {
  color:#fff;
  text-decoration:none; 
}
#active a:link  {
  color:#63afde;
  text-decoration:none; 
}
#active a:hover {
  color:#63afde;
  text-decoration:none; 
}
#active a:visited {
  color:#63afde;
  text-decoration:none; 
}
a:link, a:hover, a:visited {
  color:#63afde;
  font-weight:normal;
  text-decoration:none;
}
.weebly_header {
  background:transparent url(%%HEADERIMG%%) no-repeat center top;
  float:left;
  width:960px;
  height:314px;
}
#contents {
  width:920px;
  min-height:500px;
  height:auto !important;
  height:500px;
  padding:20px;
}
#footer {
  float:left;
  width:960px;
  height:36px; 
  margin:20px 0 30px 0;
  background-color:#0c1c23;
}
#footer-contents {
  float:left;
  font-family:Georgia,"times new roman",serif;
  padding:11px 0px 0 20px;
  width:940px;
  height:28px;
}
input {
  background-color:#394c5b;
  border:1px solid #999;
  font-size:12px;
  color:#97c4e0;
}
textarea {
  background-color:#394c5b;
  border:1px solid #999;
  font-size:12px;
  color:#97c4e0;
}

div#commentArea div.blogCommentOwner {
  background: #323242;
  border: 1px solid #505060;
}


/****************************** flyout menus ******************************/

#weebly-menus .weebly-menu-wrap {
  z-index: 5000;
}

#weebly-menus .weebly-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

#weebly-menus .weebly-menu li {
  float: left;
  clear: left;
  width: 170px;
  text-align: left;
}

#weebly-menus .weebly-menu li a {
  position: relative;
  display: block;
  width: 100%;
  background: #2a3e4e;
  border-right: 1px solid #394c5b;
  border-left: 1px solid #394c5b;
  border-bottom: 1px solid #394c5b;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
  line-height:1;
  padding:5px;
  color: #fff;
}

#weebly-menus .weebly-menu li a:hover {
  background: #2a3e4e;
}

#weebly-menus span.weebly-menu-title {
  display: block;
  padding: 5px 10px;
}

#weebly-menus span.weebly-menu-more {
  background: transparent url(http://images.weebly.com/weebly/images/submenu_arrow.gif) no-repeat center top;
  display: block;
  position: absolute;
  right: 5px;
  top: 0;
  font-family: Courier;
  height: 28px;
  line-height: 28px;
  padding:3px 0 3px 0;
}

Tark

This appears to let me manipulate the thtmeme though I still can't find a way to directly manipulate the HTML of a specific page.

Tark

Digging further I found a drag option to allow me to add custom HTML to a page.  So what custom HTML should I add to get this thing rolling?

Paul Czege

You don't need to make changes to the html of the blog. I dunno man. The recommendation of the w3 feed validator is that your feed xml should have something like the following in the channel section:

Quote<atom:link href="http://jtarkpalmerwritings.weebly.com/1/feed" rel="self" type="application/rss+xml" />

But yours is an RSS feed, not an atom feed. And it's programmatically generated. So my hope would be that the Weebly software would be getting it right.

You need someone who understands RSS better than I do.

Paul
My Life with Master knows codependence.
And if you're doing anything with your Acts of Evil ashcan license, of course I'm curious and would love to hear about your plans

Tark

That's ok gmails being a bitch today so let's open a hotmail and wordpress account and go to town.

Tark

*sigh* No way to get into my gmail account as of yet so, gonna have a new wordpress blog and stuff going by the weekend so I can get this show on the road already.

Jonathan Walton

Tark,

Take a deep breath.  This will all be okay.  Starting a game later than everybody else isn't a big deal.  I just added a couple new blogs to the feed yesterday.  You've got all the time in the world (at least until the end of the month).

Jonathan Walton

The master list of Week One winners is up here, listing the 12 games that have been submitted so far and their medals in an easy-to-navigate chart.

David Artman

Quote from: Jonathan Walton on September 10, 2009, 05:15:46 AM
The master list of Week One winners is up here, listing the 12 games that have been submitted so far and their medals in an easy-to-navigate chart.
Quick suggestion: Add ALT attributes to (at least) the top row of medals, so that when one hovers the mouse over, one can see what they mean. (I'll also note that ALT is technically a required tag, I suppose for accessibility or search engine spiders.)

Looks like it's already a success! Lots of traffic and talk, already a stack of games to read/plat/wish I could play.

Maybe I need to ponder the ingredients more.... (They sort of had me stumped, last week, and then Dragon*Con tore my brain out and I haven't thought much since.)
Designer - GLASS, Icehouse Games
Editor - Perfect, Passages

Jonathan Walton

Good suggestion, David.  I actually did it with the TITLE tag, which seems to work for more browsers than ALT.

David Artman

Quote from: Jonathan Walton on September 10, 2009, 10:55:01 PMGood suggestion, David.  I actually did it with the TITLE tag, which seems to work for more browsers than ALT.
Yeah, I usually use both--I'm pretty sure WindowsEyes and other screen readers use the ALT tag; and having done a smidgen of search, I have no clue what "title" is supposed to do for IMG--it's a generic attribute, usable on all sorts of elements, so...?

Anyhow... all sorted, and much easier to review. (Heh... although now I sort of wish the ALT tag had a brief description in it for what some of the more esoteric medals like "networked". NOT a major problem... hmmm, but you could put an onmouseover event that changes the status bar text to the definition of a medal: it's simple JavaScript code that you can find all over the net. But, you know, it's all good--thanks for all you've already done!)
Designer - GLASS, Icehouse Games
Editor - Perfect, Passages