Need basic HTML help for blog.

Carbonic · May 21, 2008

Hey everyone, I'm trying to get a little navigation area on my blog (http://myalternativemind.net) exactly like the one over at http://limes-not-lemons.com/

I want to have an area where I can add my flickr page, facebook page, etc. Here is a screenshot.

Mine:

His:

Can someone take a look at my source, and let me know what I need to add to make it like the one I showed you? This is the only problem I'm having, and I haven't been able to figure it out for the last hour or so, Thanks!

&Ingonyama · May 22, 2008

html (insert where the header div closes):

HTML:

<div id="nav">
<a href="http://link1.com">link1 title</a> | <a href="http://link2.com">link2 title</a> | <a href="http://link3.com">link3 title</a>
</div>

css (insert anywhere in the css file):

Code:

div#nav 
{
  font-size: 15px;
  margin-top: 10px;
  padding: 10px;
  margin: -20px -20px 30px -20px;
  background-color: #000;
}

div#nav a 
{
  color: #7C7C7C;
  text-transform: uppercase;
  text-decoration: none;
}

Carbonic · May 22, 2008

Thanks! It kind of worked, if you check it out

http://myalternativemind.net

It kind of messed it up, i'm not sure if I placed it in the correct area, but could you perhaps take a look?

EDIT- I've taken out the code, so I can resume blogging, but I took a SS of what it looked like when I added the code.

http://img.skitch.com/20080523-rmyw9xex3d4rq8hqxkw32ies4f.jpg

Any ideas?

&Ingonyama · May 23, 2008

Which browser are you using? It works for me on Safari 3 and Firefox.

Carbonic · May 23, 2008

&Ingonyama said:
Which browser are you using? It works for me on Safari 3 and Firefox.

I'm using Safari 3, I will try again.

Okay, I added it again, and I get the same problem, I left it up with the code you gave me on, so maybe you can check it out to see whats up.

&Ingonyama · May 24, 2008

move the html code you entered below the next </div>

Carbonic · May 24, 2008

Okay, I did that, still got the error. I will post my entire HTML code on here, maybe that'll be more helpful.

Code:

