Help is on the way!

MENURIGHT1 - JoomlaXTC Socializer Wall

In the MENURIGHT1 position we use our JoomlaXTC Socializer Module to create a social icon menu. In order to recreate the layout you will first need to upload the Module to your Joomla install. If you are using the Socializer Module from the Template package you can select the citylife_social_menuright1 template from the Demo Templates included in the Module. If you purchased the module as stand alone you will need to configure it with the following settings:

Use the following mark up for the Module HTML and Main Content HTML, make sure to set the module suffix to 'modblank':

Module HTML

<div class="menur1social">{mainarea}</div>

Main Content HTML

<a class="{alias}" style="padding-right:6px;" href="/{url}">{icon}</a>

CSS

.legend {
font-size:12px;
font-weight:bold;
color:#333333;
background-color:#e0e0e0;
padding:2px 10px 2px 10px;
border-bottom:1px solid #333333;
}

.tag {
padding:2px 0 2px 10px ;
font-size:10px;font-family:Arial;color:#333333;background-color:#f9f9f9;
border-bottom:1px solid #333333;
}

.menur1social {padding-top:10px;}
.menur1social .fivehundredpx {color:#fff;}
.menur1social .aboutme  {color:#fff;}
.menur1social .amazon  {color:#fff;}
.menur1social .aol  {color:#fff;}
.menur1social .appstore  {color:#fff;}
.menur1social .apple  {color:#fff;}
.menur1social .bebo  {color:#fff;}
.menur1social .behance  {color:#fff;}
.menur1social .bing  {color:#fff;}
.menur1social .blip  {color:#fff;}
.menur1social .blogger  {color:#fff;}
.menur1social .coroflot  {color:#fff;}
.menur1social .daytum  {color:#fff;}
.menur1social .delicious  {color:#fff;}
.menur1social .designbump  {color:#fff;}
.menur1social .designfloat  {color:#fff;}
.menur1social .deviantart  {color:#fff;}
.menur1social .digg  {color:#fff;}
.menur1social .dribble  {color:#fff;}
.menur1social .drupal  {color:#fff;}
.menur1social .email  {color:#fff;} 
.menur1social .ebay  {color:#fff;}
.menur1social .etsy  {color:#fff;}
.menur1social .facebook  {color:#83b2d0;}
.menur1social .feedburner  {color:#fff;}
.menur1social .flickr  {color:#fff;}
.menur1social .foodspotting  {color:#fff;}
.menur1social .forrst  {color:#fff;}
.menur1social .foursquare  {color:#fff;}
.menur1social .friendsfeed  {color:#fff;}
.menur1social .friendstar  {color:#fff;}
.menur1social .gdgt {color:#fff;}
.menur1social .github  {color:#fff;}
.menur1social .googleplus  {color:#bb7c7c;}
.menur1social .googletalk  {color:#fff;}
.menur1social .grooveshark  {color:#fff;}
.menur1social .hyves  {color:#fff;}
.menur1social .icondock  {color:#fff;}
.menur1social .icq  {color:#fff;}
.menur1social .identica  {color:#fff;}
.menur1social .imessage  {color:#fff;}
.menur1social .instagram  {color:#fff;}
.menur1social .itunes  {color:#fff;}
.menur1social .lastfm  {color:#fff;}
.menur1social .linkedin  {color:#fff;}
.menur1social .meetup  {color:#fff;}
.menur1social .metacafe  {color:#fff;}
.menur1social .mrwong  {color:#fff;}
.menur1social .msn {color:#fff;}
.menur1social .myspace  {color:#fff;}
.menur1social .newsvine  {color:#fff;}
.menur1social .paypal  {color:#fff;}
.menur1social .photobucket  {color:#fff;}
.menur1social .picasa  {color:#fff;}
.menur1social .pinterest  {color:#fff;}
.menur1social .podcast  {color:#fff;}
.menur1social .qik  {color:#fff;}
.menur1social .quora  {color:#fff;}
.menur1social .reddit  {color:#fff;}
.menur1social .retweet  {color:#fff;}
.menur1social .rss  {color:#fff;}
.menur1social .scribd  {color:#fff;}
.menur1social .sharethis  {color:#fff;}
.menur1social .skype  {color:#fff;}
.menur1social .slashdot  {color:#fff;}
.menur1social .slideshare  {color:#fff;}
.menur1social .smugmug  {color:#fff;}
.menur1social .soundcloud  {color:#fff;}
.menur1social .spotify  {color:#fff;}
.menur1social .squidoo  {color:#fff;}
.menur1social .stackoverflow  {color:#fff;}
.menur1social .stumbleupon  {color:#fff;}
.menur1social .technorati  {color:#fff;}
.menur1social .tumblr  {color:#fff;}
.menur1social .twitterbird  {color:#a6c1dc;}
.menur1social .twitter  {color:#fff;}
.menur1social .viddler  {color:#fff;}
.menur1social .vimeo  {color:#fff;}
.menur1social .virb  {color:#fff;}
.menur1social .www  {color:#fff;}
.menur1social .wikipedia  {color:#fff;}
.menur1social .windows  {color:#fff;}
.menur1social .wordpress  {color:#fff;}
.menur1social .xing  {color:#fff;}
.menur1social .yahoobuzz  {color:#fff;}
.menur1social .yahoo  {color:#fff;}
.menur1social .yelp  {color:#fff;}
.menur1social .youtube  {color:#dcdba6;}

For more information on styling and configuring the K2 Socializer Module visit the full documentation HERE