Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje06-01-2013, 02:29 (UTC)    
Título del mensaje: [Aporte] Plantilla Colourful ampliada en 250 puntos

Plantilla Colourful ampliada en 250 punto Versión 1.0.0 · Optimizada para Mozilla FireFox 17.0.1

Esta plantilla propone varios colores. Aquí ven como queda en real uno de ellos.

Aqui dejo capturas en los cinco colores disponibles:

Amarillo

Azul

Magenta

Rojo

Verde


USABILIDAD
Esta plantilla, se puede escalar y desescalar con control+, con control- o cbien, con el scroll del mouse, sin que haya repetición de imágenes, descuadres o desproporciones.
Para recuperar el tamaño original use control y 0 (cero)

Para monitores mayores a 1280px de ancho, deja espacio a la derecha de todo el conjunto, pero se puede escalar a mayor tamaño, hasta completar ancho de pantalla o volver a tamaño original (1280px) usando control y 0 (cero).

Lo ideal es que nunca se active el scroll horizontal, por tanto ancho máximo de pantalla, idoneo, se puede alcanzar escalando hasta un punto menos que ocurra la aparición del scroll horizontal.


NAVEGACION
Se ha buscado con esta plantilla, que la navegación, sea cómoda. El menú a la derecha del cuerpo principal ayuda mucho a ello.

La mano sobre el ratón, facilita, revisar uno a uno, cada punto de menu, sin perder de vista el cuerpo principal y volver atrás, practicamente con clicks de mouse, sin mover a penar la mano de lugar. Solo, seleccionar, revisar y volver.

Es la navegación, mas agradable que existe. ¿Se puede mejorar? Claro que si, esa es la intención.