<!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>
        <!-- DEFAULT COLORS -->
        <meta name="color:Background" content="#666"/>
        <meta name="color:Content Background" content="#fff"/>
        <meta name="color:Header Background" content="#000000"/>
        <meta name="color:Title" content="#fff"/>
        <meta name="color:Description" content="#094E7C"/>
        <meta name="color:Date" content="#666"/>
        <meta name="color:Permalinks" content="#4AADF0"/>
        <meta name="color:Post Title" content="#222"/>    
        <meta name="color:Text" content="#222"/>
        <meta name="color:Inline Link" content="#ff9900"/>
        <meta name="color:Quote" content="#333"/>
        <meta name="color:Quote Source" content="#666"/>
        <meta name="color:Link Post" content="#ff9900"/>
        <meta name="color:Conversation Background 1" content="#f4f4f4"/>
        <meta name="color:Conversation Background 2" content="#e8e8e8"/>
        <meta name="color:Conversation Border" content="#ccc"/>
        <meta name="color:Conversation Text" content="#000"/>
        <meta name="color:Photo Background" content="#ccc"/>   
        <meta name="color:Video Background" content="#eee"/>   
        <!-- END DEFAULT COLORS -->

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
        <link rel="icon" href="{Favicon}"/>
        <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
        <meta name="viewport" content="width=675"/> <!-- iPhone -->

        <style type="text/css">
            body {
              color:            #222;
                margin:           30px;
                background-color:#50504f;     
                background-image: url('http://i31.tinypic.com/2ytr443.jpg');
                background-repeat:repeat;
                font-family:      'Lucida Grande', Helvetica, sans-serif;
            }
            
            #content {
                width:            570px;
                margin:           auto;
                padding:          35px;
                background-color: {color:Content Background};
            }

            a {
                color:            {color:Inline Link};
            }

            h1 {
                padding:          0px;
                margin:           0px;
                font:             Normal 30px Helvetica, sans-serif;
                line-height:      33px;
                letter-spacing:   -1px;
            }
            
            h1 a {
                color:            {color:Title};
                text-decoration:  none;
            }

            div#header {
                background-color: {color:Header Background};
                margin:           -20px -20px 30px -20px;
                padding:          20px 30px 20px 30px;
            }

            div#description {
                font-size:        15px;
                margin-top:       10px;
                color:            {color:Description};
            }
            
            div#description a {
                color:            {color:Description};
            }
            
            .date {
                font:             Normal 16px Helvetica, sans-serif;
                color:            {color:Date};
                line-height:      32px;
                height:           28px;
                padding-top:      7px;
                background:       {color:Content Background} url('/themes/3/stripes.gif') top repeat-x;
                border-bottom:    dotted 1px #bbb;
                margin-bottom:    10px;
                text-transform:   uppercase;
            }
            
            .post {
                margin-bottom:    40px;
                position:         relative;
            }

            .post h2 {
                font-weight:      Normal;
                font-size:        20px;
                color:            {color:Post Title};
                margin:           0px 0px 10px 0px;
            }

            .post h2 a {
                color:            {color:Post Title};
                text-decoration:  none;
            }
            
            /* Regular Post */
            .post .regular {
                font-size:        12px;
                line-height:      17px;
            }

            .post .regular blockquote {
                font-style:       italic;
            }
            
            /* Photo Post */
            .post .photo {
                padding:          18px;
                background-color: {color:Photo Background};
            }
            
            .post .photo img {
                border:           solid 17px {color:Content Background};
            }

            .post .photo .caption {
                font-size:        13px;
                margin-top:       17px;
            }
            
            .post .photo .caption a {
                color:            {color:Text};
            }
            
            /* Quote Post */
            .post div.quote {
                padding: 0px 30px 0px 30px;
            }
            
            .post div.quote span.quote {
                font-size:        13px;
                letter-spacing:   -0px;
                color:            {color:Quote};
            }

            .post div.quote span.quote a {
                color:            {color:Quote};
            }

            .post div.quote span.quote big.quote {
                font-weight:      bold;
                font-size:        13px;
                line-height:      0px;
                vertical-align:   -28px;
                opacity:          0.5;
                -moz-opacity:     0.5;
                filter:           alpha(opacity=50);
            }
            
            .post div.quote .source {
                font-size:        15px;
                color:            {color:Quote Source};
            }

            .post div.quote .source a {
                color:            {color:Quote Source};
            }
            
            /* Link Post */
            .post .link a.link {
                font:             Bold 30px Helvetica, sans-serif;
                letter-spacing:   -1px;
                color:            {color:Link Post};
                text-decoration:  none;
                border-bottom:    dotted 1px {color:Link Post};
                line-height:      36px;
            }

            .post .link .description {
                font-weight:      normal;
                font-size:        14px;
                margin-top:       5px;
            }
            
            /* Conversation Post */
            .post .conversation ul {
                list-style-type:  none;
                margin:           0px 0px 5px 0px;
                padding:          1px;
                border:           solid 5px {color:Conversation Border};
            }
            
            .post .conversation ul li {
                font-size:        12px;
                padding:          4px 0px 4px 8px;
                color:            {color:Conversation Text};
            }
            
            .post .conversation ul li span.label {
                font-weight:      bold;
            }
            
            .post .conversation ul li.odd {
                background-color: {color:Conversation Background 1};
            }
            
            .post .conversation ul li.even {
                background-color: {color:Conversation Background 2};
            }
            
            /* Audio Post */
            .post .audio .caption {
                margin-top:       5px;
                font-size:        11px;
                color:            {color:Text};
            }
            
            .post .audio .caption a {
                color:            {color:Text};
            }
            
            /* Video Post */
            .post .video {
                width:            500px;
                margin:           auto;
                padding:          35px;
                background-color: {color:Video Background};
            }

            .post .video .caption {
                margin-top:       15px;
                font-size:        13px;
                color:            {color:Text};
            }
            
            .post .video .caption a {
                color:            {color:Text};
            }

            /* Footer */
            #footer {
                margin:           20px 0px 0px 0px;
                text-align:       center;
                font-size:        18px;
            }
            
            #footer a {
                text-decoration:  none;
                color:            {color:Text};
            }
            
            #footer a:hover {
                text-decoration:  underline;
            }

            #footer p.tiny {
                margin:           30px 0px 0px 0px;
                font-size:        11px;
            }
            
            #footer p.tiny a {
                text-decoration:  underline;
                color:            {color:Text};
                font-weight:      bold
            }
            
            #footer p.tiny .dim {
                filter:           alpha(opacity=50); 
                -moz-opacity:     0.5; 
                opacity:          0.5;
            }
            
            /* Permalinks */
            .post a.permalink,
            .post .audio .caption a.permalink,
            .post .quote .source a.permalink {
                font-size:        10px;
                font-weight:      bold;
                color:            {color:Permalinks};
            }
            
            {CustomCSS}
        </style>
    </head>
    <body>
        <div id="content">
            <div id="header">
                <h1><a href="/"><img src="http://i31.tinypic.com/o0o5r4.png" border="0" /></a></h1>
                
                
                    <div id="description">
                        <img src="http://i25.tinypic.com/2ege4yg.png" width="60px" align="left" style="padding-right:10px;">I'm just a boy. I am; an apple geek, graphic-designer, <font color="baf3ab">lost addict</font>, <font color="f3abf0">britney spears fanatic</font>, music and movie lover, blogger, <font color="FF92BB">pinkberry addict</font>, sarcastic, and almost too blunt. I am 20 years old, and living in my crazed reality in <font color="ebf3ab">California</font>. I'm definitely <font color="f3abab">atypical</font>.<font color="fff"> Call me what you like, but most call me <b>Jay</b></font>.<br><br>
