Need basic HTML help for blog.

Discussion in 'Web Design and Development' started by Carbonic, May 21, 2008.

  1. Carbonic macrumors regular

    Joined:
    Mar 2, 2008
    #1
    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:
    [​IMG]

    His:
    [​IMG]

    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!
     
  2. &Ingonyama macrumors member

    Joined:
    May 6, 2008
    #2
    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;
    }
    
     
  3. Carbonic thread starter macrumors regular

    Joined:
    Mar 2, 2008
    #3
  4. &Ingonyama macrumors member

    Joined:
    May 6, 2008
    #4
    Which browser are you using? It works for me on Safari 3 and Firefox.
     
  5. Carbonic thread starter macrumors regular

    Joined:
    Mar 2, 2008
    #5
    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.
     
  6. &Ingonyama macrumors member

    Joined:
    May 6, 2008
    #6
    move the html code you entered below the next </div>
     
  7. Carbonic thread starter macrumors regular

    Joined:
    Mar 2, 2008
    #7
    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>
     
  8. &Ingonyama macrumors member

    Joined:
    May 6, 2008
    #8
    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>
    
     
  9. Carbonic thread starter macrumors regular

    Joined:
    Mar 2, 2008
    #9
    Used your code, it still is kind of messed up. Check it out, i left it up again
     
  10. &Ingonyama macrumors member

    Joined:
    May 6, 2008
    #10
    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>
    
     
  11. Carbonic thread starter macrumors regular

    Joined:
    Mar 2, 2008

Share This Page