En la siguiente Release (Versión: 1.1.0) trataremos de acercar el menú al scroll vertical (posiblemente pasando el bloque de zona caliente (columna de la derecha) a la izquierda del cuerpo principal. Con eso, se logrará que el mouse, maneje sin apenas desplazamientos de izquierda a derecha, el menu y el scroll vertical, sin esfuerzo aparente.

Si una web se hace incomoda de revisar, los visitantes desisten, y con este aporte, pretendemos minimizar ese inconveniente. Ya estamos pensando en las siguientes mejoras.

Bien, ¿como ponerlo en marcha?


IMPLEMENTACION POR PRIMERA VEZ Y CAMBIOS DE COLOR
La solución mas sencilla de manejar e instalar, después de las pruebas hechas y la integración y puesta en común de los aportes de quienes colaboraron en esto (lean los créditos), es la siguiente:

He colocado un post a continuación, para cada color. El aporte es demasiado largo y no entra en uno solo. Lo lamento.


PRIMERA INSTALACION
Para ampliar por primera vez su plantilla Colourful, copie el bloque completo del color desado y péguelo en tu texto por encima de página, según las instrucciones que se dan mas abajo.


CAMBIOS DE COLOR (SIGUIENTES INSTALACIONES)
Para cambios de color, (si se hace pesado copiar todo el bloque). Se puede abreviar el procedimiento marcando, copiando y pegando solo la parte correspondiente al color que vamos a colocar en web, en sustitución de un color que tuviesenos puesto antes.

Es decir, para este caso, cambiariamos solo, el bloque que queda comprendido desde:

Código:

<!-- -->                     
        <!-- =========================================== -->
        <!-- DESDE AQUI: VERSION ACTIVA: (la que sea) ??? / ??? -->
        <!-- =========================================== -->


hasta aquí

Código:
                 
        <!-- =========================================== -->
        <!-- HASTA  AQUI: VERSION ACTIVA: (la que sea) ??? / ??? -->
        <!-- =========================================== -->
<!-- --> 



Si tienen mejoras, o críticas que permitan simplificar la solución, por favor, hagánlas llegar respondiendo al tema o mediante el formulario de contacto de mi web. Serán atendidas y contestadas. Gracias.


Felices Reyes !!!


P.D.:
Si a alguien le interesa la génesis de este tema, puede revisar aquí

Hay algunos problemas no resueltos, e interesantes, como por ejemplo que PWG usa carpetas para las URL's de sus imagenes y nosotros aunque, organicemos las imagenes en categorías (carpetas) en nuestro control de imágenes; de cara a la URL no cuentan...

Eso complicó usar las imágenes (que se llaman igual) selectivamente, de una u otra carpeta, dependiendo del color a implementar.

Sigue en estudio la manera de simplificar eso y en general, como minimizar el code, sin perder facilidad y simpleza en su uso (COPY/PASTE para cambiar una versión por otra).

Si alguien tiene ideas al repecto, se agradecerá las comparta.


Ultima edición por studiowebbackstage el Dom Ene 06, 2013 1:11 am; editado 19 veces
Mensaje06-01-2013, 02:37 (UTC)    
Título del mensaje: EN COLOR AMARILLO

Para colocar la plantilla colourful de su web en color amarillo:

En su kit de construcción | Ajustes de diseño:

Seleccione plantilla: Colourful
Seleccione color: Amarillo
Copie y pegue este codígo en:
Opciones avanzadas | Texto por encima de página

Código:


<!-- ===================================== -->
<!-- DESDE AQUI TEXTO POR ENCIMA DE PAGINA -->
<!-- ===================================== -->

<!-- // AVISO IMPORTANTE!
        Plantilla Colourful Ampliada · Versión 1.0.0
        Este aporte es gratuito y de libre uso. Aunque usted
        es libre de usar este aporte tal como se propone sepa
        que tiene la libertad de modificarlo a su gusto, pero
        no debe remover este comentario o en su defecto, será
        entendido como plagio y denunciado al staff de PWG lo
        que llevará a que su cuenta sea cerrada.
    //-->
<!-- // AGRADECIMIENTOS
        Agradecemos a:  skulldarknight y  a buzzdungeon, cuyos
        aportes has sido aprovechados para componer esta solu-
        ción, ampliada  en  su bloque izquierdo, para el color
        amarillo de la plantilla Colourful de PWG.
       
        AGRADECIMIENTOS a design-pwg que nos ayudó con el code
        que promociona PWG en el banner superior derecho.
       
        En breve expandiremos la solución para el resto de los
        colores disponibles de la plantilla.
       
        Gracias por usarlo.
    //-->
<!-- // SOPORTE RECOMEDACIONES DE USO
        Studio Web · Backstage se compromete a ayudarle gratuitamente
        a implementar cuantos cambios precise, bajo las siguientes:
       
        1º - Mantenga los créditos y la publicidad de PWG
        2º - No cambie nada sin consulta. Díganos que precisa y le
             ayudaremos a implementarlo.
        3º - Solo si adquiere una Cuenta Premium para el web en uso
             de este aporte, aceptaríamos elimine la publicidad que
             agregada por este aporte a la estandar de PWG.
             Nos referimos al banner ubicado en la esquina superior
             derecha que enlaza al home de PWG.
         4º- Para Cuentas Premium este compromiso sigue siendo válido
             mientras se mantenga la situación de premium o se vuelva
             a cuenta free respetando los puntos anteruiores.
    //->
       
    <!-- ====================== -->
    <!-- DESDE AQUI: CODIGO CSS -->
    <!-- ====================== -->
<!-- -->   
           <!-- ============================ -->
           <!-- DESDE AQUI: RECOMENDAMOS PWG -->
           <!-- ============================ -->
               <style type="text/css">
                   <!--
                        body {
                            position: relative;
                            top: -105px !important;
                        }
                         img.bannerpwg {
                            height: 90px;
                            width: 509px;
                            left: 735px;
                            position: relative;
                            top: 112px;
                        }
                   //-->
               </style>
          <!-- ============================ -->
          <!-- HASTA AQUI: RECOMENDAMOS PWG -->
          <!-- ============================ -->
<!-- -->
          <!-- ============================ -->
          <!-- DESDE AQUI: CAMBIO DE ESTILO -->
          <!-- ============================ -->
           <style type="text/css">
               <!--
              body { font-family:Verdana; font-size:12px; text-decoration:none; margin: 0% 0% 0% 0%; }   
              .headline { font-family:Verdana; font-size:12x; font-style:none; color:white; text-decoration:none; }
              .cont, TD { font-family:Verdana; font-size:12px; font-style:none; color:#818181; text-decoration:none; }
              a { font-family: Verdana; color:#0000FF; text-decoration: none;   font-size:12px}
              a:visited { font-family: Verdana; color:#0000FF; text-decoration: none;   font-size:12px}
              a:hover { font-family: Verdana; color#0000FF; text-decoration: none; color: #FF0000; font-size:12px}
                #webme_footer_textlink_dont_hide
              {
                color: ;
                background-color: ;
                }
                //-->
           </style>
       <!-- ============================ -->
       <!-- HASTA AQUI: CAMBIO DE ESTILO -->
       <!-- ============================ -->
<!-- -->
       <!-- ============================================= -->
       <!-- DESDE AQUI: VERSION COMUN A TODOS LOS COLORES -->
       <!-- ============================================= -->             
          <style type="text/css">
                <!--
                    td.edit_header1
                        {
                        background-image:url(http://img.webme.com/pic/s/studiowebbackstage/head_bg.png);
                        background-repeat:no-repeat;
                        width: 230px;
                        height: 141px;
                        }
                -->
                </style>
       <!-- ============================================= -->
       <!-- HASTA AQUI: VERSION COMUN A TODOS LOS COLORES -->
       <!-- ============================================= -->
<!-- -->                     
        <!-- =========================================== -->
        <!-- DESDE AQUI: VERSION ACTIVA: AMARILLO / GELB -->
        <!-- =========================================== -->
                <style type="text/css">
                    <!--
                        td.edit_header2 {
                           background-image:url(http://theme.webme.com/designs/colourful/images_gelb/header.jpg);
                           background-color:;
                           background-repeat:no-repeat;
                           width: 1250px
                           height: 141px; }
                        td.edit_content_header {
                           background-image:url(http://theme.webme.com/designs/colourful/images_gelb/cont_head_bg.gif);
                           background-color:;
                           background-repeat:no-repeat; }
                        img[src="http://theme.webme.com/designs/colourful/images_gelb/line.gif"]
                        {
                        background-repeat:no-repeat;height:3px;width:771px;padding-left:0px;
                        }                     
                        td.edit_content_header {
                           background-image:url(http://img.webme.com/pic/s/studiowebbackstage/cont_head_bg.png);
                           background-repeat:no-repeat;
                           width: 771px;
                           height: 36px; }
                        td.edit_header1 {
                            background-image:url(http://img.webme.com/pic/s/studiowebbackstage/header.png);
                            background-repeat:no-repeat;
                            width: 100%;
                        height: 141px; }
                        td.edit_content_header {
                           background-image:url(http://img.webme.com/pic/s/studiowebbackstage/cont_head_bg.png);
                           background-color:;
                           background-repeat:no-repeat;
                           width: 771px;
                           height: 36px; }
                        .edit_content_header2
                        {
                        background: url("http://img.webme.com/pic/s/studiowebbackstage/cat_bg.png");
                        width=1250px; height:55px;
                        }
                    //-->
                </style>
        <!-- =========================================== -->
        <!-- HASTA AQUI: VERSION ACTIVA: AMARILLO / GELB -->
        <!-- =========================================== -->
<!-- -->                     
       <!-- ================================= -->
       <!-- DESDE AQUI: Aporte de buzzdungeon -->
       <!-- ================================= -->
                    <style type="text/css">
                        <!--
                        .cont>div[style="width: 510; overflow: auto;"]
                        {
                        width:760px!important;
                        }
                        //-->
                   </style>         
       <!-- ================================= -->
       <!-- HASTA AQUI: Aporte de buzzdungeon -->
       <!-- ================================= -->
<!-- -->         
       <!-- ==================================== -->
       <!-- DESDE AQUI: Aporte de skulldarknight -->
       <!-- ==================================== -->
            <style type="text/css">
                <!--
                    body div
                    {
                    width 100%;
                    }
                    body
                    {
                    padding-left: 10px;
                    padding-right: 10px;
                    }
                    .edit_nav_bg
                    {
                    width:243px;
                    }
                    .color table tbody tr td  table
                    {
                    width:100%;
                    }
                    .edit_rechts_header
                    {
                    width: 220px;
                    }
                    .edit_nav_header
                    {
                    width: 243px;
                    }
                    .edit_content_header table tbody tr td.headline
                    {
                    text-align: left;
                    }
                    .edit_header2 table tbody tr td font
                    {
                    text-shadow: 1px 1px 2px #000;
                    letter-spacing: 2px;
                    text-shadow: 0 0 5px #ffff, 0 0 10px #ffff, 0 0 15px #ffff, 0 0 20px #00B6EF, 0 0 30px #00B6EF, 0 0 40px #00B6EF, 0 0 50px #00B6EF, 0 0 75px #00B6EF;
                    }
                //-->
            </style>       
       <!-- ==================================== -->
       <!-- HASTA AQUI: Aporte de skulldarknight -->
       <!-- ==================================== -->
<!-- -->
    <!-- ====================== -->
    <!-- HASTA AQUI: CODIGO CSS -->
    <!-- ====================== -->
<!-- -->
     <!-- ======================= -->
     <!-- DESDE AQUI: CODIGO HTML -->
     <!-- ======================= -->
<!-- -->
          <!-- =================================== -->
          <!-- DESDE AQUI: BANNER RECOMENDAMOS PWG -->
          <!-- =================================== -->
                <a href="http://www.paginawebgratis.es/?utm_source=selfpromotion&utm_campaign=footer&utm_medium=footertextlink" target="_blank"><img class="bannerpwg" border="0" src="http://img.webme.com/pic/s/studiowebbackstage/bannerpwg509x85.png" alt=" => ¿Desea una página web gratis? Pues, haga clic aquí! <= " /></a>
          <!-- =================================== -->
          <!-- HASTA AQUI: BANNER RECOMENDAMOS PWG -->
          <!-- =================================== -->
<!-- -->           
          <!-- =========================================================== -->
          <!-- HTML DESDE AQUI (OPCIONAL): ALINEAR LA WEB CENTRADA AL 100% -->
          <!-- =========================================================== -->

              <div style="width 100%px; margin-left: auto; margin-right: auto; align: center;">

        <!-- =========================================================== -->
        <!-- HTML HASTA AQUI (OPCIONAL): ALINEAR LA WEB CENTRADA AL 100% -->
        <!-- =========================================================== -->
<!-- -->
    <!-- ======================= -->
    <!-- HASTA AQUI: CODIGO HTML -->
    <!-- ======================= -->               
<!-- -->
<!-- ===================================== -->
<!-- HASTA AQUI TEXTO POR ENCIMA DE PAGINA -->
<!-- ===================================== -->



... Siguiente color: Azul


Ultima edición por studiowebbackstage el Dom Ene 06, 2013 12:20 am; editado 2 veces
Mensaje06-01-2013, 02:38 (UTC)    
Título del mensaje: EN COLOR AZUL

Para colocar la plantilla colourful de su web en color azul:

En su kit de construcción | Ajustes de diseño:

Seleccione plantilla: Colourful
Seleccione color: Azul
Copie y pegue este codígo en:
Opciones avanzadas | Texto por encima de página

Código:


<!-- ===================================== -->
<!-- DESDE AQUI TEXTO POR ENCIMA DE PAGINA -->
<!-- ===================================== -->

<!-- // AVISO IMPORTANTE!
        Plantilla Colourful Ampliada · Versión 1.0.0
        Este aporte es gratuito y de libre uso. Aunque usted
        es libre de usar este aporte tal como se propone sepa
        que tiene la libertad de modificarlo a su gusto, pero
        no debe remover este comentario o en su defecto, será
        entendido como plagio y denunciado al staff de PWG lo
        que llevará a que su cuenta sea cerrada.
    //-->
<!-- // AGRADECIMIENTOS
        Agradecemos a:  skulldarknight y  a buzzdungeon, cuyos
        aportes has sido aprovechados para componer esta solu-
        ción, ampliada  en  su bloque izquierdo, para el color
        amarillo de la plantilla Colourful de PWG.
       
        AGRADECIMIENTOS a design-pwg que nos ayudó con el code
        que promociona PWG en el banner superior derecho.
       
        En breve expandiremos la solución para el resto de los
        colores disponibles de la plantilla.
       
        Gracias por usarlo.
    //-->
<!-- // SOPORTE RECOMEDACIONES DE USO
        Studio Web · Backstage se compromete a ayudarle gratuitamente
        a implementar cuantos cambios precise, bajo las siguientes:
       
        1º - Mantenga los créditos y la publicidad de PWG
        2º - No cambie nada sin consulta. Díganos que precisa y le
             ayudaremos a implementarlo.
        3º - Solo si adquiere una Cuenta Premium para el web en uso
             de este aporte, aceptaríamos elimine la publicidad que
             agregada por este aporte a la estandar de PWG.
             Nos referimos al banner ubicado en la esquina superior
             derecha que enlaza al home de PWG.
         4º- Para Cuentas Premium este compromiso sigue siendo válido
             mientras se mantenga la situación de premium o se vuelva
             a cuenta free respetando los puntos anteruiores.
    //->
       
    <!-- ====================== -->
    <!-- DESDE AQUI: CODIGO CSS -->
    <!-- ====================== -->
<!-- -->   
           <!-- ============================ -->
           <!-- DESDE AQUI: RECOMENDAMOS PWG -->
           <!-- ============================ -->
               <style type="text/css">
                   <!--
                        body {
                            position: relative;
                            top: -105px !important;
                        }
                         img.bannerpwg {
                            height: 90px;
                            width: 509px;
                            left: 735px;
                            position: relative;
                            top: 112px;
                        }
                   //-->
               </style>
          <!-- ============================ -->
          <!-- HASTA AQUI: RECOMENDAMOS PWG -->
          <!-- ============================ -->
<!-- -->
          <!-- ============================ -->
          <!-- DESDE AQUI: CAMBIO DE ESTILO -->
          <!-- ============================ -->
           <style type="text/css">
               <!--
              body { font-family:Verdana; font-size:12px; text-decoration:none; margin: 0% 0% 0% 0%; }   
              .headline { font-family:Verdana; font-size:12x; font-style:none; color:white; text-decoration:none; }
              .cont, TD { font-family:Verdana; font-size:12px; font-style:none; color:#818181; text-decoration:none; }
              a { font-family: Verdana; color:#0000FF; text-decoration: none;   font-size:12px}
              a:visited { font-family: Verdana; color:#0000FF; text-decoration: none;   font-size:12px}
              a:hover { font-family: Verdana; color#0000FF; text-decoration: none; color: #FF0000; font-size:12px}
                #webme_footer_textlink_dont_hide
              {
                color: ;
                background-color: ;
                }
                //-->
           </style>
       <!-- ============================ -->
       <!-- HASTA AQUI: CAMBIO DE ESTILO -->
       <!-- ============================ -->
<!-- -->
       <!-- ============================================= -->
       <!-- DESDE AQUI: VERSION COMUN A TODOS LOS COLORES -->
       <!-- ============================================= -->             
          <style type="text/css">
                <!--
                    td.edit_header1
                        {
                        background-image:url(http://img.webme.com/pic/s/studiowebbackstage/head_bg.png);
                        background-repeat:no-repeat;
                        width: 230px;
                        height: 141px;
                        }
                -->
                </style>
       <!-- ============================================= -->
       <!-- HASTA AQUI: VERSION COMUN A TODOS LOS COLORES -->
       <!-- ============================================= -->
<!-- -->                     
       <!-- =========================================== -->
       <!-- DESDE AQUI: VERSION ACTIVA: AZUL / BLAU  -->
       <!-- =========================================== -->   
                <style type="text/css">
                    <!--
                                    td.edit_header2 {
                                       background-image:url(http://theme.webme.com/designs/colourful/images_blau/header.jpg);
                                       background-color:;
                                       background-repeat:no-repeat;
                                       width: 1250px
                                       height: 141px; }
                                    td.edit_content_header {
                                       background-image:url(http://theme.webme.com/designs/colourful/images_blau/cont_head_bg.gif);
                                       background-color:;
                                       background-repeat:no-repeat; }
                                    img[src="http://theme.webme.com/designs/colourful/images_blau/line.gif"]
                                    {
                                    background-repeat:no-repeat;height:3px;width:771px;padding-left:0px;
                                    }                             
                                    td.edit_content_header {
                                       background-image:url(http://img.webme.com/pic/s/studiowebbackstage/cont_head_bg_azul.png);
                                       background-repeat:no-repeat;
                                       width: 771px;
                                       height: 36px; }
                                    td.edit_header1 {
                                        background-image:url(http://img.webme.com/pic/s/studiowebbackstage/header_azul.png);
                                        background-repeat:no-repeat;
                                        width: 100%;
                                    height: 141px; }                                   
                                    td.edit_content_header {
                                       background-image:url(http://img.webme.com/pic/s/studiowebbackstage/cont_head_bg_azul.png);
                                       background-color:;
                                       background-repeat:no-repeat;
                                       width: 771px;
                                       height: 36px; }
                                    .edit_content_header2
                                    {
                                    background: url("http://img.webme.com/pic/s/studiowebbackstage/cat_bg_azul.png");
                                    width=1250px; height:55px;
                                    }
                   //-->
                </style> 
       <!-- =========================================== -->
       <!-- HASTA AQUI: VERSION ACTIVA: AZUL / BLAU -->
       <!-- =========================================== -->
<!-- -->                     
       <!-- ================================= -->
       <!-- DESDE AQUI: Aporte de buzzdungeon -->
       <!-- ================================= -->
                    <style type="text/css">
                        <!--
                        .cont>div[style="width: 510; overflow: auto;"]
                        {
                        width:760px!important;
                        }
                        //-->
                   </style>         
       <!-- ================================= -->
       <!-- HASTA AQUI: Aporte de buzzdungeon -->
       <!-- ================================= -->
<!-- -->         
       <!-- ==================================== -->
       <!-- DESDE AQUI: Aporte de skulldarknight -->
       <!-- ==================================== -->
            <style type="text/css">
                <!--
                    body div
                    {
                    width 100%;
                    }
                    body
                    {
                    padding-left: 10px;
                    padding-right: 10px;
                    }
                    .edit_nav_bg
                    {
                    width:243px;
                    }
                    .color table tbody tr td  table
                    {
                    width:100%;
                    }
                    .edit_rechts_header
                    {
                    width: 220px;
                    }
                    .edit_nav_header
                    {
                    width: 243px;
                    }
                    .edit_content_header table tbody tr td.headline
                    {
                    text-align: left;
                    }
                    .edit_header2 table tbody tr td font
                    {
                    text-shadow: 1px 1px 2px #000;
                    letter-spacing: 2px;
                    text-shadow: 0 0 5px #ffff, 0 0 10px #ffff, 0 0 15px #ffff, 0 0 20px #00B6EF, 0 0 30px #00B6EF, 0 0 40px #00B6EF, 0 0 50px #00B6EF, 0 0 75px #00B6EF;
                    }
                //-->
            </style>       
       <!-- ==================================== -->
       <!-- HASTA AQUI: Aporte de skulldarknight -->
       <!-- ==================================== -->
<!-- -->
    <!-- ====================== -->
    <!-- HASTA AQUI: CODIGO CSS -->
    <!-- ====================== -->
<!-- -->
     <!-- ======================= -->
     <!-- DESDE AQUI: CODIGO HTML -->
     <!-- ======================= -->
<!-- -->
          <!-- =================================== -->
          <!-- DESDE AQUI: BANNER RECOMENDAMOS PWG -->
          <!-- =================================== -->
                <a href="http://www.paginawebgratis.es/?utm_source=selfpromotion&utm_campaign=footer&utm_medium=footertextlink" target="_blank"><img class="bannerpwg" border="0" src="http://img.webme.com/pic/s/studiowebbackstage/bannerpwg509x85.png" alt=" => ¿Desea una página web gratis? Pues, haga clic aquí! <= " /></a>
          <!-- =================================== -->
          <!-- HASTA AQUI: BANNER RECOMENDAMOS PWG -->
          <!-- =================================== -->
<!-- -->           
          <!-- =========================================================== -->
          <!-- HTML DESDE AQUI (OPCIONAL): ALINEAR LA WEB CENTRADA AL 100% -->
          <!-- =========================================================== -->

              <div style="width 100%px; margin-left: auto; margin-right: auto; align: center;">

        <!-- =========================================================== -->
        <!-- HTML HASTA AQUI (OPCIONAL): ALINEAR LA WEB CENTRADA AL 100% -->
        <!-- =========================================================== -->
<!-- -->
    <!-- ======================= -->
    <!-- HASTA AQUI: CODIGO HTML -->
    <!-- ======================= -->               
<!-- -->
<!-- ===================================== -->
<!-- HASTA AQUI TEXTO POR ENCIMA DE PAGINA -->
<!-- ===================================== -->



... Siguiente color: Magenta


Ultima edición por studiowebbackstage el Dom Ene 06, 2013 12:20 am; editado 2 veces
Mensaje06-01-2013, 02:39 (UTC)    
Título del mensaje: EN COLOR MAGENTA

Para colocar la plantilla colourful de su web en color magenta:

En su kit de construcción | Ajustes de diseño:

Seleccione plantilla: Colourful
Seleccione color: Magenta
Copie y pegue este codígo en:
Opciones avanzadas | Texto por encima de página

Código:


<!-- ===================================== -->
<!-- DESDE AQUI TEXTO POR ENCIMA DE PAGINA -->
<!-- ===================================== -->

<!-- // AVISO IMPORTANTE!
        Plantilla Colourful Ampliada · Versión 1.0.0
        Este aporte es gratuito y de libre uso. Aunque usted
        es libre de usar este aporte tal como se propone sepa
        que tiene la libertad de modificarlo a su gusto, pero
        no debe remover este comentario o en su defecto, será
        entendido como plagio y denunciado al staff de PWG lo
        que llevará a que su cuenta sea cerrada.
    //-->
<!-- // AGRADECIMIENTOS
        Agradecemos a:  skulldarknight y  a buzzdungeon, cuyos
        aportes has sido aprovechados para componer esta solu-
        ción, ampliada  en  su bloque izquierdo, para el color
        amarillo de la plantilla Colourful de PWG.
       
        AGRADECIMIENTOS a design-pwg que nos ayudó con el code
        que promociona PWG en el banner superior derecho.
       
        En breve expandiremos la solución para el resto de los
        colores disponibles de la plantilla.
       
        Gracias por usarlo.
    //-->
<!-- // SOPORTE RECOMEDACIONES DE USO
        Studio Web · Backstage se compromete a ayudarle gratuitamente
        a implementar cuantos cambios precise, bajo las siguientes:
       
        1º - Mantenga los créditos y la publicidad de PWG
        2º - No cambie nada sin consulta. Díganos que precisa y le
             ayudaremos a implementarlo.
        3º - Solo si adquiere una Cuenta Premium para el web en uso
             de este aporte, aceptaríamos elimine la publicidad que
             agregada por este aporte a la estandar de PWG.
             Nos referimos al banner ubicado en la esquina superior
             derecha que enlaza al home de PWG.
         4º- Para Cuentas Premium este compromiso sigue siendo válido
             mientras se mantenga la situación de premium o se vuelva
             a cuenta free respetando los puntos anteruiores.
    //->
       
    <!-- ====================== -->
    <!-- DESDE AQUI: CODIGO CSS -->
    <!-- ====================== -->
<!-- -->   
           <!-- ============================ -->
           <!-- DESDE AQUI: RECOMENDAMOS PWG -->
           <!-- ============================ -->
               <style type="text/css">
                   <!--
                        body {
                            position: relative;
                            top: -105px !important;
                        }
                         img.bannerpwg {
                            height: 90px;
                            width: 509px;
                            left: 735px;
                            position: relative;
                            top: 112px;
                        }
                   //-->
               </style>
          <!-- ============================ -->
          <!-- HASTA AQUI: RECOMENDAMOS PWG -->
          <!-- ============================ -->
<!-- -->
          <!-- ============================ -->
          <!-- DESDE AQUI: CAMBIO DE ESTILO -->
          <!-- ============================ -->
           <style type="text/css">
               <!--
              body { font-family:Verdana; font-size:12px; text-decoration:none; margin: 0% 0% 0% 0%; }   
              .headline { font-family:Verdana; font-size:12x; font-style:none; color:white; text-decoration:none; }
              .cont, TD { font-family:Verdana; font-size:12px; font-style:none; color:#818181; text-decoration:none; }
              a { font-family: Verdana; color:#0000FF; text-decoration: none;   font-size:12px}
              a:visited { font-family: Verdana; color:#0000FF; text-decoration: none;   font-size:12px}
              a:hover { font-family: Verdana; color#0000FF; text-decoration: none; color: #FF0000; font-size:12px}
                #webme_footer_textlink_dont_hide
              {
                color: ;
                background-color: ;
                }
                //-->
           </style>
       <!-- ============================ -->
       <!-- HASTA AQUI: CAMBIO DE ESTILO -->
       <!-- ============================ -->
<!-- -->
       <!-- ============================================= -->
       <!-- DESDE AQUI: VERSION COMUN A TODOS LOS COLORES -->
       <!-- ============================================= -->             
          <style type="text/css">
                <!--
                    td.edit_header1
                        {
                        background-image:url(http://img.webme.com/pic/s/studiowebbackstage/head_bg.png);
                        background-repeat:no-repeat;
                        width: 230px;
                        height: 141px;
                        }
                -->
                </style>
       <!-- ============================================= -->
       <!-- HASTA AQUI: VERSION COMUN A TODOS LOS COLORES -->
       <!-- ============================================= -->
<!-- -->                     
       <!-- =================================================== -->
       <!-- DESDE AQUI: VERSION ACTIVA: MAGENTA / MAGENTA -->
       <!-- =================================================== -->   
                <style type="text/css">
                    <!--
td.edit_header2 {
                                       background-image:url(http://theme.webme.com/designs/colourful/images_magenta/header.jpg);
                                       background-color:;
                                       background-repeat:no-repeat;
                                       width: 1250px
                                       height: 141px; }
                                    td.edit_content_header {
                                       background-image:url(http://theme.webme.com/designs/colourful/images_magenta/cont_head_bg.gif);
                                       background-color:;
                                       background-repeat:no-repeat; }
                                    img[src="http://theme.webme.com/designs/colourful/images_magenta/line.gif"]
                                    {
                                    background-repeat:no-repeat;height:3px;width:771px;padding-left:0px;
                                    }                                                             
                                    td.edit_content_header {
                                       background-image:url(http://img.webme.com/pic/s/studiowebbackstage/cont_head_bg_magenta.png);
                                       background-repeat:no-repeat;
                                       width: 771px;
                                       height: 36px; }
                                    td.edit_header1 {
                                        background-image:url(http://img.webme.com/pic/s/studiowebbackstage/header_magenta.png);
                                        background-repeat:no-repeat;
                                        width: 100%;
                                        height: 141px; }                                   
                                    td.edit_content_header {
                                       background-image:url(http://img.webme.com/pic/s/studiowebbackstage/cont_head_bg_magenta.png);
                                       background-color:;
                                       background-repeat:no-repeat;
                                       width: 771px;
                                       height: 36px; }
                                    .edit_content_header2
                                    {
                                    background: url("http://img.webme.com/pic/s/studiowebbackstage/cat_bg_magenta.png");
                                    width=1250px; height:55px;
                                //-->
                             </style>
       <!-- =================================================== -->
       <!-- HASTA AQUI: VERSION ACTIVA: MAGENTA / MAGENTA -->
       <!-- =================================================== -->
<!-- -->                     
       <!-- ================================= -->
       <!-- DESDE AQUI: Aporte de buzzdungeon -->
       <!-- ================================= -->
                    <style type="text/css">
                        <!--
                        .cont>div[style="width: 510; overflow: auto;"]
                        {
                        width:760px!important;
                        }
                        //-->
                   </style>         
       <!-- ================================= -->
       <!-- HASTA AQUI: Aporte de buzzdungeon -->
       <!-- ================================= -->
<!-- -->         
       <!-- ==================================== -->
       <!-- DESDE AQUI: Aporte de skulldarknight -->
       <!-- ==================================== -->
            <style type="text/css">
                <!--
                    body div
                    {
                    width 100%;
                    }
                    body
                    {
                    padding-left: 10px;
                    padding-right: 10px;
                    }
                    .edit_nav_bg
                    {
                    width:243px;
                    }
                    .color table tbody tr td  table
                    {
                    width:100%;
                    }
                    .edit_rechts_header
                    {
                    width: 220px;
                    }
                    .edit_nav_header
                    {
                    width: 243px;
                    }
                    .edit_content_header table tbody tr td.headline
                    {
                    text-align: left;
                    }
                    .edit_header2 table tbody tr td font
                    {
                    text-shadow: 1px 1px 2px #000;
                    letter-spacing: 2px;
                    text-shadow: 0 0 5px #ffff, 0 0 10px #ffff, 0 0 15px #ffff, 0 0 20px #00B6EF, 0 0 30px #00B6EF, 0 0 40px #00B6EF, 0 0 50px #00B6EF, 0 0 75px #00B6EF;
                    }
                //-->
            </style>       
       <!-- ==================================== -->
       <!-- HASTA AQUI: Aporte de skulldarknight -->
       <!-- ==================================== -->
<!-- -->
    <!-- ====================== -->
    <!-- HASTA AQUI: CODIGO CSS -->
    <!-- ====================== -->
<!-- -->
     <!-- ======================= -->
     <!-- DESDE AQUI: CODIGO HTML -->
     <!-- ======================= -->
<!-- -->
          <!-- =================================== -->
          <!-- DESDE AQUI: BANNER RECOMENDAMOS PWG -->
          <!-- =================================== -->
                <a href="http://www.paginawebgratis.es/?utm_source=selfpromotion&utm_campaign=footer&utm_medium=footertextlink" target="_blank"><img class="bannerpwg" border="0" src="http://img.webme.com/pic/s/studiowebbackstage/bannerpwg509x85.png" alt=" => ¿Desea una página web gratis? Pues, haga clic aquí! <= " /></a>
          <!-- =================================== -->
          <!-- HASTA AQUI: BANNER RECOMENDAMOS PWG -->
          <!-- =================================== -->
<!-- -->           
          <!-- =========================================================== -->
          <!-- HTML DESDE AQUI (OPCIONAL): ALINEAR LA WEB CENTRADA AL 100% -->
          <!-- =========================================================== -->

              <div style="width 100%px; margin-left: auto; margin-right: auto; align: center;">

        <!-- =========================================================== -->
        <!-- HTML HASTA AQUI (OPCIONAL): ALINEAR LA WEB CENTRADA AL 100% -->
        <!-- =========================================================== -->
<!-- -->
    <!-- ======================= -->
    <!-- HASTA AQUI: CODIGO HTML -->
    <!-- ======================= -->               
<!-- -->
<!-- ===================================== -->
<!-- HASTA AQUI TEXTO POR ENCIMA DE PAGINA -->
<!-- ===================================== -->



... Siguiente color: Verde


Ultima edición por studiowebbackstage el Dom Ene 06, 2013 12:23 am; editado 2 veces
Mensaje06-01-2013, 02:40 (UTC)    
Título del mensaje:

Para colocar la plantilla colourful de su web en color verde:

En su kit de construcción | Ajustes de diseño:

Seleccione plantilla: Colourful
Seleccione color: Verde
Copie y pegue este codígo en:
Opciones avanzadas | Texto por encima de página

Código:


<!-- ===================================== -->
<!-- DESDE AQUI TEXTO POR ENCIMA DE PAGINA -->
<!-- ===================================== -->

<!-- // AVISO IMPORTANTE!
        Plantilla Colourful Ampliada · Versión 1.0.0
        Este aporte es gratuito y de libre uso. Aunque usted
        es libre de usar este aporte tal como se propone sepa
        que tiene la libertad de modificarlo a su gusto, pero
        no debe remover este comentario o en su defecto, será
        entendido como plagio y denunciado al staff de PWG lo
        que llevará a que su cuenta sea cerrada.
    //-->
<!-- // AGRADECIMIENTOS
        Agradecemos a:  skulldarknight y  a buzzdungeon, cuyos
        aportes has sido aprovechados para componer esta solu-
        ción, ampliada  en  su bloque izquierdo, para el color
        amarillo de la plantilla Colourful de PWG.
       
        AGRADECIMIENTOS a design-pwg que nos ayudó con el code
        que promociona PWG en el banner superior derecho.
       
        En breve expandiremos la solución para el resto de los
        colores disponibles de la plantilla.
       
        Gracias por usarlo.
    //-->
<!-- // SOPORTE RECOMEDACIONES DE USO
        Studio Web · Backstage se compromete a ayudarle gratuitamente
        a implementar cuantos cambios precise, bajo las siguientes:
       
        1º - Mantenga los créditos y la publicidad de PWG
        2º - No cambie nada sin consulta. Díganos que precisa y le
             ayudaremos a implementarlo.
        3º - Solo si adquiere una Cuenta Premium para el web en uso
             de este aporte, aceptaríamos elimine la publicidad que
             agregada por este aporte a la estandar de PWG.
             Nos referimos al banner ubicado en la esquina superior
             derecha que enlaza al home de PWG.
         4º- Para Cuentas Premium este compromiso sigue siendo válido
             mientras se mantenga la situación de premium o se vuelva
             a cuenta free respetando los puntos anteruiores.
    //->
       
    <!-- ====================== -->
    <!-- DESDE AQUI: CODIGO CSS -->
    <!-- ====================== -->
<!-- -->   
           <!-- ============================ -->
           <!-- DESDE AQUI: RECOMENDAMOS PWG -->
           <!-- ============================ -->
               <style type="text/css">
                   <!--
                        body {
                            position: relative;
                            top: -105px !important;
                        }
                         img.bannerpwg {
                            height: 90px;
                            width: 509px;
                            left: 735px;
                            position: relative;
                            top: 112px;
                        }
                   //-->
               </style>
          <!-- ============================ -->
          <!-- HASTA AQUI: RECOMENDAMOS PWG -->
          <!-- ============================ -->
<!-- -->
          <!-- ============================ -->
          <!-- DESDE AQUI: CAMBIO DE ESTILO -->
          <!-- ============================ -->
           <style type="text/css">
               <!--
              body { font-family:Verdana; font-size:12px; text-decoration:none; margin: 0% 0% 0% 0%; }   
              .headline { font-family:Verdana; font-size:12x; font-style:none; color:white; text-decoration:none; }
              .cont, TD { font-family:Verdana; font-size:12px; font-style:none; color:#818181; text-decoration:none; }
              a { font-family: Verdana; color:#0000FF; text-decoration: none;   font-size:12px}
              a:visited { font-family: Verdana; color:#0000FF; text-decoration: none;   font-size:12px}
              a:hover { font-family: Verdana; color#0000FF; text-decoration: none; color: #FF0000; font-size:12px}
                #webme_footer_textlink_dont_hide
              {
                color: ;
                background-color: ;
                }
                //-->
           </style>
       <!-- ============================ -->
       <!-- HASTA AQUI: CAMBIO DE ESTILO -->
       <!-- ============================ -->
<!-- -->
       <!-- ============================================= -->
       <!-- DESDE AQUI: VERSION COMUN A TODOS LOS COLORES -->
       <!-- ============================================= -->             
          <style type="text/css">
                <!--
                    td.edit_header1
                        {
                        background-image:url(http://img.webme.com/pic/s/studiowebbackstage/head_bg.png);
                        background-repeat:no-repeat;
                        width: 230px;
                        height: 141px;
                        }
                -->
                </style>
       <!-- ============================================= -->
       <!-- HASTA AQUI: VERSION COMUN A TODOS LOS COLORES -->
       <!-- ============================================= -->
<!-- -->                     
       <!-- ============================================= -->
       <!-- DESDE AQUI: VERSION ACTIVA: VERDE / GRUEN -->
       <!-- ============================================= -->   
                <style type="text/css">
                    <!--
                                    td.edit_header2 {
                                       background-image:url(http://theme.webme.com/designs/colourful/images_gruen/header.jpg);
                                       background-color:;
                                       background-repeat:no-repeat;
                                       width: 1250px
                                       height: 141px; }
                                    td.edit_content_header {
                                       background-image:url(http://theme.webme.com/designs/colourful/images_gruen/cont_head_bg.gif);
                                       background-color:;
                                       background-repeat:no-repeat; }
                                    img[src="http://theme.webme.com/designs/colourful/images_gruen/line.gif"]
                                    {
                                    background-repeat:no-repeat;height:3px;width:771px;padding-left:0px;
                                    }                                                                     
                                    td.edit_content_header {
                                       background-image:url(http://img.webme.com/pic/s/studiowebbackstage/cont_head_bg_verde.png);
                                       background-repeat:no-repeat;
                                       width: 771px;
                                       height: 36px; }
                                    td.edit_header1 {
                                        background-image:url(http://img.webme.com/pic/s/studiowebbackstage/header_verde.png);
                                        background-repeat:no-repeat;
                                        width: 100%;
                                    height: 141px; }                                   
                                    td.edit_content_header {
                                       background-image:url(http://img.webme.com/pic/s/studiowebbackstage/cont_head_bg_verde.png);
                                       background-color:;
                                       background-repeat:no-repeat;
                                       width: 771px;
                                       height: 36px; }
                                    .edit_content_header2
                                    {
                                    background: url("http://img.webme.com/pic/s/studiowebbackstage/cat_bg_verde.png");
                                    width=1250px; height:55px;
                                //-->
                             </style>
       <!-- ============================================== -->
       <!-- HASTA AQUI: VERSION ACTIVA:  VERDE / GRUEN -->
       <!-- ============================================== -->
<!-- -->                     
       <!-- ================================= -->
       <!-- DESDE AQUI: Aporte de buzzdungeon -->
       <!-- ================================= -->
                    <style type="text/css">
                        <!--
                        .cont>div[style="width: 510; overflow: auto;"]
                        {
                        width:760px!important;
                        }
                        //-->
                   </style>         
       <!-- ================================= -->
       <!-- HASTA AQUI: Aporte de buzzdungeon -->
       <!-- ================================= -->
<!-- -->         
       <!-- ==================================== -->
       <!-- DESDE AQUI: Aporte de skulldarknight -->
       <!-- ==================================== -->
            <style type="text/css">
                <!--
                    body div
                    {
                    width 100%;
                    }
                    body
                    {
                    padding-left: 10px;
                    padding-right: 10px;
                    }
                    .edit_nav_bg
                    {
                    width:243px;
                    }
                    .color table tbody tr td  table
                    {
                    width:100%;
                    }
                    .edit_rechts_header
                    {
                    width: 220px;
                    }
                    .edit_nav_header
                    {
                    width: 243px;
                    }
                    .edit_content_header table tbody tr td.headline
                    {
                    text-align: left;
                    }
                    .edit_header2 table tbody tr td font
                    {
                    text-shadow: 1px 1px 2px #000;
                    letter-spacing: 2px;
                    text-shadow: 0 0 5px #ffff, 0 0 10px #ffff, 0 0 15px #ffff, 0 0 20px #00B6EF, 0 0 30px #00B6EF, 0 0 40px #00B6EF, 0 0 50px #00B6EF, 0 0 75px #00B6EF;
                    }
                //-->
            </style>       
       <!-- ==================================== -->
       <!-- HASTA AQUI: Aporte de skulldarknight -->
       <!-- ==================================== -->
<!-- -->
    <!-- ====================== -->
    <!-- HASTA AQUI: CODIGO CSS -->
    <!-- ====================== -->
<!-- -->
     <!-- ======================= -->
     <!-- DESDE AQUI: CODIGO HTML -->
     <!-- ======================= -->
<!-- -->
          <!-- =================================== -->
          <!-- DESDE AQUI: BANNER RECOMENDAMOS PWG -->
          <!-- =================================== -->
                <a href="http://www.paginawebgratis.es/?utm_source=selfpromotion&utm_campaign=footer&utm_medium=footertextlink" target="_blank"><img class="bannerpwg" border="0" src="http://img.webme.com/pic/s/studiowebbackstage/bannerpwg509x85.png" alt=" => ¿Desea una página web gratis? Pues, haga clic aquí! <= " /></a>
          <!-- =================================== -->
          <!-- HASTA AQUI: BANNER RECOMENDAMOS PWG -->
          <!-- =================================== -->
<!-- -->           
          <!-- =========================================================== -->
          <!-- HTML DESDE AQUI (OPCIONAL): ALINEAR LA WEB CENTRADA AL 100% -->
          <!-- =========================================================== -->

              <div style="width 100%px; margin-left: auto; margin-right: auto; align: center;">

        <!-- =========================================================== -->
        <!-- HTML HASTA AQUI (OPCIONAL): ALINEAR LA WEB CENTRADA AL 100% -->
        <!-- =========================================================== -->
<!-- -->
    <!-- ======================= -->
    <!-- HASTA AQUI: CODIGO HTML -->
    <!-- ======================= -->               
<!-- -->
<!-- ===================================== -->
<!-- HASTA AQUI TEXTO POR ENCIMA DE PAGINA -->
<!-- ===================================== -->



... Siguiente color: Rojo


Ultima edición por studiowebbackstage el Dom Ene 06, 2013 12:22 am; editado 2 veces
Mensaje06-01-2013, 02:41 (UTC)    
Título del mensaje:

Para colocar la plantilla colourful de su web en color rojo:

En su kit de construcción | Ajustes de diseño:

Seleccione plantilla: Colourful
Seleccione color: Rojo
Copie y pegue este codígo en:
Opciones avanzadas | Texto por encima de página

Código:


<!-- ===================================== -->
<!-- DESDE AQUI TEXTO POR ENCIMA DE PAGINA -->
<!-- ===================================== -->

<!-- // AVISO IMPORTANTE!
        Plantilla Colourful Ampliada · Versión 1.0.0
        Este aporte es gratuito y de libre uso. Aunque usted
        es libre de usar este aporte tal como se propone sepa
        que tiene la libertad de modificarlo a su gusto, pero
        no debe remover este comentario o en su defecto, será
        entendido como plagio y denunciado al staff de PWG lo
        que llevará a que su cuenta sea cerrada.
    //-->
<!-- // AGRADECIMIENTOS
        Agradecemos a:  skulldarknight y  a buzzdungeon, cuyos
        aportes has sido aprovechados para componer esta solu-
        ción, ampliada  en  su bloque izquierdo, para el color
        amarillo de la plantilla Colourful de PWG.
       
        AGRADECIMIENTOS a design-pwg que nos ayudó con el code
        que promociona PWG en el banner superior derecho.
       
        En breve expandiremos la solución para el resto de los
        colores disponibles de la plantilla.
       
        Gracias por usarlo.
    //-->
<!-- // SOPORTE RECOMEDACIONES DE USO
        Studio Web · Backstage se compromete a ayudarle gratuitamente
        a implementar cuantos cambios precise, bajo las siguientes:
       
        1º - Mantenga los créditos y la publicidad de PWG
        2º - No cambie nada sin consulta. Díganos que precisa y le
             ayudaremos a implementarlo.
        3º - Solo si adquiere una Cuenta Premium para el web en uso
             de este aporte, aceptaríamos elimine la publicidad que
             agregada por este aporte a la estandar de PWG.
             Nos referimos al banner ubicado en la esquina superior
             derecha que enlaza al home de PWG.
         4º- Para Cuentas Premium este compromiso sigue siendo válido
             mientras se mantenga la situación de premium o se vuelva
             a cuenta free respetando los puntos anteruiores.
    //->
       
    <!-- ====================== -->
    <!-- DESDE AQUI: CODIGO CSS -->
    <!-- ====================== -->
<!-- -->   
           <!-- ============================ -->
           <!-- DESDE AQUI: RECOMENDAMOS PWG -->
           <!-- ============================ -->
               <style type="text/css">
                   <!--
                        body {
                            position: relative;
                            top: -105px !important;
                        }
                         img.bannerpwg {
                            height: 90px;
                            width: 509px;
                            left: 735px;
                            position: relative;
                            top: 112px;
                        }
                   //-->
               </style>
          <!-- ============================ -->
          <!-- HASTA AQUI: RECOMENDAMOS PWG -->
          <!-- ============================ -->
<!-- -->
          <!-- ============================ -->
          <!-- DESDE AQUI: CAMBIO DE ESTILO -->
          <!-- ============================ -->
           <style type="text/css">
               <!--
              body { font-family:Verdana; font-size:12px; text-decoration:none; margin: 0% 0% 0% 0%; }   
              .headline { font-family:Verdana; font-size:12x; font-style:none; color:white; text-decoration:none; }
              .cont, TD { font-family:Verdana; font-size:12px; font-style:none; color:#818181; text-decoration:none; }
              a { font-family: Verdana; color:#0000FF; text-decoration: none;   font-size:12px}
              a:visited { font-family: Verdana; color:#0000FF; text-decoration: none;   font-size:12px}
              a:hover { font-family: Verdana; color#0000FF; text-decoration: none; color: #FF0000; font-size:12px}
                #webme_footer_textlink_dont_hide
              {
                color: ;
                background-color: ;
                }
                //-->
           </style>
       <!-- ============================ -->
       <!-- HASTA AQUI: CAMBIO DE ESTILO -->
       <!-- ============================ -->
<!-- -->
       <!-- ============================================= -->
       <!-- DESDE AQUI: VERSION COMUN A TODOS LOS COLORES -->
       <!-- ============================================= -->             
          <style type="text/css">
                <!--
                    td.edit_header1
                        {
                        background-image:url(http://img.webme.com/pic/s/studiowebbackstage/head_bg.png);
                        background-repeat:no-repeat;
                        width: 230px;
                        height: 141px;
                        }
                -->
                </style>
       <!-- ============================================= -->
       <!-- HASTA AQUI: VERSION COMUN A TODOS LOS COLORES -->
       <!-- ============================================= -->
<!-- -->                     
       <!-- ========================================== -->
       <!-- DESDE AQUI: VERSION ACTIVA: ROJO / ROT   -->
       <!-- ========================================== -->   
                <style type="text/css">
                    <!--

                                    td.edit_header2 {
                                       background-image:url(http://theme.webme.com/designs/colourful/images_rot/header.jpg);
                                       background-color:;
                                       background-repeat:no-repeat;
                                       width: 1250px
                                       height: 141px; }
                                    td.edit_content_header {
                                       background-image:url(http://theme.webme.com/designs/colourful/images_rot/cont_head_bg.gif);
                                       background-color:;
                                       background-repeat:no-repeat; }
                                    img[src="http://theme.webme.com/designs/colourful/images_rot/line.gif"]
                                    {
                                    background-repeat:no-repeat;height:3px;width:771px;padding-left:0px;
                                    }                                                                     
                                    td.edit_content_header {
                                       background-image:url(http://img.webme.com/pic/s/studiowebbackstage/cont_head_bg_rojo.png);
                                       background-repeat:no-repeat;
                                       width: 771px;
                                       height: 36px; }
                                    td.edit_header1 {
                                        background-image:url(http://img.webme.com/pic/s/studiowebbackstage/header_rojo.png);
                                        background-repeat:no-repeat;
                                        width: 100%;
                                    height: 141px; }                                   
                                    td.edit_content_header {
                                       background-image:url(http://img.webme.com/pic/s/studiowebbackstage/cont_head_bg_rojo.png);
                                       background-color:;
                                       background-repeat:no-repeat;
                                       width: 771px;
                                       height: 36px; }
                                    .edit_content_header2
                                    {
                                    background: url("http://img.webme.com/pic/s/studiowebbackstage/cat_bg_rojo.png");
                                    width=1250px; height:55px;
                                    }
                   //-->
                </style> 
       <!-- ========================================== -->
       <!-- HASTA AQUI: VERSION ACTIVA: ROJO / ROT -->
       <!-- ========================================== -->
<!-- -->                     
       <!-- ================================= -->
       <!-- DESDE AQUI: Aporte de buzzdungeon -->
       <!-- ================================= -->
                    <style type="text/css">
                        <!--
                        .cont>div[style="width: 510; overflow: auto;"]
                        {
                        width:760px!important;
                        }
                        //-->
                   </style>         
       <!-- ================================= -->
       <!-- HASTA AQUI: Aporte de buzzdungeon -->
       <!-- ================================= -->
<!-- -->         
       <!-- ==================================== -->
       <!-- DESDE AQUI: Aporte de skulldarknight -->
       <!-- ==================================== -->
            <style type="text/css">
                <!--
                    body div
                    {
                    width 100%;
                    }
                    body
                    {
                    padding-left: 10px;
                    padding-right: 10px;
                    }
                    .edit_nav_bg
                    {
                    width:243px;
                    }
                    .color table tbody tr td  table
                    {
                    width:100%;
                    }
                    .edit_rechts_header
                    {
                    width: 220px;
                    }
                    .edit_nav_header
                    {
                    width: 243px;
                    }
                    .edit_content_header table tbody tr td.headline
                    {
                    text-align: left;
                    }
                    .edit_header2 table tbody tr td font
                    {
                    text-shadow: 1px 1px 2px #000;
                    letter-spacing: 2px;
                    text-shadow: 0 0 5px #ffff, 0 0 10px #ffff, 0 0 15px #ffff, 0 0 20px #00B6EF, 0 0 30px #00B6EF, 0 0 40px #00B6EF, 0 0 50px #00B6EF, 0 0 75px #00B6EF;
                    }
                //-->
            </style>       
       <!-- ==================================== -->
       <!-- HASTA AQUI: Aporte de skulldarknight -->
       <!-- ==================================== -->
<!-- -->
    <!-- ====================== -->
    <!-- HASTA AQUI: CODIGO CSS -->
    <!-- ====================== -->
<!-- -->
     <!-- ======================= -->
     <!-- DESDE AQUI: CODIGO HTML -->
     <!-- ======================= -->
<!-- -->
          <!-- =================================== -->
          <!-- DESDE AQUI: BANNER RECOMENDAMOS PWG -->
          <!-- =================================== -->
                <a href="http://www.paginawebgratis.es/?utm_source=selfpromotion&utm_campaign=footer&utm_medium=footertextlink" target="_blank"><img class="bannerpwg" border="0" src="http://img.webme.com/pic/s/studiowebbackstage/bannerpwg509x85.png" alt=" => ¿Desea una página web gratis? Pues, haga clic aquí! <= " /></a>
          <!-- =================================== -->
          <!-- HASTA AQUI: BANNER RECOMENDAMOS PWG -->
          <!-- =================================== -->
<!-- -->           
          <!-- =========================================================== -->
          <!-- HTML DESDE AQUI (OPCIONAL): ALINEAR LA WEB CENTRADA AL 100% -->
          <!-- =========================================================== -->

              <div style="width 100%px; margin-left: auto; margin-right: auto; align: center;">

        <!-- =========================================================== -->
        <!-- HTML HASTA AQUI (OPCIONAL): ALINEAR LA WEB CENTRADA AL 100% -->
        <!-- =========================================================== -->
<!-- -->
    <!-- ======================= -->
    <!-- HASTA AQUI: CODIGO HTML -->
    <!-- ======================= -->               
<!-- -->
<!-- ===================================== -->
<!-- HASTA AQUI TEXTO POR ENCIMA DE PAGINA -->
<!-- ===================================== -->



Ultima edición por studiowebbackstage el Dom Ene 06, 2013 12:21 am; editado 2 veces
Mensaje06-01-2013, 04:18 (UTC)    
Título del mensaje:

Esta muy bien
______________
Mensaje06-01-2013, 05:14 (UTC)    
Título del mensaje:

Hola!

Primeramente agradesco tu participancion y aporte, pero encuentro que es innecesario colocar tanto codigo para tan poca funcion, me refiero a creditos y mesajes que realmente lo veo realmente innecesario (<!-- -->), no se tu pero en mi caso no me gustaria tomar un codigo tan largo y cosas que ya trae el diseño por defecto ej. el color del diseño lo puede elegir en las opciones de la planilla en: editar diseño, lo unico nuevo que le veo es que la pagina esta más ancha y ademas agregaste un banners que creo que a los usuario no le gustara mucho.
Sea del servicio o no.. Ademas no te porque creastes tantas respuestas aal tema repitiendo lo mismo solo modificando algunos codigos..

Cierro el tema porque se puede poner todos los codigos en un solo post.
http://www.paginawebgratis.es/forum/viewtopic.php?t=22887

Te pido que puedas crear otro tema donde puedas colocar todos los codigos en un solo temas y los creditos seria preferible una simple mencion al final final del post (cosa que es codigo no paresca discurso)

Saludos!
______________
CssPlantillas - Moderador Paginawebgratis.es

SIGUENOS EN REDES SOCIALES:
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group