<img src="http://i30.tinypic.com/2m5aquc.gif"> <font color="FF0066">Giive It Up</font></a>      <img src="http://i30.tinypic.com/fdar6c.gif"> <font color="FF0066">OneSickStory@live.com</font></div>

</div>
                
                {block:Description}
                    <div id="description">


                        {Description}
                    </div>

<div id="nav">
<a href="http://myalternativemind.net">START.</a> | <a href="http://myspace.com/transcendingtimeandspace">MYSPACE.</a> | <a href="http://www.flickr.com/photos/24132350@N02/">FLICKR</a>
</div>

                {/block:Description}
            </div>
            

            {block:Posts}
                {block:NewDayDate}
                    <div class="date">
                        {Month} {DayOfMonth}, {Year}
                    </div>
                {/block:NewDayDate}
            
                <div class="post">
                    {block:Regular}
                        <div class="regular">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            {Body}
                            <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                        </div>

                    {/block:Regular}
                    
                    {block:Photo}
                        <div class="photo">
                            {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Photo}
                    
                    {block:Quote}
                        <div class="quote">
                            <span class="quote">
                                <big class="quote">&#147;</big> {Quote}
                            </span>
                            <div class="source">
                                {Source}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Quote}
                    
                    {block:Link}
                        <div class="link">
                            <a href="{URL}" class="link" {Target}>{Name}</a>
                            <div class="description">
                                {Description}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Link}
                    
                    {block:Conversation}
                        <div class="conversation">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            <ul>
                                {block:Lines}
                                    <li class="{Alt}">
                                        {block:Label}<span class="label">{Label}</span>{/block:Label}
                                        {Line}
                                    </li>
                                {/block:Lines}
                            </ul>
                            <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                        </div>
                    {/block:Conversation}
                    
                    {block:Audio}
                        <div class="audio">
                            {AudioPlayerBlack}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Audio}
                    
                    {block:Video}
                        <div class="video">
                            {Video-500}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Video}
<div style="font-size: 10px; text-align: right;"><a href="{Permalink}#disqus_thread">Comments (View)</a></div>
                </div>
            {/block:Posts}

{block:Permalink}
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>
<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/propanenightmare/embed.js"></script>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
{/block:Permalink}
<script type="text/javascript">
//<[CDATA[
(function() {
		var links = document.getElementsByTagName('a');
		var query = '?';
		for(var i = 0; i < links.length; i++) {
			if(links[i].href.indexOf('#disqus_thread') >= 0) {
				query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
			}
		}
		document.write('<script type="text/javascript" src="http://disqus.com/forums/propanenightmare/get_num_replies.js' + query + '"></' + 'script>');
	})();
//]]>
</script>


            <div id="footer">
                {block:PreviousPage}
                    <a href="{PreviousPage}">← Previous</a>   
                {/block:PreviousPage}
                
                {block:NextPage}
                    <a href="{NextPage}">Next →</a>
                {/block:NextPage}

                <p class="tiny">
                    Browse the <a href="/archive">Archive</a>
                     <span class="dim">/</span> 
                    Subscribe via <a href="/rss">RSS</a>
                     <span class="dim"></span> 
                                  </p>
            </div>
        </div>
    </body>
</html>

&Ingonyama · May 24, 2008

See if this works:

HTML:

