首先拖动一个“内部区段”功能元素到刚才添加的大的待编辑内容块上,将内部区段的宽度设置为1400px,然后在内部区段上复制出一个新的小内容块。完成之后将CTA功能元素添加到待编辑的小内容块中。先做第一个样板,做完之后再将它复制到其他两个小内容编辑块上,这样就可以省去很多的重复操作。

CTA的内容中,设置“mage”的“Skin”模式为Classic,然后将第一个团队成员Shaun Curry的照片添加进来,“图像尺寸”设置为“完整的”。然后在“Content”中的“Title”和“Description”文本框中输入需要的文字,并将“Title HTML Tag”设置为H3。

主体内容设置完成之后,还需要在样式功能中对一些效果进行设置。在“Box”的“Height”中,设置高度值为115px,水平和垂直对齐方式均为居中对齐,然后将图片的高度设置为300px。

bunny-3830669_960_720.jpg

然后在“样式”的“Content”中将“Title”的文字字体设置为Montserrat,“尺寸”设置为18px,“重量”设置为400,“Spacing”设置为5;将“Description”中的文字字体设置为Montserrat,“尺寸”设置为15px,“重量”设置为200。设置完字体、字号后,还需要对字体颜色进行更改。在“NORMAL”状态下,设置背景颜色为#FFFFFF,“Title Color”为#011640,“Description Color”为#848484。

完成上述操作之后,将鼠标指针悬停在人物照片上时照片没有变化。所以在“样式”中的“Hover Effects”中,将“Hover Animation”(悬停动画)设置成Zoom In(也可选择其他特效 ),将“Blend Mode”设置为Normal,然后切换至“Hover”状态进行相关设置。

这样一个完整的人物简介就做完了,案例模板中共有两行三列,共6个人物简介,只需要将刚才做好的第一个模板复制到其他待编辑内容块中,然后替换每个小内容块中的人物图像和相关文字介绍即可。

(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场。)