我建立了一个登录页面 --> http://www.zentify.com/ 我使用了 twitter bootstrap 并集成了 Launchrock 小部件并调整了一些 css。现在看起来我希望它看起来,但提交按钮“Jetzt Unternehmen anmelden”不起作用。
有人明白为什么那个按钮没有通向任何地方吗?哪些代码片段有助于查看?
这是我的自定义 css https://github.com/Boeru/Zentify-website/blob/master/css/custom.css
我在登录 Launchrock 小部件编辑器时直接在高级代码编辑器中编辑的小部件的 CSS 和 html。
这是 Launchrock Widget 附带的 JS(问题出在此处吗?)
The widget css in the Launchrock advanced code editor
window.lrignition.themesJS.customTheme = function() {
/* DO NOT MODIFY ABOVE THIS LINE UNLESS YOU KNOW WHAT YOU ARE DOING */
this.init.push(function() {
/* Your code here to run on initialization */
});
// Uncomment to override default mode set behavior
/*
this.setMode = function( ignition, mode ) {
var container = ignition.getContainer(); // jQuery
if( mode === "main" ) {
container.find( ".LR-content" ).removeClass( "LR-sharing-page" );
container.find( ".LR-site-share" ).hide();
container.find( ".LR-sign-up-container" ).show();
} else if( mode === "postsignup" ) {
container.find( ".LR-content" ).addClass( "LR-sharing-page" );
container.find( ".LR-sign-up-container" ).hide();
container.find( ".LR-site-share" ).show();
}
};
*/
/* DO NOT MODIFY BELOW THIS LINE UNLESS YOU KNOW WHAT YOU ARE DOING */
};
window.lrignition.themesJS.customTheme.prototype = new ( window.lrignition.themesJS.clean || window.lrignition.themesJS.common )( "customTheme" );
这是小部件的覆盖css
.LR-sign-up-submit{
style="background-color:#00FA9A;"
height: 100px;
}
.myButton {
width: 98%;
-moz-box-shadow:inset 0px 1px 0px 0px #00fa9a;
-webkit-box-shadow:inset 0px 1px 0px 0px #00fa9a;
box-shadow:inset 0px 1px 0px 0px #00fa9a;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00fa9a), color-stop(1, #00fa9a));
background:-moz-linear-gradient(top, #00fa9a 5%, #00fa9a 100%);
background:-webkit-linear-gradient(top, #00fa9a 5%, #00fa9a 100%);
background:-o-linear-gradient(top, #00fa9a 5%, #00fa9a 100%);
background:-ms-linear-gradient(top, #00fa9a 5%, #00fa9a 100%);
background:linear-gradient(to bottom, #00fa9a 5%, #00fa9a 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fa9a', endColorstr='#00fa9a',GradientType=0);
background-color:#00fa9a;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
border:1px solid #fafafa;
display:inline-block;
color: #333333;
font-family:Trebuchet MS;
font-size:17px;
font-weight:bold;
padding:11px 38.5px ;
margin:0px 3px 6px ;
text-decoration:none;
text-shadow:0px 1px 0px #00fa9a;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33FF99), color-stop(1, #33FF99));
background:-moz-linear-gradient(top, #33FF99 5%, #33FF99 100%);
background:-webkit-linear-gradient(top, #33FF99 5%, #33FF99 100%);
background:-o-linear-gradient(top, #33FF99 5%, #33FF99 100%);
background:-ms-linear-gradient(top, #33FF99 5%, #33FF99 100%);
background:linear-gradient(to bottom, #33FF99 5%, #33FF99 100%);
background-color:#33FF99;
}
.myButton:active {
position:relative;
top:1px;
}
.LR-bg-img {
margin-top: 0px;
background-attachment: relative;
background-color: #222222;
background-image: url("img/classicBg.png");
background-position: center center;
background-size: cover;
content: "";
height: 700px;
left: 0;
margin: 0;
padding: 0;
position: relative;
top: 0;
width: 100%;
z-index: -1;
}
div.LR-box-container {
z-index: -1;
}
.LR-content {
margin-top: 75px;
color: #FFFFFF;
font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
font-size: 14px;
font-weight: 300;
height: 600px;
min-height: 100%;
position: relative;
z-index: 0;
display: block;
}
.cookie {
margin-top: 160px;
font-family: Cookie;
font-size: 6em
}
.neuehelvetica {
font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
font-weight: 400;
margin-top: -40px;}
div#lr-widget {
height: 540px;
如果要发布更多代码以了解我的问题,请告诉我。非常感谢您的建议和评论。我想这是一个相当小的问题,但我个人被卡住了。