<!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>
        <!-- DEFAULT COLORS -->
        <meta name="color:Background" content="#666"/>
        <meta name="color:Content Background" content="#fff"/>
        <meta name="color:Header Background" content="#000000"/>
        <meta name="color:Title" content="#fff"/>
        <meta name="color:Description" content="#094E7C"/>
        <meta name="color:Date" content="#666"/>
        <meta name="color:Permalinks" content="#4AADF0"/>
        <meta name="color:Post Title" content="#222"/>    
        <meta name="color:Text" content="#222"/>
        <meta name="color:Inline Link" content="#ff9900"/>
        <meta name="color:Quote" content="#333"/>
        <meta name="color:Quote Source" content="#666"/>
        <meta name="color:Link Post" content="#ff9900"/>
        <meta name="color:Conversation Background 1" content="#f4f4f4"/>
        <meta name="color:Conversation Background 2" content="#e8e8e8"/>
        <meta name="color:Conversation Border" content="#ccc"/>
        <meta name="color:Conversation Text" content="#000"/>
        <meta name="color:Photo Background" content="#ccc"/>   
        <meta name="color:Video Background" content="#eee"/>   
        <!-- END DEFAULT COLORS -->

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
        <link rel="icon" href="{Favicon}"/>
        <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
        <meta name="viewport" content="width=675"/> <!-- iPhone -->

        <style type="text/css">
            body {
              color:            #222;
                margin:           30px;
                background-color:#50504f;     
                background-image: url('http://i31.tinypic.com/2ytr443.jpg');
                background-repeat:repeat;
                font-family:      'Lucida Grande', Helvetica, sans-serif;
            }
            
            #content {
                width:            570px;
                margin:           auto;
                padding:          35px;
                background-color: {color:Content Background};
            }

            a {
                color:            {color:Inline Link};
            }

            h1 {
                padding:          0px;
                margin:           0px;
                font:             Normal 30px Helvetica, sans-serif;
                line-height:      33px;
                letter-spacing:   -1px;
            }
            
            h1 a {
                color:            {color:Title};
                text-decoration:  none;
            }

            div#header {
                background-color: {color:Header Background};
                margin:           -20px -20px 30px -20px;
                padding:          20px 30px 20px 30px;
            }

            div#description {
                font-size:        15px;
                margin-top:       10px;
                color:            {color:Description};
            }
            
            div#description a {
                color:            {color:Description};
            }
            
            .date {
                font:             Normal 16px Helvetica, sans-serif;
                color:            {color:Date};
                line-height:      32px;
                height:           28px;
                padding-top:      7px;
                background:       {color:Content Background} url('/themes/3/stripes.gif') top repeat-x;
                border-bottom:    dotted 1px #bbb;
                margin-bottom:    10px;
                text-transform:   uppercase;
            }
            
            .post {
                margin-bottom:    40px;
                position:         relative;
            }

            .post h2 {
                font-weight:      Normal;
                font-size:        20px;
                color:            {color:Post Title};
                margin:           0px 0px 10px 0px;
            }

            .post h2 a {
                color:            {color:Post Title};
                text-decoration:  none;
            }
            
            /* Regular Post */
            .post .regular {
                font-size:        12px;
                line-height:      17px;
            }

            .post .regular blockquote {
                font-style:       italic;
            }
            
            /* Photo Post */
            .post .photo {
                padding:          18px;
                background-color: {color:Photo Background};
            }
            
            .post .photo img {
                border:           solid 17px {color:Content Background};
            }

            .post .photo .caption {
                font-size:        13px;
                margin-top:       17px;
            }
            
            .post .photo .caption a {
                color:            {color:Text};
            }
            
            /* Quote Post */
            .post div.quote {
                padding: 0px 30px 0px 30px;
            }
            
            .post div.quote span.quote {
                font-size:        13px;
                letter-spacing:   -0px;
                color:            {color:Quote};
            }

            .post div.quote span.quote a {
                color:            {color:Quote};
            }

            .post div.quote span.quote big.quote {
                font-weight:      bold;
                font-size:        13px;
                line-height:      0px;
                vertical-align:   -28px;
                opacity:          0.5;
                -moz-opacity:     0.5;
                filter:           alpha(opacity=50);
            }
            
            .post div.quote .source {
                font-size:        15px;
                color:            {color:Quote Source};
            }

            .post div.quote .source a {
                color:            {color:Quote Source};
            }
            
            /* Link Post */
            .post .link a.link {
                font:             Bold 30px Helvetica, sans-serif;
                letter-spacing:   -1px;
                color:            {color:Link Post};
                text-decoration:  none;
                border-bottom:    dotted 1px {color:Link Post};
                line-height:      36px;
            }

            .post .link .description {
                font-weight:      normal;
                font-size:        14px;
                margin-top:       5px;
            }
            
            /* Conversation Post */
            .post .conversation ul {
                list-style-type:  none;
                margin:           0px 0px 5px 0px;
                padding:          1px;
                border:           solid 5px {color:Conversation Border};
            }
            
            .post .conversation ul li {
                font-size:        12px;
                padding:          4px 0px 4px 8px;
                color:            {color:Conversation Text};
            }
            
            .post .conversation ul li span.label {
                font-weight:      bold;
            }
            
            .post .conversation ul li.odd {
                background-color: {color:Conversation Background 1};
            }
            
            .post .conversation ul li.even {
                background-color: {color:Conversation Background 2};
            }
            
            /* Audio Post */
            .post .audio .caption {
                margin-top:       5px;
                font-size:        11px;
                color:            {color:Text};
            }
            
            .post .audio .caption a {
                color:            {color:Text};
            }
            
            /* Video Post */
            .post .video {
                width:            500px;
                margin:           auto;
                padding:          35px;
                background-color: {color:Video Background};
            }

            .post .video .caption {
                margin-top:       15px;
                font-size:        13px;
                color:            {color:Text};
            }
            
            .post .video .caption a {
                color:            {color:Text};
            }

            /* Footer */
            #footer {
                margin:           20px 0px 0px 0px;
                text-align:       center;
                font-size:        18px;
            }
            
            #footer a {
                text-decoration:  none;
                color:            {color:Text};
            }
            
            #footer a:hover {
                text-decoration:  underline;
            }

            #footer p.tiny {
                margin:           30px 0px 0px 0px;
                font-size:        11px;
            }
            
            #footer p.tiny a {
                text-decoration:  underline;
                color:            {color:Text};
                font-weight:      bold
            }
            
            #footer p.tiny .dim {
                filter:           alpha(opacity=50); 
                -moz-opacity:     0.5; 
                opacity:          0.5;
            }
            
			div#nav 
			{
			  font-size: 15px;
			  margin-top: 10px;
			  padding: 10px;
			  margin: -20px -20px 30px -20px;
			  background-color: #000;
			}

			div#nav a 
			{
			  color: #7C7C7C;
			  text-transform: uppercase;
			  text-decoration: none;
			}

            /* Permalinks */
            .post a.permalink,
            .post .audio .caption a.permalink,
            .post .quote .source a.permalink {
                font-size:        10px;
                font-weight:      bold;
                color:            {color:Permalinks};
            }
            
            {CustomCSS}
        </style>
    </head>
    <body>
        <div id="content">
            <div id="header">
                <h1><a href="/"><img src="http://i31.tinypic.com/o0o5r4.png" border="0" /></a></h1>
                
                
                    <div id="description">
                        <img src="http://i25.tinypic.com/2ege4yg.png" width="60px" align="left" style="padding-right:10px;">I'm just a boy. I am; an apple geek, graphic-designer, <font color="baf3ab">lost addict</font>, <font color="f3abf0">britney spears fanatic</font>, music and movie lover, blogger, <font color="FF92BB">pinkberry addict</font>, sarcastic, and almost too blunt. I am 20 years old, and living in my crazed reality in <font color="ebf3ab">California</font>. I'm definitely <font color="f3abab">atypical</font>.<font color="fff"> Call me what you like, but most call me <b>Jay</b></font>.<br><br>
