Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

ZenSocial & Responsive ?

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

9 years 3 months ago
Hi guys,

Quick question .. I'm wanting to add a sideways "mounted" module for my Social Icons like that way you have for the Rasa2/Xero demo however I'm using Responsive Mk2 (so T3)

I guess this is possible as LifeStyle #2 has this shown on the demo which is a T3 based template..

So any pointers on how I might achieve this with T3 & Responsive ?

Thanks,
  • martinb1's Avatar
  • martinb1
  • 3 Month Basic
  • 99 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
9 years 3 months ago
Hey Martin - whats with having no avatar :) Come on man :)))

I would look at grabbing the code from Lifestyle2 actually.

Here is the less used for that:
#fixed-right {
	position:fixed;
	z-index:10;
	right:-6px;
	top:@bannerheight / 2;
	z-index:100;
	width:46px;
	
	li {
		margin-bottom:8px;
	}

	
	span {
		background:#212121;
		background:rgba(0,0,0,0.8);
		border-radius:0;
		transition: all 0.1s ease-in;
		padding:8px 16px 2px 10px;
		width:56px;
		color:#fff !important;
		
		&:hover {
			margin-left:-6px;
			width:52px;
		}
		
		&:before {
			color:#fff !important
		}
	}
}

Then place this html in the tpl/default.php file (or whichever layout you are using) at the bottom of the file before the closing </body> tag.
<div id="fixed-right">
  	<jdoc:include type="modules" name="PHP $this->_p('fixed-right') ?>" style="jbChrome" />
  </div>

PHP added to remove the standard php syntax.

Then publish Zensocial to the fixed-right position.

That should get you headed in the right direction.

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
9 years 3 months ago
Ah ha .. silly me I never thought of grabbing the code from Lifestyle#2 !

Thanks for the pointers, I'll have a look in the morning :-)

Avatar fixed too :D
  • martinb1's Avatar
  • martinb1
  • 3 Month Basic
  • 99 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
9 years 3 months ago
Ah lovely thanks mate!
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
9 years 3 months ago
Thanks Anthony - all looking good, just don't seem to get the hover over effect working ..

bit.ly/1wAYIgF

I'm sure a bit of fiddling around will resolve

Oh and FYI I had to adjust the module code to -

<div id="fixed-right">
<jdoc:include type="modules" name="fixed-right" style="jbChrome" />
</div>

to get it to work :-)

Thanks again !
  • martinb1's Avatar
  • martinb1
  • 3 Month Basic
  • 99 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
9 years 3 months ago
Hi Martin,

Is it the font or the background or either?

Nice avatar :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
9 years 3 months ago
Thanks Paul ;-)

It's both, so if you have a look at the site you'll see the zensocial module published fixed-right and if you hover - no dice.

I'm comparing it to the Lifestyle2 demo - where the social icon's shift to the left slightly ..

The -6px margin-left code is there but doesn't seem to fire on hoever ?

I've checked in Chrome/FF and Safari ...
  • martinb1's Avatar
  • martinb1
  • 3 Month Basic
  • 99 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
9 years 3 months ago
hmm at the moment I've got this going in reverse

#fixed-right span {background: #7A9874;}

#fixed-right #socialicons li span:hover {margin-left: 12px;}

#socialicons li, #socialicons a {padding: 0 !important;width: 52px;}

Can't seem to get it going the right way - I'm missing adding a width value somewhere

How does this work for you?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers

Close