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


    Elegant Gray Template

    avatar
    • *****


        Reputation : 3
        Registered on : 2012-05-02
        Posts : 197
      Preview
      Don't change copyright(Created and Designed by AGent)
      It's a simple theme whit gray and white!

      Best view for template:
      Google Chrome :
      Mozila Firefox :
      I.Explorer:

      Code:

      Code:
      <html>
      <body background="http://i44.tinypic.com/2a6w02d.png" style="background-attachment: fixed; background-repeat: repeat-x">
      <br><br>
      <div style="width: 1030px; height: 830px; background-image:url('http://i40.tinypic.com/20itcpc.png'); margin:0 auto">
      <br><br>
      <head>
      <div style="width: 1000px; height: 250px; background:url('http://i43.tinypic.com/htchhy.png'); background-repeat: repeat-x; margin:0 auto; position: relative; left: -3px">
      <br><br><br><br>
      <center class="opacity"><font color="000000" face="arial" style="font-size: 70px">Site Name&trade</font></center>
      <br><br>
      <div id="underlinemenu" style="position: relative; top: 10px">
      <ul>
      <li id="current"><a href="link" title="Home">Home</a></li>
      <li><a href="link" title="Community">Forum</a></li>
      <li><a href="link" title="About we">About</a></li>
      <li><a href="link" title="Freeware downloads">Downloads</a></li>
      <li><a href="link" title="Hot news">News</a></li>
      <li><a href="link" title="Send us an email">Contact</a></li>
      </ul>
      </div>
      </div>
      </head>
      <br><br>
      <div style="border: 1px solid #808080; width: 650px; height: 400px; position: relative; right: -60px; background-image: url('http://i44.tinypic.com/125pbv7.png'); -moz-border-radius: 10px; -webkit-border-radius: 10px;">
      <ul>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text<br>
      text text text text text text text text text text text text text text text text text text
      </ul>
      </div>
      <div style="position:relative; left:800px; top:-415px">
      <table style="border-left: 1px dotted #808080">
        <tr>
          <td style="border-top: 1px dotted #808080; width: 200px" class="link"><a href="" target="_blank">» Option</a></th>
        </tr>
        <tr>
          <td style="border-top: 1px dotted #808080; width: 200px" class="link"><a href="" target="_blank">» Option</a></td>
        </tr>
        <tr>
          <td style="border-top: 1px dotted #808080; width: 200px" class="link"><a href="" target="_blank">» Option</a></td>
        </tr>
        <tr>
          <td style="border-top: 1px dotted #808080; width: 200px" class="link"><a href="" target="_blank">» Option</a></td>
        </tr>
        <tr>
          <td style="border-top: 1px dotted #808080; width: 200px" class="link"><a href="" target="_blank">» Option</a></td>
        </tr>
        <tr>
          <td style="border-bottom: 1px dotted #808080; border-top: 1px dotted #808080; width: 200px" class="link"><a href="" target="_blank">» Option</a></td>
        </tr>
      <br>
      </table>
      <marquee direction="up" scrollamount="2" style="border-bottom: 1px dotted #808080; width: 200px; border-left: 1px dotted #808080">
      <a href="" target="_blank" class="minibanner"><img src="http://i40.tinypic.com/23mwigi.png" border="0"></a><br><br>
      <a href="" target="_blank" class="minibanner"><img src="http://i40.tinypic.com/23mwigi.png" border="0"></a><br><br>
      <a href="" target="_blank" class="minibanner"><img src="http://i40.tinypic.com/23mwigi.png" border="0"></a><br><br>
      <a href="" target="_blank" class="minibanner"><img src="http://i40.tinypic.com/23mwigi.png" border="0"></a><br><br>
      <a href="" target="_blank" class="minibanner"><img src="http://i40.tinypic.com/23mwigi.png" border="0"></a><br><br>
      <a href="" target="_blank" class="minibanner"><img src="http://i40.tinypic.com/23mwigi.png" border="0"></a><br><br>
      <a href="" target="_blank" class="minibanner"><img src="http://i40.tinypic.com/23mwigi.png" border="0"></a>
      </marquee>
      </div>
      <center style="position:relative; top:-345px; font-size:12px" class="link">
      Copyright © by your site<br>
      <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/ro/">Coded and designed by AGent</a>
      </center>
      </div>
      </body>
      <style type="text/css">
      .opacity font{
      filter:alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5}

      .opacity font:hover{
      filter:alpha(opacity=100);
      -moz-opacity: 1;
      opacity: 1}

      .link a{
      filter:alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5;
      text-decoration: none;
      color:#000000}

      .link a:hover{
      filter:alpha(opacity=100);
      -moz-opacity: 1;
      opacity: 1;
      color:#000000}

      .minibanner img{
      filter:alpha(opacity=50);
      -moz-opacity: 0.5;
      opacity: 0.5}

      .minibanner img:hover{
      filter:alpha(opacity=100);
      -moz-opacity: 1;
      opacity: 1}

      #underlinemenu{
      margin: 0;
      padding: 0;
      }

      #underlinemenu ul{
      margin: 0;
      margin-bottom: 1em;
      padding-left: 0;
      float: left;
      font-weight: bold;
      width: 1000px;
      border: 1px solid #DFDFDF;
      border-width: 1px 0;
      }

      #underlinemenu ul{
      margin-bottom: 0;
      }

      #underlinemenu ul li{
      display: inline;
      }


      #underlinemenu ul li a{
      float: left;
      color: gray;
      font-weight: bold;
      padding: 2px 6px 4px 6px;
      text-decoration: none;
      background: url('http://i39.tinypic.com/a9y2dh.gif') top right repeat-y;
      }

      #underlinemenu ul li a:hover{
      color: black;
      background-color: #F3F3F3;
      border-bottom: 4px solid black;
      padding-bottom: 0;
      }
      </style>
      </html>

      avatar
      • **


          Reputation : 0
          Registered on : 2014-12-31
          Posts : 14
          Love Fmcodes
        Let's see  Roll


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