Not Solved How To Setting This, help please
#1
Not Solved Exclamation 
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
Sorry for my English Big Grin
Reply
#2
Not Solved
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
Reply
#3
Not Solved
(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
Sorry for my English Big Grin
Reply
#4
Not Solved
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>
Reply
#5
Not Solved
(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
Sorry for my English Big Grin
Reply
#6
Not Solved
^ 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>
Reply
#7
Not Solved
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.
I don't give support on PM.
Reply
#8
Not Solved
Thanks you for all, its FIXED
Thank you very much Smile
Sorry for my English Big Grin
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)