Please help with coding

Discussion in 'Off Topic Forum' started by Matth3w, Mar 6, 2010.

  1. Matth3w

    Matth3w Guest

    Ratings:
    +0
    I can't for the life of me figure out how to change the color of links on my Blogspot blog...the custom theme broke my font/color section so I'm trying to change the HTML manually.

    I just want to change it to blue....


    Code:
    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/URL]">
    <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
      <head>
    <meta content='' name='keywords'/>
    <meta content='' name='description'/>
    <meta content='text/html; charset=utf-8' http-equiv='content-type'/>
        <b:include data='blog' name='all-head-content'/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <title><data:blog.pageName/></title>
        <b:else/>
        <title><data:blog.pageTitle/></title>
        </b:if>
        <b:skin><![CDATA[/* 
    *************************************
    Blogger Template Style
    Name :    Blacksapphire
    Description: A three-column, fixed-width, 1024x768 screen resolutions.
    Designer : TeknoMobi
    URL 1:      [url=http://www.teknomobi.net]TeknoMobi | Profesyonel ve √úcretsiz Blogger Tema Tasar?mlar?[/url]
    URL 2:      [url=http://www.bloggergallery.com/]Blogger Templates by Blogger Gallery | Free - Premium Blogger Template Design and Gallery Showcase[/url]
    Bloggerized Date : 03 December 2009
    Original Template Style
    Designer : ThemeLayouts/DreamTemplate
    URL:       [url=http://www.themelayouts.com/]WordPress Themes, Joomla Templates, oSCommerce Templates - ThemeLayouts[/url]
    Author URI: [url=http://www.dreamtemplate.com/]Website Templates, Web Templates, Flash, Word Templates - DreamTemplate[/url]
    Version: 1
    Licence: Creative Commons Attribution-Share Alike 3.0 License
    This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
    ************************************ */
    #navbar{display:none; height:0; visibility:hidden;}
    ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
     margin:0;
     padding:0;
    }
    ul{
     list-style:none;
    }
    a{
     color:#333333;
     text-decoration:none;
    }
    a:hover{
     text-decoration:underline;
    }
    a img{
     border:0;
    }
    .clear{
     clear:both;
    }
    body{
     margin:0px;
     padding:0 0 40px 0;
     font-family:Verdana, Geneva, sans-serif;
     font-size:11px;
     background:#252525 url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/SxbfUPVtsgI/AAAAAAAABWg/sMUB3otBU9k/s1600/bgr_main.png[/URL]) repeat-x;
     color:#333333;
    }
    #outer-wrapper{
     width:1000px;
     margin:0 auto;
    }
    /* HEADER */
    #header-wrapper{
     width:100%;
     height:119px;
    }
    #header-inner {
      background-position: center;
      margin-left: auto;
      margin-right: auto;
    }
    #header{
     width: 500px;
     padding:40px 0 0 44px;
     float:left;
    }
    #header h1 {
     font-size:38px;
     font-family:Georgia, "Times New Roman", Times, serif;
     color:#fff;
     font-weight:normal;
    }
    #header h1 a{
     font-size:38px;
     font-family:Georgia, "Times New Roman", Times, serif;
     color:#fff;
     font-weight:normal;
    }
    #header .description {
     text-transform: uppercase;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 10px;
     color: #fff;
     padding:10px 0 0 14px;
     width: 500px;
     float:left;
    }
    /*sidebar_search*/
    #sidebar_search{
     float:right;
     width:344px;
     padding:46px 0 0 0
    }
    #sidebar_search_val{
     float:left;
     background:url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/SxbfiDCtrGI/AAAAAAAABWw/s__aY4NuD_Q/s1600/bgr_sidebar_search_val.png[/URL]) repeat;
     border:0;
     width:290px;
     font-size:13px;
     font-family:Verdana, Geneva, sans-serif;
     color:#6f6f6f;
     padding:5px;
     margin:0 6px 0 0;
    }
    #sidebar_search_sub{
     float:left;
    }
    /*board*/
    #board{
     width:100%;
     height:88px;
     overflow:hidden;
     background:url([URL]http://2.bp.blogspot.com/_qJEkQRe5y8U/SxbfTkvBbLI/AAAAAAAABWU/oGG1FnzLgIo/s1600/bgr_board.png[/URL]) no-repeat;
    }
    #twitter{
     float:left;
     padding:10px 20px 0 31px;
     width:627px;
    }
    #twitter h2{
     color:#727272;
     font-family:Georgia, "Times New Roman", Times, serif;
     font-size:18px;
     font-weight:normal;
     padding:0 0 5px 0;
    }
    #twitter h2 a{
     color:#727272;
     text-decoration:underline;
    }
    #twitter h2 a:hover{
     text-decoration:none;
    }
    #twitter_update_list{
     color:#737373;
     font-size:13px;
     font-family:Arial, Helvetica, sans-serif;
    }
    #twitter_update_list span{
     display:block;
    }
    #twitter_update_list a{
     font-weight:bold;
     color:#737373;
     font-family:Georgia, "Times New Roman", Times, serif;
     font-style:italic;
    }
    #twitter_update_list span a{
     font-weight:normal;
     font-family:Arial, Helvetica, sans-serif;
     font-style:normal;
    }
    #twitter_link{
     float:left;
     font-size:18px;
     color:#fff;
     font-family:Georgia, "Times New Roman", Times, serif;
     width:102px;
     height:74px;
     background:url([URL]http://1.bp.blogspot.com/_qJEkQRe5y8U/SxbfikC1OvI/AAAAAAAABW0/FQ_AQCTvO8k/s1600/bgr_twitter_link.png[/URL]) no-repeat right bottom;
     padding:14px 60px 0 0;
     text-transform:uppercase;
    }
    #twitter_link a{
     float:left;
     display:block;
     color:#fff;
    }
    #twitter_link a span{
     color:#5aacff;
    }
    #rss_link{
     float:left;
     font-size:18px;
     color:#fff;
     font-family:Georgia, "Times New Roman", Times, serif;
     width:107px;
     height:74px;
     background:url([URL]http://1.bp.blogspot.com/_qJEkQRe5y8U/SxbfiO_wmLI/AAAAAAAABWs/clRri3K-LI8/s1600/bgr_rss_link.png[/URL]) no-repeat right bottom;
     padding:14px 30px 0 11px;
     text-transform:uppercase;
    }
    #rss_link a{
     float:left;
     display:block;
     color:#fff;
    }
    #rss_link a span{
     color:#ff8b05;
    }
    /* BODY */
    .body{
     width:100%;
     background:url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/SxbfT8R_-OI/AAAAAAAABWY/DN7KOdU-rdA/s1600/bgr_body.png[/URL]) repeat-y;
    }
    .content-wrapper{
     width:100%;
     overflow:hidden;
     background:url([URL]http://3.bp.blogspot.com/_qJEkQRe5y8U/SxbfUFoMmdI/AAAAAAAABWc/6-61K1xOjE8/s1600/bgr_body_top.png[/URL]) no-repeat;
     padding:0 0 40px 0;
    }
    #main-wrapper{
     width:583px;
     float:left;
     padding:22px 0 0 48px;
    }
    #sidebar-wrapper{
     width:327px;
     float:right;
     padding:9px 11px 0 0;
    }
    #sidebar_left{
     float:left;
     width:154px;
     padding:0 0 0 12px;
    }
    #sidebar_right{
     float:right;
     width:128px;
     padding:0 10px 0 0;
    }
    /* Posts
    -----------------------------------------------
    */
    h2.date-header {
      margin:1.5em 0 .5em;
      }
    .post{
     width:100%;
     margin:0 0 30px 0;
    }
    .post-top{
     width:100%;
     overflow:hidden;
    }
    .post h3{
     font-size:30px;
     color:#000;
     font-weight:normal;
     font-style:italic;
     font-family:Georgia, "Times New Roman", Times, serif;
     margin:0 0 6px 0;
     float:left;
     width:515px;
    }
    .post h3 a{
     color:#000;
    }
    .post_comments{
     float:right;
     text-align:center;
     color:#fff;
     font-family:Georgia, "Times New Roman", Times, serif;
     font-size:25px;
     background:url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/SxbfhwcQ5aI/AAAAAAAABWk/Jt0GJmxPM4s/s1600/bgr_post_comments.png[/URL]) no-repeat;
     width:63px;
     height:51px;
     text-align:center;
    }
    .post_comments p{
     padding:4px 0 0 0;
    }
    .post_comments a{
     color:#fff;
    }
    .post .info{
     width:100%;
     border-bottom:1px solid #a9babb;
     color:#7d7d7d;
     font-size:12px;
     padding:5px 0 14px 0;
    }
    .post .info a, .post .info span, .post .info b{
     color:#0071bc;
    }
    .post .info a{
     text-decoration:underline;
    }
    .post .info a:hover{
     text-decoration:none;
    }
    .post-body {
     line-height:20px;
     font-size:13px;
     margin:15px 0 0 0;
     width:100%;
     overflow:hidden;
    }
    .post-body p{
     padding-bottom:15px;
    }
    .post-body p a{
     font-weight:bold;
     text-decoration:underline;
     color:#338dc9;
    }
    .post-body p a:hover{
     text-decoration:none;
    }
    .post-body .banner{
     text-align:center;
     padding:0 0 15px 0;
    }
    .post-body .banner_left{
     float:left;
     padding:0 10px 5px 0;
    }
    
    .post-body ul {
     margin: 0 10px 25px 5px;
     list-style: none;
     padding:15px 15px 15px 20px;
     background:#fafafa;
     border:1px solid #dedede;
     } 
    .post-body ul li {
     border-bottom:1px solid #cecece;
     background:url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/Sxbf0bfONJI/AAAAAAAABXI/rvW20OwRo5M/s1600/entry_before.png[/URL]) no-repeat left 12px;
     padding:6px 0 6px 15px;
     display:block;
     }
    .post-body ol {
     margin: 0 10px 25px 5px;
     padding:15px 15px 15px 40px;
     background:#fafafa;
     border:1px solid #dedede;
     }
    .post-body ol li {
     margin: 0;
     padding:6px 0 6px 0;
     border-bottom:1px solid #cecece;
     }
    .jump-link ul, .jump-link li {
     display: inline;
     list-style-type: none;
     list-style-image: none;
     }
     
    ol li{
     list-style: decimal outside;
     }
    .jump-link{
     width:100%;
     height:30px;
     background:url([URL]http://1.bp.blogspot.com/_qJEkQRe5y8U/SxbfiIvXeDI/AAAAAAAABWo/bhZGZQD7bh0/s1600/bgr_postmetadata.png[/URL]) no-repeat;
     overflow:hidden;
     clear:both;
     padding:15px 0 0 0;
    }
    .jump-link a{
     color:#0000FF;
     font-size:13px;
     text-decoration:underline;
     font-weight:bold;
     margin:0 0 0 17px;
    }
    .jump-link a:hover{
     text-decoration:none;
    }
    /* Comments
    ----------------------------------------------- */
    #comments h4 {
      font-size:30px;
     color:#000;
     font-weight:normal;
     font-family:Georgia, "Times New Roman", Times, serif;
     margin:0 0 6px 30px;
     padding:0 0 7px 0;
     border-bottom:1px solid #cccccc;
      }
    #comments-block {
      margin:1em 0 1.5em;
      line-height:1.6em;
      }
    #comments-block .comment-author {
      margin:.5em 0;
      }
    #comments-block .comment-body {
      margin:.25em 0 0;
      }
    #comments-block .comment-footer {
      margin:-.25em 0 2em;
      line-height: 1.4em;
      text-transform:uppercase;
      letter-spacing:.1em;
      }
    #comments-block .comment-body p {
      margin:0 0 .75em;
      }
    .deleted-comment {
      font-style:italic;
      color:gray;
      }
    #blog-pager-newer-link {
      float: left;
     }
     
    #blog-pager-older-link {
      float: right;
     }
    #blog-pager { 
      text-align: center;
     }
    .feed-links {
      clear: both;
      line-height: 2.5em;
    }
    /*sidebars*/
    .sidebar{
     font-size:9px;
     line-height:1.5em;
     color:#272f32;
    }
    .sidebar a{
     color:#272f32;
    }
    #sidebar_right{
     color:#333;
    }
    #sidebar_right a{
     color:#333;
    }
    .sidebar h2{
     font-size:0px;
     color:#000;
     font-family:Georgia, "Times New Roman", Times, serif;
     margin:0 0 5px 0;
     padding:10px 0 5px 5px;
     border-bottom:1px solid #9ebdc9;
     text-transform:uppercase;
    }
    .sidebar ul{
    }
    .sidebar li {
     background:none;
     border:0;
     padding:4px 0 4px 0;
     margin:0 0 0 5px;
    }
    .sidebar .widget, .main .widget { 
      margin:0px;
      padding:0px;
     }
    .main .Blog { 
      border-bottom-width: 0;
    }
    /*sidebar_ads*/
    #sidebar_ads{
     width:128px;
     text-align:center;
    }
    #sidebar_ads_body div{
     padding:0 0 10px 0;
    }
    /* FOOTER */
    #footer{
     width:974px;
     background:#161616;
     padding:30px 0 30px 0;
     margin:0 0 0 14px;
     overflow:hidden;
    }
    #footer_info{
     text-align:center;
    }
    #footer_info p{
     color:#a2a2a2;
     font-size:13px;
     line-height:1.6em;
    }
    #footer_info p a{
     color:#a2a2a2;
     text-decoration:underline;
    }
    #footer_info p a:hover{
     text-decoration:none;
    }
    #footer_info p.copyrights a{
     color:#4a859c;
    }
    /* Begin Images */
    p img {
     padding: 0;
     max-width: 100%;
     }
    /* Using 'class="alignright"' on an image will (who would've
     thought?!) align the image to the right. And using 'class="centered',
     will of course center the image. This is much better than using
     align="center", being much more futureproof (and valid) */
    img.centered {
     display: block;
     margin-left: auto;
     margin-right: auto;
     }
    img.alignright {
     padding: 4px;
     margin: 0 0 2px 7px;
     display: inline;
     }
    img.alignleft {
     padding: 4px;
     margin: 0 7px 2px 0;
     display: inline;
     }
    .alignright {
     float: right;
     }
    .alignleft {
     float: left
     }
    /* End Images */
    /* Begin Various Tags & Classes */
    acronym, abbr, span.caps {
     cursor: help;
     }
    acronym, abbr {
     border-bottom: 1px dashed #999;
     }
    blockquote {
     margin: 15px 30px 10px 10px;
     padding-left: 24px;
     padding-bottom:7px;
     background:url([URL]http://3.bp.blogspot.com/_qJEkQRe5y8U/SxbfzzuQ4VI/AAAAAAAABW4/fg9ppvyvkho/s1600/blockquote_bg.png[/URL]) repeat-y;
     }
    blockquote blockquote{
     background:url([URL]http://4.bp.blogspot.com/_qJEkQRe5y8U/Sxbfz2q5AvI/AAAAAAAABW8/ZaeyrLvkGJo/s1600/blockquote_bg2.png[/URL]) repeat-y;
     }
    blockquote cite {
     margin: 5px 0 0;
     display: block;
     }
    .center {
     text-align: center;
     }
    hr {
     display: none;
     }
    a img {
     border: none;
     }
    /* End Various Tags & Classes*/
    /* Begin Form Elements */
    #searchform {
     margin: 10px auto;
     padding: 5px 3px; 
     text-align: center;
     }
    #sidebar #searchform #s {
     width: 108px;
     padding: 2px;
     }
    #sidebar #searchsubmit {
     padding: 1px;
     }
    .entry form { /* This is mainly for password protected posts, makes them look better. */
     text-align:center;
     }
    select {
     width: 130px;
     }
    /* End Form Elements */
    ]]></b:skin>
      <!--[if lt IE 7]>
      <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
        <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
        <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
          <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
          <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
            <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div>
            <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</div>
          </div>
          <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
          <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
          <div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
          <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
        </div>
      </div>
      <![endif]-->
      </head>
      <body>
      <div id='outer-wrapper'><div id='wrap2'>
        <!-- skip links for text browsers -->
        <span id='skiplinks' style='display:none;'>
          <a href='#main'>skip to main </a> |
          <a href='#sidebar'>skip to sidebar</a>
        </span>
    <div id='header-wrapper'>
          <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Droid-Does.Blogspot.Com (Header)' type='Header'/>
    </b:section>
     <div id='sidebar_search'>
      <form expr:action='data:blog.homepageUrl + &quot;search/&quot;' method='get'>
       <div>
        <input id='sidebar_search_val' name='q' onclick='this.value=&apos;&apos;;' type='text' value='Type your search here...'/>
        <input id='sidebar_search_sub' src='http://4.bp.blogspot.com/_qJEkQRe5y8U/SxbfzwX1dWI/AAAAAAAABXA/YLCSO2jfZQA/s1600/button_go.png' type='image'/>
       </div>
      </form>
     </div>
    </div>
    <div id='board'>
     <div id='twitter'>
        <h2><a href='http://www.twitter.com/Dr0idDoes'>Recent twitter entries...</a></h2>
      <ul id='twitter_update_list'><li/></ul>
      <script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
      <script src='http://twitter.com/statuses/user_timeline/Dr0idDoes.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>
     </div>
     <div id='twitter_link'><a href='http://www.twitter.com/Dr0idDoes'>follow me on <span>twitter</span></a></div>
     <div id='rss_link'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>subscribe to <span>rss</span> feed</a></div>
    </div>
    <div class='body'>
     <div class='content-wrapper'>
    <div id='main-wrapper'>
            <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
    </b:section>
     </div>
      <div id='sidebar-wrapper'>
            <b:section class='sidebar' id='sidebar_left' preferred='yes'>
    <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
    <b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
    </b:section>
            <b:section class='sidebar' id='sidebar_right' preferred='yes'>
    <b:widget id='LinkList1' locked='false' title='' type='LinkList'/>
    <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
    </b:section>
     </div>
     </div>
    </div>
       <div id='footer'>
      <div id='footer_info'>
    <!-- FOOTER CREDITS LINK --> 
    <font color='#ffffff'><big><strong> 2009 My Web Blog</strong></big><br/>
    <small><strong><a href='http://www.freethemelayouts.com/' style='color: #ffffff;text-decoration: none;' title='Free WordPress Themes'>Wordpress Themes</a> by DT <a href='http://www.dreamtemplate.com' style='color: #ffffff;text-decoration: none;' title='Website Templates'>Website Templates</a></strong></small> | <small><strong><a href='http://www.bloggergallery.com/' style='color: #ffffff;text-decoration: none;' title='Blogger Templates Gallery'>Blogger Templates</a> by <a href='http://www.teknomobi.net' style='color: #ffffff;text-decoration: none;' title='TeknoMobi'>TeknoMobi</a></strong></small> | <small><strong><a href='http://www.domainpromocodes.com/' style='color: #ffffff;text-decoration: none;' title='domain promo codes'>domain promo codes</a></strong></small>   
    </font>
      </div>
     </div>
       </div></div>
      </body>
    </html>
                    

     
  2. Jim 777

    Jim 777 Silver Member

    Joined:
    Dec 26, 2009
    Messages:
    2,286
    Likes Received:
    10
    Trophy Points:
    103
    Ratings:
    +11
    I would start with:

    Code:
    .post-body p a{
     font-weight:bold;
     text-decoration:underline;
     color:#338dc9;
    }
    
    I change the "338dc9" to the hexadecimal color value you want (I.E. 0000ff for blue)
     
  3. Matth3w

    Matth3w Guest

    Ratings:
    +0
    Freaking found it. It was part of the nav bar, so I changed it to 3399FF
     
  4. Jim 777

    Jim 777 Silver Member

    Joined:
    Dec 26, 2009
    Messages:
    2,286
    Likes Received:
    10
    Trophy Points:
    103
    Ratings:
    +11
    I'm also thinking that if you're posting a comment, then:
    Code:
    .post_comments a{
     color:#fff;
    }
    
    would be where you adjust the link color. Inn this case the #fff is the color.
     
  5. Jim 777

    Jim 777 Silver Member

    Joined:
    Dec 26, 2009
    Messages:
    2,286
    Likes Received:
    10
    Trophy Points:
    103
    Ratings:
    +11
    Guess I was way off :D
     
  6. Matth3w

    Matth3w Guest

    Ratings:
    +0
    I was too, especially since the nav bar said it was hidden, I ignored the damn section.
     
Search tags for this page

background repeat-x