I need to add a new module position to add social icons like tab floating (Sticky module) in the right side of the website. I followed the steps in the tutorial to create a new module position in the template. The problem is I am not sure where add the new line of code at default.php. Here are the lines of code I am using:
PHP
- Code: Select all
<?php if($this->modules('social_panel')) : ?> <div>
<jdoc:include type="modules" name="social_panel"
style="<?php echo $this->module_styles['social_panel']; ?>" />
</div> <?php endif; ?>
CSS
- Code: Select all
/* SOCIAL PANEL */
#social_panel {position:fixed; z-index:9999; top:140px; right:0;}
#social_panel .social-icons {padding-top: 5px; background-color: rgba(0, 0, 0, 0.2); background-image:url(../images/bgSocialIcons.png); background-repeat:repeat-y; background-position:right center; text-align:center; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
#social_panel .social-icons a {display:inline-block; margin-bottom:5px; opacity:0.6; filter:alpha(opacity:60);}
#social_panel .social-icons a:hover {opacity:1; filter:alpha(opacity:100);}
#social_panel .facebook_comments {display:block; display:inline-block; margin-bottom:10px; padding-top:5px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
#social_panel .facebookCommentsContainer {padding:10px; position:absolute; top:0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; max-height:450px;}
#social_panel .fb-comments {background-color:#fff;-webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; }
The code is right? Where I have to use it at default.php?
