MyBB Community Forums

Full Version: How To Setting This, help please
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello Guys,
Thanks before for your Attention, and sorry for my language, l just cant speak litlle in English language. Big Grin

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, Undecided

[Image: 11132177_1589089801308851_1716472466_o.j...4185de0327]

and want to make the desain look like this :

[Image: 11122230_1589089781308853_66124830_o.jpg...f4286cb516]


so where l must setting the code to make desain like that,
Huh

thank you very much for your attention Smile

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 Big Grin
l will give, but. my forum now still in localhost, develop in progress. Big Grin
now the desain look like this :
[Image: 11106502_1589248221293009_580685621_n.jp...85faaa72ff]

what should l do???
do l must to give the css for that??
this is the code :
[Image: 11137672_1589249727959525_1965247425_o.j...30c48cb7ee]

Thank you Big Grin
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>
(2015-04-05, 02:51 AM).m. Wrote: [ -> ]you have to use code like below

<a href="{$mybb->settings['bburl']}/mytwconnect.php?action=login"><img src="images/social/facebook.png" alt="{$Iang- >mytwconnect_login}" /></a>

it's not work Sad Huh
^ 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 Smile