1

ポートフォリオに Squarespace を使用しています。最近、SVG コードでロゴをアニメーション化する作業を手伝ってもらいました。今、私はこのコードを持っていますが、ヘッダーのロゴをそれで置き換える方法がありません. 私のウェブサイトでわかるように: http://www.christianadelvecchio.com/#welcome-christiana-delvecchio

私のロゴは左側にあり、私の名前はロゴの右側にあります。私の名前はクリック可能ですが、私のロゴはクリックできません。これは、squarespace ではヘッダーに 1 つのロゴ スペースしか許可されないためだと思います。大学在学中にウェブサイトを作成していたときに、教授がヘッダーにカスタム css を挿入して、私のロゴが私の名前の左側に来るようにしました。

.sqs-gallery-container{
background-color: rgba(175, 175, 175, .0);
}


.title-nav-wrapper { background:url(http://static.squarespace.com/static/52f29e06e4b0efe4bb40a01b/t/5320cb16e4b093b02ba9004e/1394658070983/logo.png) no-repeat; 
background-position: left center;
  margin-left: 10px;

}



#yui_3_10_1_1_1394658544560_1616{
margin-right: 100px;
}

a#top{width: 200px;
}

.site-title {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 50px;

width: 35%;
}

左側のロゴを SVG ロゴに置き換えたい:

http://codepen.io/CaptnChristiana/full/ceygm/

しかし、現在のカスタム css コードの URL を SVG URL に置き換えると何も表示されないため、挿入する方法がわかりません。すべてが互いに反応していると思うので、これが難しいのです。要点は、誰かがホバーしたときにロゴを 180 度回転させたいということです。これは既にコードを持っていますが、トリッキーな部分はそれを自分の Web サイトに挿入することです。

ありとあらゆる助けをいただければ幸いです。（この質問がわかりにくい場合は申し訳ありません）

4

0 に答える 0