: move facebook twitter +1 : wilson camacho September 19, 2012, 12:23:42 PM how can i move facebook twitter =1 and rss icons to the the top. basically i want to move it to the right side above the blue bar
thank you : Re: move facebook twitter +1 : mikenicoll September 19, 2012, 03:36:31 PM Adjust the values in bold until you get the desired position on your template
Template.CSS - Line 681 #s5_social_wrap_inner { margin-left: 975px; margin-top: -310px; padding-top: 30px; position: absolute; width: 32px; z-index: 1; } : Re: move facebook twitter +1 : wilson camacho September 21, 2012, 07:21:35 AM I already moved the social networking on the top . but i would like to put the icon on horizontal position
my url http://www.sandungatv.org/index.php basically i want the social network icon look like this page http://www.globalmambo.com/ another question can the social network icons appear on all the pages? because the icons are only on the home page : Re: move facebook twitter +1 : mikenicoll September 21, 2012, 09:04:03 PM Hey,
1) Hopefully this makes sense but the reason your social icons are not appearing on every page is because in Hexicon_Gamer they are coded into the "s5_bottom_area_wrap_1" This means that to get it up to the "header" area which you wanted that you have to make an extreme change to the margins. This sometimes causes issues with different page sizes. In this case you have: margin-left: 975px; margin-top: -640px; If you want your social icons at the top at all times without adjusting the margins that extreme you would have to move them to the "Header" area of the index.php as seen in a template called "Construction" Then you would have to re-adjust the CSS to remove the extreme margins. (http://imageshack.us/a/img69/5264/111222333.jpg)[/URL] 2)To make your social icons appear horizontally please make the following adjustments or additions in BOLD to the Template.CSS Template.CSS - Line 644 #s5_facebook { background: url("../images/facebook.png") no-repeat scroll left top transparent; cursor: pointer; float: left; height: 32px; margin-bottom: 8px; width: 32px; } Template.CSS - Line 632 #s5_google { background: url("../images/google.png") no-repeat scroll left top transparent; cursor: pointer; float: left; height: 32px; margin-bottom: 8px; width: 32px; } Template.CSS - Line 668 #s5_twitter { background: url("../images/twitter.png") no-repeat scroll left top transparent; cursor: pointer; float: left; height: 32px; margin-bottom: 8px; width: 32px; } Template.CSS - Line 656 #s5_rss { background: url("../images/rss.png") no-repeat scroll left top transparent; cursor: pointer; float: left; height: 32px; margin-bottom: 8px; width: 32px; } Template.CSS - Line 680 #s5_social_wrap_inner { margin-left: 975px; margin-top: -640px; padding-top: 30px; position: absolute; width: 130px; z-index: 1; } : Re: move facebook twitter +1 : wilson camacho September 24, 2012, 06:25:21 AM i would like to put it back. but i lost the original code. can you tell me the code please ?
: Re: move facebook twitter +1 : mikenicoll September 24, 2012, 09:56:36 PM You can simply download a fresh copy of the template from Shape5 and copy the lines of code that you have modified with the original ones and adjust them to your liking.
|