Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3

Thread: Adding a link!

  1. #1
    New to the CF scene
    Join Date
    Sep 2008
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Adding a link!

    I'm not one for skills when it comes to coding.
    I know basics and that is about it!

    I am currently pulling out what little hair I have left trying to add a link to an existing tumblr theme.
    I can add it but not where or I want it or without messing everything else up!!

    Can anyone help me add a link to my theme.
    I have included a pic ...


    I have tried using my very limited knowledge of divs to get it done but ended up pushing the searchbar all over the place!

    Should I post the code here or just parts of it?
    Any help would be great!

    Can anyone help?

  • #2
    LE1
    LE1 is offline
    New Coder
    Join Date
    Nov 2009
    Posts
    47
    Thanks
    4
    Thanked 1 Time in 1 Post
    Various easy ways.
    Post code here or a link to site.

  • #3
    New to the CF scene
    Join Date
    Sep 2008
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I didn't know which parts to paste here so I just grabbed the lot!
    I hope that was ok!!

    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="#344353"/>
            <meta name="color:Content Background" content="#344353"/>
            <meta name="color:Header Background" content="#344353"/>
            <meta name="color:Title" content="#DEE8F3"/>
            <meta name="color:Description" content="#6F869E"/>
            <meta name="color:Date" content="#4B5C6D"/>
            <meta name="color:Post Title" content="#DEE8F3"/>    
            <meta name="color:Text" content="#6F869E"/>
            <meta name="color:Inline Link" content="#6F869E"/>
            <meta name="color:Quote" content="#B8C8DA"/>
            <meta name="color:Quote Source" content="#DEE8F3"/>
            <meta name="color:Link Post" content="#B8C8DA"/>
            <meta name="color:Media Background" content="#4B5C6D"/>   
            <!-- END DEFAULT COLORS -->
    
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
            <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
            {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
            <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:            {color:Text};
                    margin:           30px;
                    background-color: {color:Background};
                    font-family:      Helvetica, sans-serif;
                }
                
                #content {
                    width:            420px;
                    margin:           auto;
                    padding:          35px;
                    background-color: {color:Content Background};
                }
    
                a {
                    color:            {color:Inline Link};
                }
    
                h1 {
                    padding:          0px;
                    margin:           0px;
                    font:             Bold 4.5em Helvetica, sans-serif;
                    line-height:      .9em;
                    letter-spacing:   -1px;
                    text-transform:   uppercase;
                }
                
                h1 a {
                    color:            {color:Title};
                    text-decoration:  none;
                }
    
                div#header {
                    background-color: {color:Header Background};
                    margin:           0;
                    width:            100%;
                    /* padding:          20px 30px 10px 30px; */
                }
    
                div#description {
                    font-size:        12px;
                    font-weight:      bold;
                    font-style:       italic;
                                    margin-top:       10px;
                    color:            {color:Description};
                }
                
    
    
    
    
    
                div#description a {
                    color:            {color:Description};
                }
    
    	    div#search {
    		text-align:	  right;
                    float:            right;
    		margin:		  10px 0 0;
    	    }
                
                .date {
                    font:             Italic 11px Georgia, Helvetica, sans-serif;
                    color:            {color:Date};
                    line-height:      38px;
                    height:           28px;
                    padding-top:      7px;
                    padding-bottom:   0px;
                    border-bottom:    dotted 1px {color:Date};
                    margin-bottom:    10px;
                    text-transform:   lowercase;
                }
    
                .date a {
                    text-decoration:  none;
                    color:            {color:Date};
                }
                
                .post {
                    margin-bottom:    40px;
                    position:         relative;
                }
    
                .post h2 {
                    font-weight:      Normal;
                    font-style:       italic;
                    font-size:        30px;
                    font-family:      Georgia, times, serif;
                    letter-spacing:   -.67px;
                    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:        13px;
                    line-height:      17px;
                }
                
                  .post .regular img {
                    max-width: 100%;
                  }
    
                .post .regular blockquote {
                    font-style:       italic;
                }
                
                /* Photo Post */
                .post .photo {
                    background-color: {color:Media Background};
                    padding:          10px;
                }
                
                .post .photo img {
                    border:           none;
    display: block;
    margin-left: auto;
        margin-right: auto
    
                }
    
                .post .photo .caption {
                    color:            {color:Title};
                    font-size:        13px;
                    margin-top:       17px;
                }
                
                .post .photo .caption a {
                    color:            {color:Title};
                }
                
                /* Quote Post */
                .post div.quote {
                    padding: 0;
                }
                
                .post div.quote span.quote {
                    font-size:        28px;
                    letter-spacing:   -1px;
                    color:            {color:Quote};
                }
    
                .post div.quote span.quote a {
                    color:            {color:Quote};
                }
    
                .post div.quote span.quote big.quote {
                    font-weight:      bold;
                    font-size:        60px;
                    line-height:      0px;
                    vertical-align:   -28px;
                    opacity:          0.5;
                    -moz-opacity:     0.5;
                    filter:           alpha(opacity=50);
                    display:          none;
                }
                
                .post div.quote .source {
                    font-size:        16px;
                    color:            {color:Quote Source};
                }
    
                .post div.quote .source a {
                    color:            {color:Quote Source};
                }
                
                /* Link Post */
                .post .link a.link {
                    font:             Italic 30px Georgia, Helvetica, sans-serif;
                    letter-spacing:   -.67px;
                    color:            #B6C6D8;
                    text-decoration:  none;
                    line-height:      1.1em;
                }
    
                .post .link a.link:hover {
                    color:            {color:Title};
                }
    
                .post .link .description {
                    font-weight:      normal;
                    font-size:        13px;
                    margin-top:       5px;
                }
                
                /* Conversation Post */
                .post .conversation ul {
                    list-style-type:  none;
                    margin:           0px 0px 5px 0px;
                    padding:          1px;
                }
                
                .post .conversation ul li {
                    font-size:        13px;
                    color:            {color:Text};
                    line-height:      17px;
                }
                
                .post .conversation ul li span.label {
                    font-weight:      bold;
                }
                
                /* 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:            400px;
                    margin:           auto;
                    padding:          10px;
                    background-color: {color:Media Background};
                }
    
                .post .video .caption {
                    margin-top:       15px;
                    font-size:        13px;
                    line-height:      17px;
                    color:            {color:Title};
                }
                
                .post .video .caption a {
                    color:            {color:Title};
                }
    
                /* Footer */
                #footer {
                    margin:           20px 0px 0px 0px;
                    font-size:        18px;
                }
                
                #footer a {
                    text-decoration:  none;
                    color:            {color:Text};
                }
                
                #footer a:hover {
                    text-decoration:  underline;
                }
    
                #footer p.tiny {
                    font-size:        11px;
                    float:            left;
                }
                
                #footer p.tiny a {
                    text-decoration:  none;
                    color:            {color:Text};
                    font-weight:      bold;
                }
                
                #footer p.tiny .dim {
                    filter:           alpha(opacity=50); 
                    -moz-opacity:     0.5; 
                    opacity:          0.5;
                }
    
                ol.notes {
                    padding: 0px;
                    margin: 25px 0px;
                    list-style-type: none;
                    font-size: .75em;
                    background-color:{color:Photo Background};
                    color: {color:Text};
                }
    
                ol.notes li.note {
                    padding: 3px 7px 3px 7px;
                }
    
                ol.notes li.note a {
                    color: {color:Title};
                    text-decoration: none;
                }
    
                ol.notes li.note img.avatar {
                    vertical-align: -4px;
                    margin-right: 10px;
                    width: 16px;
                    height: 16px;
                }
    
                ol.notes li.note a img.avatar {
                    border: none;
                }
    
                ol.notes li.note span.action {
                    font-weight: normal;
                }
    
                ol.notes li.note .answer_content {
                    font-weight: normal;
                }
    
                ol.notes li.note blockquote {
                    padding: 4px 10px;
                    margin: 10px 0px 0px 25px;
                }
    
                ol.notes li.note blockquote a {
                    text-decoration: none;
                }
    
    
    						.searchresultcount {
    								text-align: 			center;
    						}
    						
    						.query {
    								font-weight:			bold;
    						}
                
                {CustomCSS}
            </style>
        </head>
    
    
        <body>
            
    
    <div id="content">
    
    
    
                <div id="header">
    
    
                    <h1><a href="/">{Title}</a></h1>
                    
                    {block:Description}
                        <div id="description">
                            {Description}
    
                        </div>
                    {/block:Description}
    
    
                </div>
    
    
    
    <div id="search">
    		    <form action="/search" method="get">
    		      <input type="text" name="q" value="{SearchQuery}"/>
    		      <input type="submit" value="Search"/>
    		    </form>
    		</div>
    
    
    
    
                
    						{block:SearchPage}
    							<div class="searchresultcount">
    								<p>Your search for <span class="query">{SearchQuery}</span> returned {SearchResultCount} result(s)</p>
    							</div>
    						{/block:SearchPage}
    
                {block:Posts}
                    {block:NewDayDate}
                        <div class="date">
                            <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
                        </div>
                    {/block:NewDayDate}
    
                    {block:SameDayDate}
                        <div class="date">
                            <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
                        </div>
                    {/block:SameDayDate}
                
                    <div class="post">
                        {block:Regular}
                            <div class="regular">
                                {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                                {Body}
                            </div>
                        {/block:Regular}
                        
                        {block:Photo}
                            <div class="photo">
                                {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
                                <div class="caption">
                                    {Caption}
                                </div>
                            </div>
                        {/block:Photo}
                        
                        {block:Quote}
                            <div class="quote">
                                <span class="quote">
                                    <big class="quote"></big> {Quote}
                                </span>
                                <div class="source">
                                    {Source}
                                </div>
                            </div>
                        {/block:Quote}
                        
                        {block:Link}
                            <div class="link">
                                <a href="{URL}" class="link" {Target}>{Name} <span style="font-family:Arial, sans-serif;">&rarr;</span></a>
                                <div class="description">
                                    {Description}
                                </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>
                            </div>
                        {/block:Conversation}
                        
                        {block:Audio}
                            <div class="audio">
                                {AudioPlayerGrey}
                                <div class="caption">
                                    {Caption}
                                </div>
                            </div>
                        {/block:Audio}
                        
                        {block:Video}
                            <div class="video">
                                {Video-400}
                                <div class="caption">
                                    {Caption}
                                </div>
                            </div>
                        {/block:Video}
                    </div>
    
    
    <div style="font-size: 10px; text-align: left;"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>
    
    
    
    
    
    
    
    
    
    
                {/block:Posts}
    
    
    
    
    
    
    
    
    <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/rantsandtantrums/embed.js"></script><noscript><a href="http://disqus.com/forums/rantsandtantrums/?url=ref">View the discussion thread.</a></noscript><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 charset="utf-8" type="text/javascript" src="http://disqus.com/forums/rantsandtantrums/get_num_replies.js' + query + '"></' + 'script>');
    })();
    //]]>
    </script>
    
    
    
    
    
    
    
    
    
            {block:PermalinkPage}
              {block:PostNotes}
                {PostNotes}
              {/block:PostNotes}
            {/block:PermalinkPage}
    
    
                <div id="footer">
                    {block:PreviousPage}
    
                        <a style="float: left" a href="{PreviousPage}">← Previous</a> &nbsp;&nbsp;
                    {/block:PreviousPage}
                    
                    {block:NextPage}
                        <a style="float: right" a href="{NextPage}">Next →</a>
    
                    {/block:NextPage}
    
    <br/><br/>
    
                    <p class="tiny">
                    Designed by <a href="http://sparo.tumblr.com/">Sam Paro</a>
    
    		
                    </p>
                </div>
            </div>
        </body>
    
    
    
    
    
    
    </html>


  •  

    Posting Permissions

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