1

我将 Squarespace 用于我的投资组合。我最近在 SVG 代码中为我的徽标制作动画时得到了帮助。现在我有了这段代码,我无法用它替换标题中的徽标。正如您在我的网站上看到的那样:http: //www.christianadelvecchio.com/#welcome-christiana-delvecchio

我的标志在左边,而我的名字在标志的右边。我的名字是可点击的,但我的标志不是。我相信这是因为 squarespace 在标题中只允许一个徽标空间。当我在大学制作我的网站时,我的教授将自定义 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/

但我不知道如何注入它,因为如果我用我的 SVG url 替换当前自定义 css 代码中的 url,那么什么都不会出现。我认为一切都在相互反应,所以这很棘手。要点是当有人悬停在我的徽标上时,我希望我的徽标旋转 180 度,我已经有了代码,但棘手的部分是将它注入我的网站。

任何和所有的帮助表示赞赏。(对不起,如果这个问题令人困惑)

4

0 回答 0