Wedmasterayuda - Foro

Inteligencia Multiple WMA


    [Diseño para- Css Desing] Rainbow x 7

    Comparte
    avatar
    wedmasterayuda
    Administrador
    Administrador

    Cantidad de envíos : 47
    Puntos : 25
    Reputación : 0
    Fecha de inscripción : 31/08/2008

    [Diseño para- Css Desing] Rainbow x 7

    Mensaje  wedmasterayuda el Mar Jul 07, 2009 11:55 pm

    Aca les traigo un nuevo diseño de mi web fue un poco largo ya que son 7 diseños en uno, es un diseño para css desing



    su codigos es asi

    Pega esto por encima de la pagina

    Código:
    <!-- wrap starts here -->
    <div id="wrap">
          <!--header -->
          <div id="header">       
             
            <h1 id="logo-text"><a href="inicio.htm">Encabezado</a></h1>   
            <p id="slogan">
    <br/>
    <script type="text/javascript" src="http://img9.xooimage.com/files/5/0/7/dise-owedmasterayuda.es.tl-1050316.js"></script>

    <link rel="stylesheet" type="text/css" href="http://img1.xooimage.com/files/5/8/6/dise-os1wedmasterayuda-104ffad.css" title="NOMBRE CSS 1">
    <link rel="alternate stylesheet" type="text/css" href="http://img1.xooimage.com/files/0/3/d/dise-os2wedmasterayuda-1050047.css" title="NOMBRE CSS 2">
    <link rel="stylesheet" type="text/css" href="http://img3.xooimage.com/files/2/2/2/dise-os3wedmasterayuda-10500ad.css" title="NOMBRE CSS 3">
    <link rel="stylesheet" type="text/css" href="http://img3.xooimage.com/files/a/1/3/dise-os4wedmasterayuda-10501b0.css" title="NOMBRE CSS 4">
    <link rel="stylesheet" type="text/css" href="http://img9.xooimage.com/files/4/5/1/dise-os5wedmasterayuda-1050219.css" title="NOMBRE CSS 5">
    <link rel="stylesheet" type="text/css" href="http://img9.xooimage.com/files/e/a/f/dise-os6wedmasterayuda-105025c.css" title="NOMBRE CSS 6">
    <link rel="stylesheet" type="text/css" href="http://img3.xooimage.com/files/4/d/7/dise-os7wedmasterayuda-10502d0.css" title="NOMBRE CSS 7">
    <a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 1'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma564.JPG" alt="picwma564.JPG"></a>
    <a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 2'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma5645.JPG" alt="picwma5645.JPG" /></a>
    <a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 3'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma56457.JPG" alt="picwma56457.JPG" /></a>
    <a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 4'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma564578.JPG" alt="picwma564578.JPG" /></a>
    <a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 5'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma5645784.JPG" alt="picwma5645784.JPG" /></a>
    <a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 6'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma56457844.JPG" alt="picwma56457844.JPG" /></a>
    <a href="#" onclick="setActiveStyleSheet('NOMBRE CSS 7'); return false;"><img src="http://www.fileden.com/files/2008/5/22/1925126/picwma564578448.JPG" alt="picwma564578448.JPG" /></a>
    </p>   
           
            <div id="header-links">
            <p>
                <a href="Url">Link</a> |
                <a href="Url">Link</a> |
                <a href="Url">Link</a>       
            </p>   
          </div>   
                   
          </div>

       
          <!-- menu --> 
          <div  id="menu">
            <ul>
                <li id="current"><a href="Url">Link</a></li>
    <li><a href="Url">LInk</a></li>
    <li><a href="Url">Link</a></li>
    <li><a href="Url">LInk</a></li>
       

                <li><a href="Url">Link</a></li>
                <li class="last"><a href="Url">Link</a></li>
            </ul>
          </div>             
           
          <!-- content-wrap starts here -->
          <div id="content-wrap">
             
            <div id="sidebar">
       
                <h3>Menu</h3>
                <ul class="sidemenu">         
                  <li><a href="Url">LInk</a></li>
                  <li><a href="Url">Link</a></li>

                <li><a href="Url">LInk</a></li>
                  <li><a href="Url">Link</a></li>
                  <li><a href="Url">LInk</a></li>
                     
                </ul> 
             
           
                <h3>Links</h3>
                <ul class="sidemenu">
        <li><a href="Url">LInk</a></li>
    <li><a href="Url">Link</a></li>
    <li><a href="Url">LInk</a></li>

    <li><a href="Url">Link</a></li>
    <li><a href="Url">LInk</a></li>
                </ul>
           
                <h3>texto</h3>
                <ul class="sidemenu">
                  <p class="align-right"><li><a href="Url">LInk</a></li>
    <li><a href="Url">Link</a></li>
    <li><a href="Url">LInk</a></li></p>
             
                <h3>Texto</h3>
                <div class="left-box">
                  <p class="align-right"><li><a href="Url">LInk</a></li>
    <li><a href="Url">Link</a></li>
    <li><a href="Url">LInk</a></li></p>

                 
                  <p class="align-right"></p>
                </div> 
             
                <h3>texto</h3>
                <div class="left-box">
                  <p class="align-right"><li><a href="Url">LInk</a></li>
    </p>
                </div>                           
            </div>

    Pega esto por debajo de la pagina

    Código:
    <!-- content-wrap ends here --> 
    </div> 
    <!--footer starts here-->
    <div id="footer">
    </div> 
    <!-- wrap ends here -->
    </div>

      Fecha y hora actual: Mar Mayo 22, 2018 5:10 am