Question

我想创建一个wordpress页面，我可以把html代码放到下面请

1）谷歌自定义搜索框（我可以从谷歌获取GCS代码），但它必须是一个图像。不高于或低于图像:)。图像将托管在我的网站媒体库

上

2）搜索框下方的圆形图标按钮类似于我附加的图标按钮，当鼠标悬停时可弹回（这些图标的图像可以更改，我分配的目标网址）

附加的示例是firefox的yahoo new tab扩展

任何帮助表示赞赏。我已附加示例页面图像和该页面的视图源代码，以帮助理解我的上下文。区别在于搜索将通过谷歌而不是雅虎

enter image description here

谢谢你的朋友们！

查看下面的代码，因为它不让我附上文档

<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">
    <link rel="stylesheet" type="text/css" href="newtab.css">
    <link rel="stylesheet" type="text/css" href="brand.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bootstrap.min.css">
    <script src="jquery.min.js"></script>
    <script src="bootstrap.min.js"></script>
</head>
<body id="bg" class="flexContainer bgImage">
<div id="bookmarksAbsolute">
    <div id="bookmarksFlex" class="uiBG"></div>
</div>

<div id="searchTrendingNowContainer"></div>

<div id="mainContainer">
    <div id="uiBlur"></div>
    <div id="uiContainer">
        <form id="submitSearchNew">
            <img id="magnifierNew" src="icons/mag3.svg">
            <input type="text" id="searchBoxNew" autocomplete="off" name="p" tabindex="1">
        </form>
        <div id="searchSuggestContainerNew" class="searchSuggestContainerNew displayNone"></div>
    </div>
    <div id="urlHidden"><span id="urlContent"></span></div>
</div>

<div id="darkOverlay"></div>
<div id="pageFooter">
    <div id="ownerContainer">
        <a id="ownerName" class="credit"></a>
        <a id="onFlickr" class="credit flickr"></a>
    </div>

    <div class="newTopSitesContainer" id="topSites"></div>

    <div id="urlInfo"></div>
</div>

<div class="dropup" id="dropupMenu">
        <button class="btn btn-default dropdown-toggle" type="button"  data-toggle="dropdown">
        </button>
        <ul class="dropdown-menu options-list">
            <li><a id="toggleViewText" class="toggleText unselectable"> </a></li>
            <li class="divider"></li>
            <li id="tnDiv" class="displayNone"><a id="toggleTN" class="unselectable"> </a></li>
            <li id="tnDivider" class="divider displayNone"></li>
            <li><a id="editButton" class="unselectable"> </a></li>
            <li class="divider"></li>
            <li><a id="feedBack" class="feedBackLink unselectable"> </a></li>
        </ul>
    </div>

</body>
<script src='newtab.js'></script>
</html>

Answer 1

我不明白，如果你需要在其他图像中显示输入标签和图像？

如果是，请将z-index CSS用于图像，例如：

self.usertext.SetValue("[ NOW PLAYING ] ... %s" % name)

我希望能帮助

Wordpress页面HTML代码，因此Google自定义搜索框超出了图像范围

1 个答案: