Niko
  • Administrator

      Reputation : 319
      Registered on : 2012-02-22
      Posts : 2366
      School of codes courses: coming soon
    Partnership for Html pages

    Description


    Have a mini-banners system to add your own partners in an html page

    Set up


    It is a simple html code; Just paste this code to an html page or wherever you want:
    Code:
    <!--- Subject: "Partnership code" - Copyright 2012 by www.fmcodes.com. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified code. Distribution is not allowed without written consent from FMCodes--->
     
    <style>#minib img:hover {
    width: 88px;
    background:
    white;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid
    #CCC;
    -htm-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 5ms;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    border-bottom-width: 2px;
    position: relative;
    bottom: 6px;
    margin: 3px;
    }

    #minib img {
    width: 70px;
    float: left;
    }</style><div id="minib"><a href="www.fmcodes.com"><img src="file:///C:/Users/Nic/Desktop/INTERSECT%20ARCHIVE/e-forum-of-Codes.png"></a></div><div id="minib"><a href="www.fmcodes.com"><img src="http://i49.servimg.com/u/f49/17/19/90/23/e-foru12.png"></a></div><div id="minib"><a href="www.fmcodes.com"><img src="http://i49.servimg.com/u/f49/17/19/90/23/e-foru12.png"></a></div><div id="minib"><a href="www.fmcodes.com"><img src="http://i49.servimg.com/u/f49/17/19/90/23/e-foru12.png"></a></div><div id="minib"><a href="www.fmcodes.com"><img src="http://i49.servimg.com/u/f49/17/19/90/23/e-foru12.png"></a></div>



    Customize the tutorial


    You have to change
    Code:
    <a href="www.fmcodes.com"><img src="http://i49.servimg.com/u/f49/17/19/90/23/e-foru12.png"></a>
    ; the link with the address of the forum/website/blog and the image with the mini-banner (88x31)

    Note: Some image-host services replace the brokwn image with a default one where you can read "Image broken, bla bla": You won't be able to change it...

    Demostration




    Technical problems


    The tutorial was tested on this forum and with the browser Google Chrome; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your reporting.

    Thanks, the staff

    For every problem or question please, contact us in the section Support for the tutorials, The staff will answer you as soon as it is possible...


    Friendly,
    The team of the Forum of Codes.



    Niko wants you in the team Guest

    Community manager and Administrator at Forumattivo.com

    Nick
    • Manager

        Reputation : 20
        Registered on : 2012-04-01
        Posts : 407
      Cool!



      Partnership for Html pages 15px10
      Chris Dans
      • Veteran staff member

          Reputation : 1
          Registered on : 2012-04-27
          Posts : 39
        Very nice tutorial I love it.

        Kenzo
        • *****


            Reputation : 3
            Registered on : 2012-05-02
            Posts : 197
          Very nice :)
          Ty

          Asriel
          • **


              Reputation : 0
              Registered on : 2012-07-26
              Posts : 14
            How do I put this in a footer of the forum?