<img src="http://i30.tinypic.com/2m5aquc.gif"> <font color="FF0066">Giive It Up</font></a>      <img src="http://i30.tinypic.com/fdar6c.gif"> <font color="FF0066">OneSickStory@live.com</font></div>

</div>
                
                {block:Description}
                    <div id="description">


                        {Description}
                    </div>

                {/block:Description}
            </div>

<div id="nav">
<a href="http://myalternativemind.net">START.</a> | <a href="http://myspace.com/transcendingtimeandspace">MYSPACE.</a> | <a href="http://www.flickr.com/photos/24132350@N02/">FLICKR</a>
</div>
            

            {block:Posts}
                {block:NewDayDate}
                    <div class="date">
                        {Month} {DayOfMonth}, {Year}
                    </div>
                {/block:NewDayDate}
            
                <div class="post">
                    {block:Regular}
                        <div class="regular">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            {Body}
                            <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                        </div>

                    {/block:Regular}
                    
                    {block:Photo}
                        <div class="photo">
                            {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Photo}
                    
                    {block:Quote}
                        <div class="quote">
                            <span class="quote">
                                <big class="quote"></big> {Quote}
                            </span>
                            <div class="source">
                                {Source}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Quote}
                    
                    {block:Link}
                        <div class="link">
                            <a href="{URL}" class="link" {Target}>{Name}</a>
                            <div class="description">
                                {Description}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Link}
                    
                    {block:Conversation}
                        <div class="conversation">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            <ul>
                                {block:Lines}
                                    <li class="{Alt}">
                                        {block:Label}<span class="label">{Label}</span>{/block:Label}
                                        {Line}
                                    </li>
                                {/block:Lines}
                            </ul>
                            <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                        </div>
                    {/block:Conversation}
                    
                    {block:Audio}
                        <div class="audio">
                            {AudioPlayerBlack}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Audio}
                    
                    {block:Video}
                        <div class="video">
                            {Video-500}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Video}
