HomeHome  
  • WelcomeWelcome  
  • Events  
  • PublicationsPublications  
  • FAQFAQ  
  • SearchSearch  
  • MemberlistMemberlist  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  
  • You are not connected. Please login or register


    Partnership for Html pages

    avatar
    • Administrator

        Reputation : 315
        Registered on : 2012-02-22
        Posts : 2362
        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

      avatar
      • Manager

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



        avatar
        • Veteran staff member

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

          avatar
          • *****


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

            avatar
            • **


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


              YOUR BANNER HERE
              728x90
              DMCA.com Protection Status
              © PunBB | Contact | Report an abuse