사용자가 아직 로그인하지 않은 로그인 양식에 로그인 및 비밀번호를 삽입 할 수있는 필드를 채운 후 사용자가 제출 버튼을 눌러야합니다.양식 링크로 HTML 링크 사용
나는 무엇을하려하고있다 : $ html-> link에 대한 일반적인 제출 버튼을 일부 CSS 스타일로 바꾼다. A는 작은 로그인 양식 제출 '버튼을 만들
echo $form->end(__('Sign In',true));
:
<span class = "licitateThis clearfix">
<?php echo $html->link(__("Sign In", true), array("type" => "Sign In", 'class'=>'licitate')); ?>
</span>
대신 :
그래서 나는 이런 식으로 뭔가를 사용할 수 있습니다 어쨌든 있나요?
내 CSS 코드 :
.licitateThis{position:relative;float:left;width:100%;}
.licitateThis a.licitate{display:block;float:left;padding:2px 0 4px;width:100%;background-color:#eee;text-shadow:#fff 1px 1px 1px;text-decoration:none;font-weight:bold;font-size:115%;border:1px solid #fff;border-radius:3px;text-align:center;letter-spacing:-0.02em;text-transform:uppercase;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.licitateThis a.licitate:hover,.licitateThis:hover a{background-color:#0071bb;text-shadow:#666 1px 1px 1px;color:#fff;}
PS : 양식 그에게 로그인 양식을 제출하려고 메신저, 그리고 그것은 모든 페이지에서 사용할 수 있도록 자사의 default.ctp에 있습니다. 해결
문제 : (새로운 클래스를 생성)
CSS :
.loginSubmit {color:#0071bb;outline:none; display:block;float:left;padding:2px 0 4px;width:100%;background-color:#eee;text-shadow:#fff 1px 1px 1px;text-decoration:none;font-weight:bold;font-size:115%;border:1px solid #fff;border-radius:3px;text-align:center;letter-spacing:-0.02em;text-transform:uppercase;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.loginSubmit:hover {background-color:#0071bb;text-shadow:#666 1px 1px 1px;color:#fff;}
PHP :
<button type="submit" class="loginSubmit">Sign In</button>
<?php echo $form->end(); ?>
감사합니다.
나는 css costumization이라는 칭호가 있습니다. 제출 버튼에 그것을 사용하지 않을 것입니다. 그러나 어떻게 해야할지 모르겠습니다. : S – Canastro
여전히 '에서 그렇게 할 수 있습니다. CSS를 조금만 조정하면됩니다. CSS에서'a.licitate' 정의에'a'를 제거해보십시오. 마우스 오버 효과 대신 hover를 사용해야합니다. – jpdelatorre