<div style="font-size: 10px; text-align: right;"><a href="{Permalink}#disqus_thread">Comments (View)</a></div>
                </div>
            {/block:Posts}

{block:Permalink}
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>
<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/propanenightmare/embed.js"></script>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
{/block:Permalink}
<script type="text/javascript">
//<[CDATA[
(function() {
		var links = document.getElementsByTagName('a');
		var query = '?';
		for(var i = 0; i < links.length; i++) {
			if(links[i].href.indexOf('#disqus_thread') >= 0) {
				query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
			}
		}
		document.write('<script type="text/javascript" src="http://disqus.com/forums/propanenightmare/get_num_replies.js' + query + '"></' + 'script>');
	})();
//]]>
</script>


            <div id="footer">
                {block:PreviousPage}
                    <a href="{PreviousPage}">← Previous</a>   
                {/block:PreviousPage}
                
                {block:NextPage}
                    <a href="{NextPage}">Next →</a>
                {/block:NextPage}

                <p class="tiny">
                    Browse the <a href="/archive">Archive</a>
                     <span class="dim">/</span> 
                    Subscribe via <a href="/rss">RSS</a>
                     <span class="dim"></span> 
                                  </p>
            </div>
        </div>
    </body>
</html>

Carbonic · May 24, 2008

Used your code, it still is kind of messed up. Check it out, i left it up again

&Ingonyama · May 24, 2008

ok try this:

HTML:

