0

そのため、コードで #dc6820 を使用して、誰かを支援しているレイアウトのリンク ソースを 1 つだけ変更しようとするさまざまなバリエーションを試みてきました。通常、私はあまり問題を抱えていませんが、何を試しても同じままです (または、コーディングを台無しにしてやり直さなければなりません)。

これは私が変更しようとしているセクションです:

< 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>

アスタリスク間のセクションを変更しようとしています (経由 --> /block:RebloggedFrom}

編集 // 以下で参照されているスタイルの変更を試みましたが、残念ながら結果はありません:(

これは、エラーのない（うまくいけば）セクションを含むペーストビンへのリンクですpastebin.com/qNAbZAhQ –</p>

4

2 に答える 2

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 状態セレクターを使用して、リンクの状態 (アクティブ、ホバー、訪問済みなど) に応じてリンクの色を変更できます。

于 2013-11-08T16:54:06.663 に答える