Stylowanie przycisku logowania od faceboka

0

Cześć, w apliakcji używam logowania przez facebook. Jednak chciałbym przerobić tego buttona na taki zwykły standardowy. Czy to jest możliwe do zrobienia? Tutaj załącze zdjęcie dwóch przycisków. Pierwszy z nich wygląda tak jak chciałbym, żeby wyglądał ;p. Tzn chodzi mi o to, że chciałbym mieć ten pierwszy przycisk z funkcjonalnością tego drugiego. A tutaj kody obu przycisków:

<?= Html::a(Yii::t('app', 'Zaloguj się przez Facebooka'), '/registration/login', ['class' => 'button-facebook']) ?>
<?= yii\authclient\widgets\AuthChoice::widget(['baseAuthUrl' => ['registration/auth']]) ?>

Czy jest to możliwe aby ten pierwszy przycisk wyglądał tak jak wygląda i logował tak jak drugi? Bo widzę, że w drugim jest użyty ten widget i nie wiem czy da się coś z tym zrobić. Chciałbym mu chociaż przypisać tą klasę i jeśli da rade dodać ten napis 'Zaloguj się przez Facebooka'

0

A jak wygląda wypluty HTML przez ten widżet?

0

jak to sprawdzić?

1

Wielkie frameworki, logowanie przez Facebooka, a nie wiesz jak zaglądnąć w źródło strony? ...

0

To wiem ale myślałem, że o co innego Ci chodzi. Dopiero się uczę i nie ogarniam wszystkich kwestii. A w źródle mam takie coś:
<a class="auth-link facebook" href="/index.php?r=registration%2Fauth&amp;authclient=facebook" data-popup-width="860" data-popup-height="480"><span class="auth-icon facebook"></span><span class="auth-title">Facebook</span></a>

0

Czyli masz zwykły <a> i jakiś <span> - nie umiesz tego postylować? Odrobina CSS wystarczy.

0

Jakbym umiał to bym nie pytał,znam jakieś podstawy css, htm ale nie wiem jak akurat to ostylować aktualnie uczę się PHP i frameworka Yii2 więc to bardziej backend a to co chcę tutaj osiągnąć jest frontowe jak się nie mylę. A Ty masz jakiś pomysł jak to zrobić?

0

Tak, ale żeby nie pisać na ślepo przydałoby mi się widzieć ten przycisk na żywo, masz jakieś demo dostępne z tym przyciskiem, który działa, a nie wygląda? Jeżeli nie - to zrób takie dla mnie i podaj linka.

0

Jak możesz to spróbuj na ślepo a ja później spróbuje sam to poprawić, jeśli da rade chciałbym chociaż mniej wiecej jakiś przykład jak to może wyglądać

1

Coś takiego:
http://jsbin.com/gotosazega/edit?html,css,output

Musisz sobie tylko ikonę dopasować (ja wziąłem losową, bo nie chciało mi się szukać białego "f" w takim rozmiarze na przeźroczystym tle), dopasować kolor tła i paddingi - nie chciało mi się robić 1:1, skoro prawdopodobnie i tak inne style u Ciebie nadpiszą parę rzeczy, więc i tak lekki "fine tuning" będziesz musiał zrobić ;) - ważne, żeby idea się zgadzała.

0

Bardzij mi choidzi jak podpiąc klasę do tego przycisku ['class' => 'button-facebook'], bo np próbowałem:
<?= yii\authclient\widgets\AuthChoice::widget(['baseAuthUrl' => ['registration/auth'],['class' => 'button-facebook']]) ?> i zwraca błąd a przecież musi się dać jakoś klasę podpiąć szukałem na necie i nic niestety

1

Hej. Trochę zmieniłem w HTML'u. (tylko trochę)
Tutaj możesz zobaczyć: https://jsfiddle.net/kb36nnm8/1/

1 użytkowników online, w tym zalogowanych: 0, gości: 1