<!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>
        <!-- DEFAULT COLORS -->
        <meta name="color:Background" content="#666"/>
        <meta name="color:Content Background" content="#fff"/>
        <meta name="color:Header Background" content="#000000"/>
        <meta name="color:Title" content="#fff"/>
        <meta name="color:Description" content="#094E7C"/>
        <meta name="color:Date" content="#666"/>
        <meta name="color:Permalinks" content="#4AADF0"/>
        <meta name="color:Post Title" content="#222"/>    
        <meta name="color:Text" content="#222"/>
        <meta name="color:Inline Link" content="#ff9900"/>
        <meta name="color:Quote" content="#333"/>
        <meta name="color:Quote Source" content="#666"/>
        <meta name="color:Link Post" content="#ff9900"/>
        <meta name="color:Conversation Background 1" content="#f4f4f4"/>
        <meta name="color:Conversation Background 2" content="#e8e8e8"/>
        <meta name="color:Conversation Border" content="#ccc"/>
        <meta name="color:Conversation Text" content="#000"/>
        <meta name="color:Photo Background" content="#ccc"/>   
        <meta name="color:Video Background" content="#eee"/>   
        <!-- END DEFAULT COLORS -->

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
        <link rel="icon" href="{Favicon}"/>
        <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
        <meta name="viewport" content="width=675"/> <!-- iPhone -->

        <style type="text/css">
            body {
              color:            #222;
                margin:           30px;
                background-color:#50504f;     
                background-image: url('http://i31.tinypic.com/2ytr443.jpg');
                background-repeat:repeat;
                font-family:      'Lucida Grande', Helvetica, sans-serif;
            }
            
            #content {
                width:            570px;
                margin:           auto;
                padding:          35px;
                background-color: {color:Content Background};
            }

            a {
                color:            {color:Inline Link};
            }

            h1 {
                padding:          0px;
                margin:           0px;
                font:             Normal 30px Helvetica, sans-serif;
                line-height:      33px;
                letter-spacing:   -1px;
            }
            
            h1 a {
                color:            {color:Title};
                text-decoration:  none;
            }

            div#header {
                background-color: {color:Header Background};
                margin:           -20px -20px 30px -20px;
                padding:          20px 30px 20px 30px;
            }

            div#description {
                font-size:        15px;
                margin-top:       10px;
                color:            {color:Description};
            }
            
            div#description a {
                color:            {color:Description};
            }
            
            .date {
                font:             Normal 16px Helvetica, sans-serif;
                color:            {color:Date};
                line-height:      32px;
                height:           28px;
                padding-top:      7px;
                background:       {color:Content Background} url('/themes/3/stripes.gif') top repeat-x;
                border-bottom:    dotted 1px #bbb;
                margin-bottom:    10px;
                text-transform:   uppercase;
            }
            
            .post {
                margin-bottom:    40px;
                position:         relative;
            }

            .post h2 {
                font-weight:      Normal;
                font-size:        20px;
                color:            {color:Post Title};
                margin:           0px 0px 10px 0px;
            }

            .post h2 a {
                color:            {color:Post Title};
                text-decoration:  none;
            }
            
            /* Regular Post */
            .post .regular {
                font-size:        12px;
                line-height:      17px;
            }

            .post .regular blockquote {
                font-style:       italic;
            }
            
            /* Photo Post */
            .post .photo {
                padding:          18px;
                background-color: {color:Photo Background};
            }
            
            .post .photo img {
                border:           solid 17px {color:Content Background};
            }

            .post .photo .caption {
                font-size:        13px;
                margin-top:       17px;
            }
            
            .post .photo .caption a {
                color:            {color:Text};
            }
            
            /* Quote Post */
            .post div.quote {
                padding: 0px 30px 0px 30px;
            }
            
            .post div.quote span.quote {
                font-size:        13px;
                letter-spacing:   -0px;
                color:            {color:Quote};
            }

            .post div.quote span.quote a {
                color:            {color:Quote};
            }

            .post div.quote span.quote big.quote {
                font-weight:      bold;
                font-size:        13px;
                line-height:      0px;
                vertical-align:   -28px;
                opacity:          0.5;
                -moz-opacity:     0.5;
                filter:           alpha(opacity=50);
            }
            
            .post div.quote .source {
                font-size:        15px;
                color:            {color:Quote Source};
            }

            .post div.quote .source a {
                color:            {color:Quote Source};
            }
            
            /* Link Post */
            .post .link a.link {
                font:             Bold 30px Helvetica, sans-serif;
                letter-spacing:   -1px;
                color:            {color:Link Post};
                text-decoration:  none;
                border-bottom:    dotted 1px {color:Link Post};
                line-height:      36px;
            }

            .post .link .description {
                font-weight:      normal;
                font-size:        14px;
                margin-top:       5px;
            }
            
            /* Conversation Post */
            .post .conversation ul {
                list-style-type:  none;
                margin:           0px 0px 5px 0px;
                padding:          1px;
                border:           solid 5px {color:Conversation Border};
            }
            
            .post .conversation ul li {
                font-size:        12px;
                padding:          4px 0px 4px 8px;
                color:            {color:Conversation Text};
            }
            
            .post .conversation ul li span.label {
                font-weight:      bold;
            }
            
            .post .conversation ul li.odd {
                background-color: {color:Conversation Background 1};
            }
            
            .post .conversation ul li.even {
                background-color: {color:Conversation Background 2};
            }
            
            /* Audio Post */
            .post .audio .caption {
                margin-top:       5px;
                font-size:        11px;
                color:            {color:Text};
            }
            
            .post .audio .caption a {
                color:            {color:Text};
            }
            
            /* Video Post */
            .post .video {
                width:            500px;
                margin:           auto;
                padding:          35px;
                background-color: {color:Video Background};
            }

            .post .video .caption {
                margin-top:       15px;
                font-size:        13px;
                color:            {color:Text};
            }
            
            .post .video .caption a {
                color:            {color:Text};
            }

            /* Footer */
            #footer {
                margin:           20px 0px 0px 0px;
                text-align:       center;
                font-size:        18px;
            }
            
            #footer a {
                text-decoration:  none;
                color:            {color:Text};
            }
            
            #footer a:hover {
                text-decoration:  underline;
            }

            #footer p.tiny {
                margin:           30px 0px 0px 0px;
                font-size:        11px;
            }
            
            #footer p.tiny a {
                text-decoration:  underline;
                color:            {color:Text};
                font-weight:      bold
            }
            
            #footer p.tiny .dim {
                filter:           alpha(opacity=50); 
                -moz-opacity:     0.5; 
                opacity:          0.5;
            }
            
			div#nav 
			{
			  font-size: 15px;
			  margin-top: 10px;
			  padding: 10px;
			  margin: -20px -20px 30px -20px;
			  background-color: #000;
			}

			div#nav a 
			{
			  color: #7C7C7C;
			  text-transform: uppercase;
			  text-decoration: none;
			}

            /* Permalinks */
            .post a.permalink,
            .post .audio .caption a.permalink,
            .post .quote .source a.permalink {
                font-size:        10px;
                font-weight:      bold;
                color:            {color:Permalinks};
            }
            
            {CustomCSS}
        </style>
    </head>
    <body>
        <div id="content">
            <div id="header">
                <h1><a href="/"><img src="http://i31.tinypic.com/o0o5r4.png" border="0" /></a></h1>
                
                
                    <div id="description">
                        <img src="http://i25.tinypic.com/2ege4yg.png" width="60px" align="left" style="padding-right:10px;">I'm just a boy. I am; an apple geek, graphic-designer, <font color="baf3ab">lost addict</font>, <font color="f3abf0">britney spears fanatic</font>, music and movie lover, blogger, <font color="FF92BB">pinkberry addict</font>, sarcastic, and almost too blunt. I am 20 years old, and living in my crazed reality in <font color="ebf3ab">California</font>. I'm definitely <font color="f3abab">atypical</font>.<font color="fff"> Call me what you like, but most call me <b>Jay</b></font>.<br><br>
