[SOLVED] No link on my social media icons - Joomla! Forum - community, help and support
hi all,
i know must on looking simple - have put social media icons on header , have assigned links of them, problem on rss icon getting link.
i using protostar default template
here css: template.css
and here html: index.php
thank in advance
i know must on looking simple - have put social media icons on header , have assigned links of them, problem on rss icon getting link.
i using protostar default template
here css: template.css
code: select all
.social-bar{
/*border: solid;
border-width: 2px;*/
width: 235px;
height: 42px;
position: absolute;
float: left;
margin-top: 132px;
margin-left: 35px;
}
.twitter-icon{
border: solid;
border-width: 2px;
width: 42px;
height: 42px;
position: absolute;
}
.facebook-icon{
border: solid;
border-width: 2px;
float: left;
width: 42px;
height: 42px;
position: absolute;
padding-left: 45px;
}
.[youtube]{
border: solid;
border-width: 2px;
float: left;
width: 42px;
height: 42px;
position: absolute;
padding-left: 45px;
margin-left: 45px;
}
.rss-icon{
border: solid;
border-width: 2px;
float: left;
width: 42px;
height: 42px;
position: absolute;
padding-left: 45px;
margin-left: 90px;
}and here html: index.php
code: select all
<div class="header">
<div class="header-inner">
<a class="brand pull-left" href="<?php echo $this->baseurl; ?>">
<?php echo $logo;?>
<?php if ($this->params->get('sitedescription'))
{ echo '<div class="site-description">'. htmlspecialchars($this->params->get('sitedescription')) .'</div>'; } ?>
</a>
<div class="header-search pull-right">
<jdoc:include type="modules" name="position-0" style="none" />
</div>
<!--********** begin code ********-->
<div class="social-bar">
<div class="twitter-icon">
<a href="https://twitter.com/accountname"><img src="./images/headers/social-icons/twitter_42x42.png"></a>
</div>
<div class="facebook-icon">
<a href="https://www.facebook.com/accountname"><img src="./images/headers/social-icons/facebook_42x42.png"></a>
</div>
<div class="[youtube]">
<a href="http://www.[youtube].com/user/daintao"><img src="./images/headers/social-icons/[youtube].png"></a>
</div>
<div class="rss-icon">
<a href="http://localhost/joomla/index.php/specials/type-rss?format=feed"><img src="./images/headers/social-icons/rss_42x42.png"></a>
</div>
</div>
<!--********** end code ********-->thank in advance
fixed , tidied code tad.
the css looks this:
and class of each of icon divs looks this:
hope helps same issues
the css looks this:
code: select all
.social-icons{
width: 42px;
height: 42px;
position: relative;
float: left;
}and class of each of icon divs looks this:
code: select all
<div class="social-icons">
...
</div>hope helps same issues
Comments
Post a Comment