尝试在没有选项的情况下更改一个链接的颜色而没有颜色

时间:2013-11-08 16:20:18

标签: layout colors hyperlink tumblr

所以我一直尝试在我的代码中尝试使用#dc6820的不同版本来更改一个布局的链接源我帮助某人。通常情况下,我没有太多麻烦,但无论我尝试过什么,它都保持不变(或者我编写代码并重新编写代码)

这是我试图改变的部分:

< div id="info" >
< br >posted < a href="{Permalink}">{TimeAgo}< /a> {block:RebloggedFrom} 

**via < a href="     {ReblogParentURL}">{ReblogParentName}< /a>{/block:RebloggedFrom}   
{block:ContentSource}(< a     href="{SourceURL}">© < a href="{SourceURL}">{SourceLink}< 
/a>){/block:ContentSource}    {block:RebloggedFrom} < a href="{ReblogParentURL}" 
target="_#nk">< /a>{/block:RebloggedFrom}**

with < a href="{Permalink}">{NoteCountWithLabel}< /a>
{block:HasTags}< div id="tags">♡{block:Tags} #< a href="{TagURL}">{Tag}< /a>    
{/block:Tags}< /div>{/block:HasTags}</div></div>
{/block:Posts}
{block:PostNotes}< div id="notes">{PostNotes}</div>{/block:PostNotes}
{/block:Posts}</div></div></div>

< /div>

我试图更改星号之间的部分(通过 - &gt; / block:RebloggedFrom}

编辑//我尝试了下面引用的样式更改,遗憾的是,没有结果:(

这里是一个指向pastebin的链接(希望如此),没有错误pastebin.com/qNAbZAhQ -

2 个答案:

答案 0 :(得分:1)

首先,让我们清理HTML并确保我们的标签已关闭。

<强> HTML

<div id="info">
    {block:Date}
      posted <a class="time" href="{Permalink}">{TimeAgo}</a>
    {/block:Date}
    {block:RebloggedFrom} 
      via <a class="reblog" href="{ReblogParentURL}">{ReblogParentName}</a>
    {/block:RebloggedFrom}   
    {block:ContentSource}
      (<a class="source" href="{SourceURL}">© {SourceTitle}</a>)
    {/block:ContentSource}
    {block:NoteCount}
      with <a class="notes" href="{Permalink}">{NoteCountWithLabel}</a>
    {/block:NoteCount}
    {block:HasTags}
      <div id="tags">
        ♡
        {block:Tags}
          #<a class="tag" href="{TagURL}">{Tag}</a>    
        {/block:Tags}
      </div>
    {/block:HasTags}
</div>

正如您所看到的,除了关闭标记(并删除不必要的元素)并将所有内容包装在正确的块中之外,我还为每种类型的链接添加了不同的class属性,以便您可以进入样式表head并添加你的颜色。例如......

<强> CSS

<style type="text/css">
    a.reblog {
        color: #DC6820;
    }
</style>

<style type="text/css">
    .reblog {
        color: #DC6820;
    }
</style>

甚至

<style type="text/css">
    .reblog:link {
        color: #DC6820;
    }
</style>

后者允许您使用CSS状态选择器根据链接状态更改链接的颜色,例如:活跃,悬停,访问。

答案 1 :(得分:0)

您可以将样式属性添加到标记中

< a href="     {ReblogParentURL}" style="color: #dc6820;">

当然,您需要将此添加到您想要更改的所有标记中。