Hello Guys,
Thanks before for your Attention, and sorry for my language, l just cant speak litlle in English language.
oke, here we go.
I'm using theme Square, and l insert the facebook login,twitter login, and google plus login in my forum with plugin on mybb mods,
but, l have trouble with login desain,
and want to make the desain look like this :
so where l must setting the code to make desain like that,
thank you very much for your attention
help help help help help help help help help help help help
I do not remember whether those plugins have images to display.
basically you have to find their links text in
header_welcomeblock_guest template and replace with images
<a href="url"><img src="path/to/image" alt="connect through _____" /></a>
if you need direct help then you may PM me
temporary access to forum admin panel
(2015-04-04, 04:33 PM).m. Wrote: [ -> ]I do not remember whether those plugins have images to display.
basically you have to find their links text in header_welcomeblock_guest template and replace with images
<a href="url"><img src="path/to/image" alt="connect through _____" /></a>
if you need direct help then you may PM me temporary access to forum admin panel
thanks for respons
l will give, but. my forum now still in localhost, develop in progress.
now the desain look like this :
what should l do???
do l must to give the css for that??
this is the code :
Thank you
you have to use code like below
<a href="{$mybb->settings['bburl']}/mytwconnect.php?action=login"><img src="images/social/facebook.png" alt="{$lang->mytwconnect_login}" /></a>
^ I've given image file name
as is from your code. ensure that
forumURL/images/social/facebook.png image & other social images exist
<a href="{$mybb->settings['bburl']}/mytwconnect.php?action=login"><img src="images/social/facebook.png" alt="{$lang->mytwconnect_login}" /></a>
Replace the three <a> tags with this:
<span class="social"><a href="{$mybb->settings['bburl']}/mytwconnect.php?action=login" title="Login with Facebook"><i class="fa fa-facebook fa-fw"></i></a></span>
<span class="social"><a href="{$mybb->settings['bburl']}/myfconnect.php?action=login" title="Login with Twitter"><i class="fa fa-twitter fa-fw"></i></a></span>
<span class="social"><a href="{$mybb->settings['bburl']}/mygpconnect.php?action=login" title="Login with Google+"><i class="fa fa-google-plus fa-fw"></i></a></span>
Now go to Square.css, and in the end of the file, put this:
.social {
font-size: 28px;
background: #565656;
border-radius: 50px;
color: #FAFAFA;
transition: all 0.5s ease;
}
.social:hover {
cursor: pointer;
background: #015da8;
transition: all 0.5s ease;
}
Test it and tell me if you like it.
Thanks you for all, its FIXED
Thank you very much