<img src="http://i30.tinypic.com/2m5aquc.gif"> <font color="FF0066">Giive It Up</font></a>      <img src="http://i30.tinypic.com/fdar6c.gif"> <font color="FF0066">OneSickStory@live.com</font></div>

</div>
                
                {block:Description}
                    <div id="description">


                        {Description}
                    </div>

                {/block:Description}

<div id="nav">
<a href="http://myalternativemind.net">START.</a> | <a href="http://myspace.com/transcendingtimeandspace">MYSPACE.</a> | <a href="http://www.flickr.com/photos/24132350@N02/">FLICKR</a>
</div>
            

            {block:Posts}
                {block:NewDayDate}
                    <div class="date">
                        {Month} {DayOfMonth}, {Year}
                    </div>
                {/block:NewDayDate}
            
                <div class="post">
                    {block:Regular}
                        <div class="regular">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            {Body}
                            <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                        </div>

                    {/block:Regular}
                    
                    {block:Photo}
                        <div class="photo">
                            {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Photo}
                    
                    {block:Quote}
                        <div class="quote">
                            <span class="quote">
                                <big class="quote"></big> {Quote}
                            </span>
                            <div class="source">
                                {Source}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Quote}
                    
                    {block:Link}
                        <div class="link">
                            <a href="{URL}" class="link" {Target}>{Name}</a>
                            <div class="description">
                                {Description}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Link}
                    
                    {block:Conversation}
                        <div class="conversation">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            <ul>
                                {block:Lines}
                                    <li class="{Alt}">
                                        {block:Label}<span class="label">{Label}</span>{/block:Label}
                                        {Line}
                                    </li>
                                {/block:Lines}
                            </ul>
                            <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                        </div>
                    {/block:Conversation}
                    
                    {block:Audio}
                        <div class="audio">
                            {AudioPlayerBlack}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Audio}
                    
                    {block:Video}
                        <div class="video">
                            {Video-500}
                            <div class="caption">
                                {Caption}
                                <a href="{Permalink}" class="permalink">{TimeAgo}</a>
                            </div>
                        </div>
                    {/block:Video}
<div style="font-size: 10px; text-align: right;"><a href="{Permalink}#disqus_thread">Comments (View)</a></div>
                </div>
            {/block:Posts}

{block:Permalink}
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>
<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/propanenightmare/embed.js"></script>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
{/block:Permalink}
<script type="text/javascript">
//<[CDATA[
(function() {
		var links = document.getElementsByTagName('a');
		var query = '?';
		for(var i = 0; i < links.length; i++) {
			if(links[i].href.indexOf('#disqus_thread') >= 0) {
				query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
			}
		}
		document.write('<script type="text/javascript" src="http://disqus.com/forums/propanenightmare/get_num_replies.js' + query + '"></' + 'script>');
	})();
//]]>
</script>


            <div id="footer">
                {block:PreviousPage}
                    <a href="{PreviousPage}">← Previous</a>   
                {/block:PreviousPage}
                
                {block:NextPage}
                    <a href="{NextPage}">Next →</a>
                {/block:NextPage}

                <p class="tiny">
                    Browse the <a href="/archive">Archive</a>
                     <span class="dim">/</span> 
                    Subscribe via <a href="/rss">RSS</a>
                     <span class="dim"></span> 
                                  </p>
            </div>
        </div>
    </body>
</html>

Carbonic · May 24, 2008

thank you, thank you, thank you!

Search

Search

Need basic HTML help for blog.

Carbonic

macrumors regular

&Ingonyama

macrumors member

Carbonic

macrumors regular

&Ingonyama

macrumors member

Carbonic

macrumors regular

&Ingonyama

macrumors member

Carbonic

macrumors regular

&Ingonyama

macrumors member

Carbonic

macrumors regular

&Ingonyama

macrumors member

Carbonic

macrumors regular

Our Staff