MonoX support board

Start the conversation, ask questions and share tips and solutions with fellow developers.

Non-registered users can only browse through our support boards. Please register now if you want to post your questions. It takes a second and it is completely free. Alternatively, you can log in without registration using your credentials at major sites such as Google, Microsoft Live, OpenId, Facebook, LinkedIn or Yahoo.

Can anyone please provide source code for "Additonal Resources" tab on the left side of this site page ?  (Mono Support )

Viewed 18440 time(s), 7 post(s) 10/13/2014 2:30:16 PMby super
super

super

10/13/2014 2:30:16 PM
Can anyone please provide source code for "Additional Resources" tab on  the left side of this site page ?
This content has not been rated yet. 
6018 Reputation 709 Total posts
kpeulic

kpeulic

10/13/2014 2:53:41 PM
All you need, you can find in the page source.
You can try to add this and modify on your page:

<div class="additional-resources">
    <div class="content">
        <a href="http://www.mono-software.com/Mono/Pages/MonoXNightlyBuildDownloads.aspx" target="_blank">MonoX Nightly Builds</a>
        <a href="http://www.mono-software.com/Mono/Pages/Discussion/dboard/3uICzutWvkmCUKD1AO6JcQ/Gallery/" target="_blank">MonoX Gallery</a>
        <a href="https://github.com/MonoSoftware" target="_blank">Mono Software at GitHub</a>
    </div>   
    <a href="javascript:void(0)" class="pull-button"></a>
</div>
 
<script type="text/javascript">
    $(document).ready(function () {
        jQuery(".pull-button").click(function () {
            jQuery(".additional-resources").toggleClass("show-content");           
        }
    );
});
</script>
 And you need to add this in your CSS file (and, of course, you need to adjust this code to your environment ):

.additional-resources
{
    height: 208px;
    position: fixed;
    top: 50%;
    margin-top: -85px;
    left: -200px;
    z-index: 1000;
    -webkit-transition: left 50ms;
    transition: left 50ms;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.additional-resources.show-content
{
    left: 0px;
    -webkit-transition: left 50ms;
    transition: left 50ms;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.additional-resources .content
{
    background: url(img/add-res-bg.png)  repeat-x;
    height: 160px;
    float: left;
    padding: 25px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: normal;
}
.additional-resources .content A,
.additional-resources .content A:focus
{
    width: 167px;
    display: block;
    font-family: 'BebasNeueRegular';
    font-size: 19px;
    text-decoration: none;
    margin: 8px 0px;
    padding-left: 10px;
    border-left: solid 3px #119cd6;
    clear: both;
    float: left;
    line-height: normal;
    color: #119cd6;
}
.additional-resources .content A:hover
{
    color: #fff;
    border-left: solid 3px #fff;
}
.additional-resources A.pull-button
{
    background: url(img/add-res-buttons.png)  no-repeat center left transparent;
    display: block;
    width: 81px;
    height: 208px;
    position: absolute;
    top: 0px;
    right: -81px;
}
.additional-resources a:hover
{
    background-position: center right;
}
This content has not been rated yet. 
1849 Reputation 181 Total posts
super

super

10/13/2014 4:01:36 PM
Thank you for your prompt reply - which page I should add this? master page ? or default home page? 

I want it to display on all pages.
This content has not been rated yet. 
6018 Reputation 709 Total posts
kpeulic

kpeulic

10/13/2014 8:24:09 PM
If you want to display it on all pages, I guess that you should to add it on the master page.
This content has not been rated yet. 
1849 Reputation 181 Total posts
super

super

10/13/2014 8:28:42 PM
The css is using some images like:

img/add-res-bg.png

img/add-res-buttons.png

Could you please provide the images ?
This content has not been rated yet. 
6018 Reputation 709 Total posts
kpeulic

kpeulic

10/13/2014 8:52:14 PM
You can download them from the: http://www.mono-software.com/App_Themes/Mono/img/add-res-buttons.png and http://www.mono-software.com/App_Themes/Mono/img/add-res-bg.png.
This content has not been rated yet. 
1849 Reputation 181 Total posts
super

super

10/14/2014 1:44:18 PM
Thank you
This content has not been rated yet. 
6018 Reputation 709 Total posts