Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje18-07-2012, 19:54 (UTC)    
Título del mensaje:

Pasa el codigo HTML entre las etiqueta:
Código:
[code]TU CODIGO[/code]


Saludos!
Design-PWG.
Mensaje19-07-2012, 09:42 (UTC)    
Título del mensaje:

ola desing y gracias por contestarme de nuevo y perdona pero hoy me toco trabajar de noche,mira tu me as dicho k el codigo k te puse k me viene en un archivo k se llama main lo ponga entre dos
Código:
 y
k me kedaria asi y lo e probado tanto en texto arriba como en el apartado de texto abajo:



[code:1:c23aee2001]<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin>
      <![CDATA[
/* begin Page */
        /* Created by Artisteer v3.1.0.46558 */
        
        #art-main, table
        {
            font-family: Arial, Helvetica, Sans-Serif;
            font-style: normal;
            font-weight: normal;
            font-size: 13px;
        }
        
        h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
        {
            margin: 0;
            padding: 0;
        }
        
        .art-postcontent,
        .art-postheadericons,
        .art-postfootericons,
        .art-blockcontent-body,
        ul.art-vmenu a 
        {
            text-align: left;
        }
        
        .art-postcontent,
        .art-postcontent li,
        .art-postcontent table,
        .art-postcontent a,
        .art-postcontent a:link,
        .art-postcontent a:visited,
        .art-postcontent a.visited,
        .art-postcontent a:hover,
        .art-postcontent a.hovered
        {
            font-family: Arial, Helvetica, Sans-Serif;
            font-size: 16px;
        }
        
        .art-postcontent p
        {
            margin-top: 12px;
            margin-right: 0px;
            margin-bottom: 12px;
            margin-left: 0px;
        }
        
        .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
        .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
        .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
        .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
        .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
        .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
        .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
        .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
        .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover,
        .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover,
        .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
        {
          font-weight:normal;  
          font-family: Arial, Helvetica, Sans-Serif;
          font-style: normal;
          font-weight: bold;
          font-size: 22px;
          text-decoration: none;
        }
        
        .art-postcontent a
        {
          text-decoration: none;
          color: #F52505;
        }
        
        .art-postcontent a:link
        {
          text-decoration: none;
          color: #F52505;
        }
        
        .art-postcontent a:visited, .art-postcontent a.visited
        {
        
          color: #FAF719;
        }
        
        .art-postcontent  a:hover, .art-postcontent a.hover
        {
        
          text-decoration: underline;
          color: #FAFAFA;
        }
        
        .art-postcontent h1
        {
           color: #FAFAFA;    
        }
        
        .art-postcontent h1, .art-blockcontent h1
        {
           margin-top: 10px;
           margin-right: 0px;
           margin-bottom: 0px;
           margin-left: 0px; 
        }
        
        .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, 
        .art-blockcontent h1, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited 
        {
           font-size: 26px; 
        }
        
        .art-postcontent h2
        {
           color: #FAF719;    
        }
        
        .art-postcontent h2, .art-blockcontent h2
        {
           margin-top: 10px;
           margin-right: 0px;
           margin-bottom: 0px;
           margin-left: 0px; 
        }
        
        .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, 
        .art-blockcontent h2, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited 
        {
         
        }
        
        .art-postcontent h3
        {
           color: #F52505;    
        }
        
        .art-postcontent h3, .art-blockcontent h3
        {
           margin-top: 10px;
           margin-right: 0px;
           margin-bottom: 0px;
           margin-left: 0px; 
        }
        
        .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, 
        .art-blockcontent h3, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 
        {
           font-size: 18px; 
        }
        
        .art-postcontent h4
        {
           color: #D6D6D6;    
        }
        
        .art-postcontent h4, .art-blockcontent h4
        {
           margin-top: 10px;
           margin-right: 0px;
           margin-bottom: 0px;
           margin-left: 0px; 
        }
        
        .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, 
        .art-blockcontent h4, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 
        {
           font-size: 16px; 
        }
        
        .art-postcontent h5
        {
           color: #D6D6D6;    
        }
        
        .art-postcontent h5, .art-blockcontent h5
        {
           margin-top: 10px;
           margin-right: 0px;
           margin-bottom: 0px;
           margin-left: 0px; 
        }
        
        .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, 
        .art-blockcontent h5, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 
        {
           font-size: 14px; 
        }
        
        .art-postcontent h6
        {
           color: #C4C4C4;    
        }
        
        .art-postcontent h6, .art-blockcontent h6
        {
           margin-top: 10px;
           margin-right: 0px;
           margin-bottom: 0px;
           margin-left: 0px; 
        }
        
        .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, 
        .art-blockcontent h6, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 
        {
           font-size: 13px; 
        }
        
        ul
        {
          list-style-type: none;
        }
        
        ol
        {
          list-style-position: inside;
        }
        
        html, body
        {
            height:100%;
        }
        
        #art-main
        {
          position: relative;
          z-index: 0;
          width: 100%;
          min-height: 100%;
          left: 0;
          top: 0;
          cursor:default;
          overflow:hidden;
        }
        
        #art-page-background-glare-wrapper {
            position: fixed;
            width:100%;
        }
        
        #art-page-background-glare
        {
            position: relative;   
            top: 0;
            max-width:3864px;
            min-width: 100%;
            height:222px;
            margin: 0 auto;
            background-image: url('images/page_gl.png');
            background-repeat: no-repeat;
            background-position: center top;
        }
        
        body
        {
          padding: 0; 
          margin:0;
          min-width: 100%;
          min-width: 700px;
          color: #FAFAFA;
          background-color: #C7C7C7;
          background-image: url('images/Bottom_texture.jpg');
          background-repeat: no-repeat;
          background-attachment: fixed;
          background-position: top center;
        }
        
        
        
        .cleared
        {
          display:block;
          clear: both;
          float: none;
          margin: 0;
          padding: 0;
          border: none;
          font-size: 0;
          height:0;
          overflow:hidden;
        }
        
        .reset-box
        {
          overflow:hidden;
          display:table; 
        }
        
        form
        {
          padding: 0 !important;
          margin: 0 !important;
        }
        
        table.position
        {
          position: relative;
          width: 100%;
          table-layout: fixed;
        }
        
        
        /* Start Box */
        .art-box, .art-box-body {
            margin:0 auto;
            position:relative;
        }
        .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
            position:absolute;
            top:0;
            bottom:0;
            content:' ';
            background-repeat: no-repeat;
            line-height:0;
        }
        .art-box:before,.art-box-body:before{left:0;}
        .art-box:after,.art-box-body:after{right:0;}
        .art-box:before {overflow:hidden;background-position: bottom left; direction: ltr;}
        .art-box:after {background-position: bottom right;}
        .art-box-body:before, .art-box-body:after {background-repeat:repeat-y;}
        .art-box-body:before {background-position: top left;}
        .art-box-body:after {background-position: top right;}
        .art-box:before,.art-box:after, .art-box-body:before, .art-box-body:after {z-index:-3;}
        .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after { z-index:-2;}
        .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {z-index:-1;}
        /* End Box */
        
        /* Start Bar */
        .art-bar {position:relative;}
        .art-bar:before, .art-bar:after {
            position:absolute;
            top:0;
            bottom:0;
            content:' ';
            background-repeat:repeat;
            z-index:-1;
        }
        .art-bar:before {left:0;background-position: top left;}
        .art-bar:after {right:0;background-position: top right;}
        /* End Bar */
        
        li h1, .art-postcontent li h1, .art-blockcontent-body li h1 
        { 
         
          margin-top: 1px;
          margin-right: 1px;
          margin-bottom: 1px;
          margin-left: 1px; 
        } 
        li h2, .art-postcontent li h2, .art-blockcontent-body li h2 
        { 
         
          margin-top: 1px;
          margin-right: 1px;
          margin-bottom: 1px;
          margin-left: 1px; 
        } 
        li h3, .art-postcontent li h3, .art-blockcontent-body li h3 
        { 
         
          margin-top: 1px;
          margin-right: 1px;
          margin-bottom: 1px;
          margin-left: 1px; 
        } 
        li h4, .art-postcontent li h4, .art-blockcontent-body li h4 
        { 
         
          margin-top: 1px;
          margin-right: 1px;
          margin-bottom: 1px;
          margin-left: 1px; 
        } 
        li h5, .art-postcontent li h5, .art-blockcontent-body li h5 
        { 
         
          margin-top: 1px;
          margin-right: 1px;
          margin-bottom: 1px;
          margin-left: 1px; 
        } 
        li h6, .art-postcontent li h6, .art-blockcontent-body li h6 
        { 
         
          margin-top: 1px;
          margin-right: 1px;
          margin-bottom: 1px;
          margin-left: 1px; 
        } 
        li p, .art-postcontent li p, .art-blockcontent-body li p 
        { 
         
          margin-top: 1px;
          margin-right: 1px;
          margin-bottom: 1px;
          margin-left: 1px; 
        } 
        
        
        #navbar
        {
          position: fixed;
          width: 100%;
          z-index: 10;
        }
        
        #comments{
          padding: 0 15px 15px 15px;
          position: relative;
        }
        
        #comments h4 {
          margin: 0 0 10px;
          padding-top: 0;
          padding-right: 14px;
          padding-bottom: 2px;
          padding-left: 29px;
          font-size: 120%;
          line-height: 1.4em;
        }
        
        #comments a:link, #comments a:visited, #comments a:active, #comments a:hover{
          color: #F52505;
        }
        
        .comment-author {
          margin: .5em 0;
          padding-top: 0;
          padding-right: 0;
          padding-bottom: 0;
          padding-left: 20px;
          font-weight: bold;
        }
        
        .comment-body {
          margin: 0 0 1.25em;
          padding-top: 0;
          padding-right: 0;
          padding-bottom: 0;
          padding-left: 20px;
        }
        
        .comment-body p {
          margin: 0 0 .5em;
        }
        
        .comment-footer {
          margin: 0 0 .5em;
          padding-top: 0;
          padding-right: 0;
          padding-bottom: .75em;
          padding-left: 20px;
        }
        
        #ArchiveList ul li
        {
          text-indent: -10px !important;
          padding: 0 0 0 15px;
        }
        
        
        .profile-datablock, .profile-textblock {
          margin: 0 0 .75em;
          line-height: 1.4em;
        }
        .profile-img {
          float: left;
          margin-top: 0;
          margin-right: 5px;
          margin-bottom: 5px;
          margin-left: 0;
          border: 5px solid #889977;
        }
        .profile-data {
          font-weight: bold;
        }
        
        .blog-pager{
          margin-left: 15px;
        }
        
        .post-feeds{
          margin-left: 15px;
        }
        
        .blog-feeds
        {
          margin-left: 15px;
        }
        
        
        /* for Blogger Page Elements */
        
        body#layout #art-main{
            position: relative;
        }
        
        body#layout div.art-header{
          height: auto;
          width: 100%;
        }
        body#layout .art-content-layout{
          margin-top: 18px;
          padding-top: 2px;
          width: 100%
        }
        
        body#layout .art-sheet{
          width: 100%;
          margin-top: 0 !important;
          top: 0 !important;
        }
        
        body#layout .art-sheet:before, body#layout .art-sheet:after {
         content : '';
        }
        
        body#layout .art-footer{
          width: 100%;
        }
        
        body#layout .art-footer .art-footer-text{
          height: 85px;
        }
        
        body#layout .art-blockcontent-body{
          padding: 0;
        }
        
        body#layout .art-block-body{
          padding: 0;
        }
        
        body#layout .art-nav{
          height: auto;
        }
        
        
        body#layout .section{
          width: auto;
        }
        
        body#layout #Header1, body#layout #LinkList97, body#layout #BlogArchive99, body#layout #PageList99
        {
            display: none;
        }
        
        body#layout, body#layout #art-page-background-top-texture, body#layout #art-page-background-middle-texture, body#layout #art-page-background-glare
        {
            min-width: 0;
        }
        
        #Attribution1
        {
            display: none;
        }
        
        /* search results  */
        
        #uds-searchControl .gsc-results,
        #uds-searchControl .gsc-tabhActive
        {
          font-family: Arial, Helvetica, Sans-Serif;
          font-style: normal;
          font-weight: normal;
          font-size: 13px;
          color: #FAFAFA !important;
          background-color: transparent !important;
        }
        
        
        #uds-searchControl a,
        #uds-searchControl .gs-result .gs-title *,
        #uds-searchControl .gs-visibleUrl ,
        #uds-searchControl .gsc-tabhInactive
        {
          text-decoration: none;
          color: #F52505 !important;
        }
        
        
        .blog-pager a:link, .blog-pager a:visited, .blog-pager a:active, .blog-pager a:hover,
        .feed-links a:link, .feed-links a:visited, .feed-links a:active, .feed-links a:hover{
          color: #F52505;
        }
        
        #blog-pager-newer-link {
          float: left;
          margin-left: 13px;
         }
         
        #blog-pager-older-link {
          float: right;
          margin-right: 13px;
         }
        
        #blog-pager {   
          text-align: center; 
         }/* end Page */
        
        /* begin Header */
        div.art-header
        {
          margin: 0 auto;
          position: relative;
          width:100%;
          z-index: -5;
          width:100%;
          height: 150px;
          margin-top: 0px;
          margin-bottom: 0px;
        }
        .art-header-position
        {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            left: 0;
        } 
        
        .art-header-wrapper 
        {
                min-width: 700px;
            max-width: 1920px;    
                position: relative;
            top:0;
            width:100%;
            margin:0 auto;
        }
        .art-header-inner 
        {
           position: relative; 
           margin: 0 6px;
        }
        
        
        .art-header:before
        {
          position: absolute;
          display:block;
          content:' ';
          z-index:-2;
          top: 0;
          width:100%;
          height: 150px;
          background-image: url('images/header.png');
          background-repeat: no-repeat;
          background-position:top center; 
        }
        
        
        
        body#layout #Header1
        {
            display: block;
        }/* end Header */
        
        /* begin HeaderObject */
        div.art-headerobject
        {
          display: block;
          position: relative;
          left: 43%;
          margin-left: -311px;
          position: absolute;
          top: 0px;
          width: 723px;
          height: 163px;
          background-image: url('images/header-object.png');
        }
        /* end HeaderObject */
        
        /* begin Logo */
        div.art-logo
        {
          display: block;
          position: absolute;
          top: 20px;
          left: 0%;
          margin-left: 0px;
        
        }
        
        
        
        /* end Logo */
        
        /* begin Menu */
        /* menu structure */
        
        ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 
        {
          outline: none;
          position: relative;
          z-index: 11;
        }
        
        ul.art-hmenu, ul.art-hmenu ul
        {
          display: block;  
          margin: 0;
          padding: 0;
          border: 0;
          list-style-type: none;
        }
        
        ul.art-hmenu li
        {
          margin: 0;
          padding: 0;
          border: 0;
          display: block;
          float: left;
          position: relative;
          z-index: 5;
          background: none;
        }
        
        ul.art-hmenu li:hover{z-index: 10000;white-space: normal;}
        ul.art-hmenu li li{float: none; width: auto;}
        ul.art-hmenu li:hover>ul {visibility: visible;top: 100%;}
        ul.art-hmenu li li:hover>ul {top: 0;left: 100%;}
        ul.art-hmenu:after, ul.art-hmenu ul:after
        {
          content: ".";
          height: 0;
          display: block;
          visibility: hidden;
          overflow: hidden;
          clear: both;
        }
        ul.art-hmenu, ul.art-hmenu ul {min-height: 0;}
        
        ul.art-hmenu ul
        {
          visibility: hidden;
          position: absolute;
          z-index: 10;
          left: 0;
          top: 0;
          background-image: url('images/spacer.gif');
          padding: 10px 30px 30px 30px;
          margin: -10px 0 0 -30px;
        }
        
        ul.art-hmenu ul.art-hmenu-left-to-right {right: auto; left: 0; margin: -10px 0 0 -30px;}
        ul.art-hmenu ul.art-hmenu-right-to-left {left: auto; right: 0; margin: -10px -30px 0 0;}
        
        ul.art-hmenu ul ul
        {
          padding: 30px 30px 30px 10px;
          margin: -30px 0 0 -10px;
        }
        
        ul.art-hmenu ul ul.art-hmenu-left-to-right
        {
          right: auto;
          left: 0;
          padding: 30px 30px 30px 10px;
          margin: -30px 0 0 -10px;
        }
        
        ul.art-hmenu ul ul.art-hmenu-right-to-left
        {
          left: auto;
          right: 0;
          padding: 30px 10px 30px 30px;
          margin: -30px -10px 0 0;
        }
        
        ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {right: auto; left: 100%;}
        ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {left: auto; right: 100%;}
        
        ul.art-hmenu{position:relative;padding: 6px 6px 6px 6px;}
        div.art-nav-center{position: relative;float: right;right: 50%;}
        ul.art-hmenu {float: left;left: 50%;}
        .firefox2 ul ul.art-hmenu{float: none;}
        /* end menu structure */
        
        /* menu bar */
        
        .art-nav
        {
           width:100%;
          margin:0 auto;
          min-height: 38px;
          z-index: 100;
            margin-top: 0px;
            margin-bottom: 0px;
        }
        
        .art-nav:before, .art-nav:after{background-image: url('images/nav.png');}
        .art-nav:before{right: 0px;}
        .art-nav:after{width: 0px;}
        /* end menu bar */
        .art-nav-outer{position:absolute;width:100%;}
        .art-nav-wrapper 
        {
            position: relative;
            min-width: 700px;
            max-width: 1920px;
            width:100%;
            margin:0 auto;
        }
        
        .art-nav-inner{margin: 0 6px;}
        
        /* end Menu */
        
        /* begin MenuItem */
        ul.art-hmenu>li>a
        {
          position: relative;
          display: block;
          height: 26px;
          cursor: pointer;
          text-decoration: none;
        }
        
        ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after
        {
          position: absolute;
          display: block;
          content:' ';
          top: 0;
          bottom:0;
          z-index: -1;
          background-image: url('images/menuitem.png');
        }
        
        ul.art-hmenu>li>a:before
        {
          left: 0;
          right: 3px;
          background-position: top left;
        }
        
        ul.art-hmenu>li>a:after
        {
          width: 3px;
          right: 0;
          background-position: top right;
        }
        
        .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
        {
          text-align: left;
          text-decoration: none;
        }
        
        ul.art-hmenu>li>a
        {
          color: #000000;
          padding: 0 17px;
          line-height: 26px;
          text-align: center;
        }
        
        ul.art-hmenu>li>a.active:before {background-position: bottom left;} 
        ul.art-hmenu>li>a.active:after {background-position: bottom right;}
        ul.art-hmenu>li>a.active {color: #000000;}
        
        ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {background-position: center left;}
        ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {background-position: center right;}
        ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{ color: #000000;}
        
        /* end MenuItem */
        
        /* begin MenuSeparator */
        ul.art-hmenu>li:before
        {
          position:absolute;
          display: block;
          content:' '; 
          top:0;
          left:  -10px;
          width:10px;
          height: 26px;
          background: url('images/menuseparator.png') center center no-repeat;
        }
        
        ul.art-hmenu>li {margin-left:10px;}
        ul.art-hmenu>li:first-child {margin-left:0;}
        
        ul.art-hmenu>li:first-child:before{display:none;}
        /* end MenuSeparator */
        
        /* begin MenuSubItem */
        .art-hmenu ul a
        {
          display: block;
          text-align: center;
          white-space: nowrap;
          height: 24px;
          line-height: 24px;
          background-image: url('images/subitem.png');
          background-position: left top;
          background-repeat: repeat-x;
          border-width: 1px;
          border-style: solid;
          border-top-width: 0;
          border-color: #000000;
          min-width: 7em;
        }
        
        .art-hmenu ul>li:first-child>a
        {
            border-top-width: 1px;
        }
        
        .art-hmenu ul a, .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
        {
          text-align: left;
          text-decoration: none;
          line-height: 24px;
          color: #000000;
        
          margin:0;
          padding: 0 22px;
        }
        
        .art-hmenu ul li a:hover
        {
          color: #000000;
          background-position: left bottom;
          border-color: #000000;
          border-top-width: 1px !important;
        }
        
        .art-hmenu ul li a.art-hmenu-before-hovered
        {
          border-bottom-width: 0 !important;
        }
        
        .art-hmenu ul li:hover>a
        {
          color: #000000;
          background-position: left bottom;
          border-color: #000000;
          border-top-width: 1px !important;
        }
        
        ul.art-hmenu ul ul { margin-left: -11px; z-index: -1;}
        ul.art-hmenu ul ul.art-hmenu-left-to-right { margin-left: -11px; }
        ul.art-hmenu ul ul.art-hmenu-right-to-left { margin-right: -11px; }
        
        /* end MenuSubItem */
        
        /* begin Box, Sheet */
        .art-sheet
        {
            width:100%;
            max-width:1920px;
        }
        .art-sheet-body 
        {
            padding:6px;
            min-width:26px;
            min-height:26px;
        }
        .art-sheet:before, .art-sheet:after 
        {
            content: url('images/sheet_t.png');
            font-size: 0;
            background-image: url('images/sheet_b.png'); 
        }
        .art-sheet:after{clip:rect(auto, auto, auto, 1901px);}
        .art-sheet:before,.art-sheet-body:before{right:19px;}
        .art-sheet-body:after{width: 19px;}
        .art-sheet-body:before,.art-sheet-body:after
        {
            top:19px;
            bottom:19px;
            background-image:url('images/sheet.png');
        }
        .art-sheet
        {
          margin-top: 0px;
          margin-bottom: 0px;
          cursor:auto;
          width: 100%;
          min-width: 700px;
          max-width: 1920px;
        }
        
        .art-sheet-body 
        {
            padding-top:0px;
            padding-bottom:0px;
        }
        /* end Box, Sheet */
        
        /* begin Layout */
        .art-layout-wrapper
        {
          position:relative;
          margin:0px auto 0px auto;
        }
        
        .art-content-layout
        {
          display: table;
          width:100%;
          table-layout: fixed;
          border-collapse: collapse;
        }
        
        .art-content-layout-row {display: table-row;}
        
        .art-layout-cell
        {
            display: table-cell;
            vertical-align: top;
        }
        
        
        body#layout .art-content-layout
        {
          width: 100%;
        }
        /* end Layout */
        
        /* begin Button */
        span.art-button-wrapper>a.art-button,
        span.art-button-wrapper>a.art-button:link,
        span.art-button-wrapper>input.art-button,
        span.art-button-wrapper>button.art-button
        {
          text-decoration: none;
          font-family: Arial, Helvetica, Sans-Serif;
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          position:relative;
          top:0;
          display: inline-block;
          vertical-align: middle;
          white-space: nowrap;
          text-align: center;
          color: #FFFFFF !important;
          width: auto;
          outline: none;
          border: none;
          background: none;
          line-height: 31px;
          height: 31px;
          margin: 0 !important;
          padding: 0 16px !important;
          overflow: visible;
          cursor: pointer;
          text-indent: 0;
        }
        
        .art-button img, span.art-button-wrapper img
        {
          margin: 0;
          vertical-align: middle;
        }
        
        span.art-button-wrapper
        {
          position:relative;
          vertical-align: middle;
          display: inline-block;
          position: relative;
          height: 31px;
          overflow: hidden;
          white-space: nowrap;
          text-indent: 0;
          width: auto;
          max-width:1920px;
          margin: 0;
          padding: 0;
          z-index: 0;
        }
        
        .firefox2 span.art-button-wrapper
        {
          display: block;
          float: left;
        }
        
        input, select, textarea
        {
          vertical-align: middle;
          font-family: Arial, Helvetica, Sans-Serif;
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
        }
        
        div.art-block select 
        {
            width:96%;
        }
        
        span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
        {
          color: #7F5305 !important;
          text-decoration: none !important;
        }
        
        span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
        {
          color: #828282 !important;
        }
        
        span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
        {
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: 0;
          padding: 0;
          background-image: url('images/button.png');
          background-repeat: no-repeat;
        }
        
        span.art-button-wrapper>span.art-button-l
        {
          left: 0;
          right: 10px;
          background-position: top left;
        }
        
        span.art-button-wrapper>span.art-button-r
        {
          width: 10px;
          right: 0;
          background-position: top right;
        }
        
        span.art-button-wrapper.hover>span.art-button-l
        {
          background-position: center left;
        }
        
        span.art-button-wrapper.hover>span.art-button-r
        {
          background-position: center right;
        }
        
        span.art-button-wrapper.active>span.art-button-l
        {
          background-position: bottom left;
        }
        
        span.art-button-wrapper.active>span.art-button-r
        {
          background-position: bottom right;
        }
        
        span.art-button-wrapper input
        {
          float: none !important;
        }
        /* end Button */
        
        /* begin Box, Block */
        .art-block
        {
            max-width:1920px;
        }
        .art-block-body 
        {
            padding:0px;
        }
        .art-block
        {
          margin: 10px;
        }
        
        div.art-block img
        {
        /* WARNING do NOT collapse this to 'border' - inheritance! */
          border-width: 0px;
                margin: 0px;
        }
        
        /* end Box, Block */
        
        /* begin BlockHeader */
        .art-blockheader {margin-bottom: 0px;}
        
        .art-blockheader, .art-blockheader .t
        {
          min-height: 26px;
          line-height:26px;
        }
        
        .art-blockheader .t,
        .art-blockheader .t a,
        .art-blockheader .t a:link,
        .art-blockheader .t a:visited, 
        .art-blockheader .t a:hover
        {
          color: #FFFFFF;
          font-size: 14px;
        }
        
        .art-blockheader .t
        {
          margin:0;
          padding: 0 5px 0 5px;
          white-space: nowrap;
        }
        
        /* end BlockHeader */
        
        /* begin Box, BlockContent */
        .art-blockcontent
        {
            max-width:1920px;
        }
        .art-blockcontent-body 
        {
            padding:5px;
        }
        .art-blockcontent-body, 
        .art-blockcontent-body table,
        .art-blockcontent-body li, 
        .art-blockcontent-body a,
        .art-blockcontent-body a:link,
        .art-blockcontent-body a:visited,
        .art-blockcontent-body a:hover
        {
          color: #FAFAFA;
          font-family: Arial, Helvetica, Sans-Serif;
          font-size: 12px;
        }
        
        .art-blockcontent-body p
        {
          margin-top: 12px;
          margin-right: 0px;
          margin-bottom: 12px;
          margin-left: 0px;
        }
        
        .art-blockcontent-body a, .art-blockcontent-body a:link
        {
          color: #FAF719;
          text-decoration: underline;
        }
        
        .art-blockcontent-body a:visited, .art-blockcontent-body a.visited
        {
          color: #F52505;
          text-decoration: underline; 
          text-decoration: none;
        }
        
        .art-blockcontent-body a:hover, .art-blockcontent-body a.hover
        {
          color: #FAFAFA;
          text-decoration: none;
        
        }
        
        .art-blockcontent-body ul li
        {
          font-size: 13px;
          line-height: 125%;    
          color: #D6D6D6;
          margin-top: 5px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 10px;
          padding: 0px 0px 0px 12px;
          background-image: url('images/blockcontentbullets.png');
          background-repeat: no-repeat;
          background-position: top left;
        }
        
        
        /* Variable definitions
          ====================
          <Variable name="textcolor" description="Block Text Color"
          type="color" default="#FAFAFA" value="#FAFAFA">
        
          <Variable name="linkcolor" description="Block Link Color"
          type="color" default="#FAF719" value="#FAF719">
        
          <Variable name="visitedlinkcolor" description="Block Visited Link Color"
          type="color" default="#F52505" value="#F52505">
        
          <Variable name="hoveredlinkcolor" description="Block Hovered Link Color"
          type="color" default="#FAFAFA" value="#FAFAFA">
        
        */
        
        .art-blockcontent-body
        {
          color: $textcolor;
        }
        
        .art-blockcontent-body a:link
        {
          color: $linkcolor;
        }
        
        .art-blockcontent-body a:visited, .art-blockcontent-body a.visited
        {
          color: $visitedlinkcolor;
        }
        
        .art-blockcontent-body a:hover, .art-blockcontent-body a.hover
        {
          color: $hoveredlinkcolor;
        }
        
        .toggle span
        {
          color: $linkcolor;
        }
        
        .gsc-branding-text {
          color: $textcolor !important;
        }
        /* end Box, BlockContent */
        
        /* begin Box, Post */
        .art-post
        {
            max-width:1920px;
        }
        .art-post-body 
        {
            padding:10px;
        }
        .art-post
        {
          margin: 0px;
        }
        
        a img
        {
          border: 0;
        }
        
        .art-article img, img.art-article, .art-block img, .art-footer img
        {
          border-color: #FAFAFA;
          border-style: solid;
          border-width: 3px;
          margin: 7px 7px 7px 7px;
        }
        
        .art-metadata-icons img
        {
          border: none;
          vertical-align: middle;
          margin: 2px;
        }
        
        .art-article table, table.art-article
        {
          border-collapse: collapse;
          margin: 1px;
        }
        
        .art-post .art-content-layout-br
        {
          height: 0px;
        }
        
        .art-article th, .art-article td
        {
          padding: 2px;
          border: solid 3px #FAFAFA;
          vertical-align: top;
          text-align: left;
        }
        
        .art-article th
        {
          text-align: center;
          vertical-align: middle;
          padding: 7px;
        }
        
        pre
        {
          overflow: auto;
          padding: 0.1em;
        }
        
        
        
        #uds-searchControl .gsc-results, #uds-searchControl .gsc-tabhActive
        {
          border-color: #FAFAFA !important;
        }
        /* end Box, Post */
        
        /* begin PostHeaderIcon */
        .art-postheader
        {
          color: #C2C2C2;
          margin-top: 5px;
          margin-right: 0px;
          margin-bottom: 5px;
          margin-left: 0px;
          line-height: 1em;
        }
        
        .art-postheader, 
        .art-postheader a, 
        .art-postheader a:link, 
        .art-postheader a:visited,
        .art-postheader a.visited,
        .art-postheader a:hover,
        .art-postheader a.hovered
        {
          font-size: 20px;
        }
        
        .art-postheader a, .art-postheader a:link
        {
          text-align: left;
          text-decoration: none;
          color: #B5B5B5;
        }
        
        .art-postheader a:visited, .art-postheader a.visited
        {
        
          color: #E5E5E5;
        }
        
        .art-postheader a:hover,  .art-postheader a.hovered
        {
        
        
          color: #C4C4C4;
        }
        
        /* end PostHeaderIcon */
        
        /* begin PostBullets */
        .art-postcontent ol, .art-postcontent ul
        {
          margin: 1em 0 1em 2em;
          padding: 0;
        }
        
        .art-postcontent li
        {
          font-size: 13px;
        }
        
        .art-postcontent li ol, .art-post li ul
        {
          margin: 0.5em 0 0.5em 2em;
          padding: 0;
        }
        
        .art-postcontent li
        {
          color: #C2C2C2; 
          margin-top: 3px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: -15px;
          padding: 0;
        }
        
        
        .art-postcontent li
        {
          padding: 0px 0px 0px 13px;
        }
        
        .art-postcontent ol>li
        {
          background: none;
          padding-left: 0;
          /* overrides overflow for "ul li" and sets the default value */
          overflow: visible;
        }
        
        .art-postcontent ul>li
        {
          background-image: url('images/postbullets.png');
          background-repeat: no-repeat;
          background-position: top left;
          padding-left: 13px;
          /* makes "ul li" not to align behind the image if they are in the same line */
          overflow-x: visible;
          overflow-y: hidden;
        }
        
        /* end PostBullets */
        
        /* begin PostQuote */
        blockquote,
        blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
        blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
        blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
        blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
        {
          color: #0F0F0F;
          font-style: italic;
          font-weight: normal;
          text-align: left;
        }
        
        /* Override native 'p' margins*/
        blockquote p,
        .art-postcontent blockquote p,
        .art-blockcontent blockquote p,
        .art-footer blockquote p
        {
           margin: 0;
           margin-top: 5px;
           margin-right: 0px;
           margin-bottom: 5px;
           margin-left: 0px;
        }
        
        blockquote
        {
           margin: 10px;
          padding: 10px;
          background-color: #E0E0E0;
          margin-left: 50px;
          padding-left: 38px;
          background-image: url('images/postquote.png');
          background-position: left top;
          background-repeat: no-repeat;
          /* makes block not to align behind the image if they are in the same line */
          overflow: auto;
          clear:both;
        }
        
        /* end PostQuote */
        
        /* begin Footer */
        .art-footer
        {
          position: relative;
          margin-top:0px;
          margin-bottom:0px;
          width: 100%;
        }
        
        .art-footer-body
        {
            position:relative;
            padding: 5px;
        }
        
        .art-footer-body ul li
        {
            
          color: #E8E8E8;
        
          padding: 0px 0px 0px 13px;
          background-image: url('images/footerbullets.png');
          background-repeat: no-repeat;
          background-position: top left;
        }
        
        .art-footer-body:before
        {
          position: absolute;
          content:' ';
          z-index:-2;
          left:0;
          right:0;
          top:0;
          bottom:50px;
          background-image: url('images/footer.png');
          background-position:bottom left;
        }
        
        .art-footer:before, .art-footer:after 
        {
          position: absolute;
          content:' ';
          z-index:-2;
          bottom:0;
          height:50px;
          background-image: url('images/footer_b.png');
        }
        
        .art-footer:before
        {
          left:0;
          right:0px;
          background-position: bottom left;
        }
        
        .art-footer:after
        {
          right:0;
          width:0px;
          background-position: bottom right;
        }
        
        .art-footer-body .art-rss-tag-icon
        {
          position: absolute;
          left:   -6px;
          bottom:0px;
          z-index:1;
        }
        
        .art-rss-tag-icon
        {
          display: block;
          background-image: url('images/rssicon.png');
          background-position: center right;
          background-repeat: no-repeat;
          height: 32px;
          width: 32px;
          cursor: default;
        }
        
        .art-footer-text p
        {
          padding:0;
          margin:0;
        }
        
        .art-footer-body,
        .art-footer-body a,
        .art-footer-body a:link,
        .art-footer-body a:visited,
        .art-footer-body a:hover,
        .art-footer-body td, 
        .art-footer-body th,
        .art-footer-body caption
        {
            color: #121212;
            font-size: 11px;
        }
        
        .art-footer-text
        {
          min-height: 32px;
          padding-left: 42px;
          padding-right: 42px;
        
          position: relative;
          float: left;
          left: 50%;
        }
        
        .art-footer-text,
        .art-footer-text p
        {
          text-align: center;
        }
        
        .art-footer-body a,
        .art-footer-body a:link
        {
          color: #FAF719;
          text-decoration: none;
        }
        
        .art-footer-body a:visited
        {
          color: #BFBFBF;
        
        }
        
        .art-footer-body a:hover
        {
          color: #E3E3E3;
        
          text-decoration: underline;
        }
        
        .art-footer-center
        {
          position: relative;
          float: right;
          right: 50%;
        }
        
        div.art-footer img
        {
        /* WARNING do NOT collapse this to 'border' - inheritance! */
          border-width: 0px;
                margin: 0px;
        }/* end Footer */
        
        /* begin PageFooter */
        .art-page-footer, 
        .art-page-footer a,
        .art-page-footer a:link,
        .art-page-footer a:visited,
        .art-page-footer a:hover
        {
          font-family: Arial;
          font-size: 10px;
          letter-spacing: normal;
          word-spacing: normal;
          font-style: normal;
          font-weight: normal;
          text-decoration: underline;
          color: #D1D1D1;
        }
        
        .art-page-footer
        {
          position: relative;
          z-index: 10;
          padding: 1em;
          text-align: center;
          text-decoration: none;
          color: #BFBFBF;
        }
        /* end PageFooter */
        
        /* begin LayoutCell, content */
        
        
        body#layout .art-content-layout .art-content
        {
        }
        
        /* end LayoutCell, content */
        
        /* begin LayoutCell, sidebar1 */
        .art-content-layout .art-sidebar1
        {
          width: 310px;
        }
        
        
        body#layout .art-content-layout .art-sidebar1
        {
          width: 310px;
        }
        
        /* end LayoutCell, sidebar1 */
        
        
        
/*[*//*]*/
      ]]>
    </b:skin>




    <!--[if IE 6]>
      <style type="text/css">
/* begin Page */
        
        /* Created by Artisteer v3.1.0.46558 */
        
        #art-main {
           zoom:expression(runtimeStyle.zoom=1,calcWidth=function(o){var p='100%';var min=700;var max=1920;var b=document.body;if(o.w!=b.clientWidth){o.w=b.clientWidth;var w=b.clientWidth/100*parseInt(p);return w < min ? min+'px': w > max ? max+'px':p;}});
           width:auto;
        }
        #art-page-background-glare{display: none;}
        .cleared {width:1px;}
        /* Start Box */
        .art-box, .art-box-body {zoom:1;}
        /* End Box */
        /* Start Bar */
        .art-bar{zoom:1;}
        /* End Bar */
        
        
        #art-page-background-glare-image
        {
          background: none;
          behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+artGetStyleUrl()+"images/Page-BgGlare.png',sizingMethod='crop')");
        }
        
        img
        {
          filter: expression(artFixPNG(this));
        }
        
        #ArchiveList ul li
        {
          behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="");
        }
        #ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover
        {
          color: expression(this.parentNode.currentStyle["color"]);
        }
        /* end Page */
        
        /* begin Header */
        .art-header {zoom:expression(runtimeStyle.zoom=1,insertBefore(document.createElement('div'),firstChild).className='art-header-png');}
        .art-header
        {
            z-index: 1;
        }
        .art-header-png
        {
          position: absolute;
          z-index:-2;
          top: 0;
          width:100%;
          height: 150px;
          background-image: url('images/header.png');
          background-repeat: no-repeat;
          background-position:top center; 
        }
        
        div.art-header-wrapper{width:expression(calcWidth(this));}  
        /* end Header */
        
        /* begin HeaderObject */
        div.art-headerobject{font-size: 1px;}
        /* end HeaderObject */
        
        /* begin Menu */
        ul.art-hmenu, ul.art-hmenu ul, ul.art-hmenu li, ul.art-hmenu a {zoom:1;}
        .art-hmenu li.art-hmenuhover{z-index: 10000;}
        .art-hmenu .art-hmenuhoverUL{visibility: visible;top: 100%;left: 0;}
        .art-hmenu .art-hmenuhoverUL .art-hmenuhoverUL{top: 0;left: 100%;}
        .art-hmenu ul li {float: left !important; clear: both; width: 100%;}
        .art-nav
        {
            zoom: 1;
            height: 38px;
        background:#F52505;
        }
        .art-nav-wrapper{width:expression(calcWidth(this));} 
        
        /* end Menu */
        
        /* begin MenuItem */
        .art-hmenu a 
        {
            display:inline-block;
            color: #000000;
            background-color:#FAFAFA;
            padding: 0 17px;
            line-height: 26px;
            text-align: center;
        }
        
        .art-hmenu a.active 
        {
            color: #000000;
            background-color:#FAF719;
        }
        
        .art-hmenu a:hover, .art-hmenuhoverA,  .art-hmenuhover a 
        {
            color: #000000;
            background-color:#F52505;
        }
        
        /* end MenuItem */
        
        /* begin MenuSeparator */
        ul.art-hmenu li {margin-left:expression(this.previousSibling==null?'0':'10px');}
        ul.art-hmenu li li{margin-left:0;}
        
        span.art-hmenu-separator
        {
          position:absolute;
          display: block;
          top:0;
          left:  -10px;
          width: 10px;
          height: 26px;
          background: url('images/menuseparator.png') center center no-repeat;
        }
        /* end MenuSeparator */
        
        /* begin MenuSubItem */
        .art-hmenu ul a 
        {
            color: #000000 !important;
        }
        
        .art-hmenu ul a:hover, .art-hmenu ul .art-hmenuhover .art-hmenuhoverA 
        {
            color: #000000 !important;
            background-position: left bottom;
            border-color: #000000;
            border-top-width: 1px !important;
        }
        .art-hmenu ul a { float: left;}
        
        /* end MenuSubItem */
        
        /* begin Box, Sheet */
        .art-sheet {background:#9F9F9F;}
        .art-sheet{width:expression(calcWidth(this));}
        /* end Box, Sheet */
        
        /* begin Layout */
        .art-content-layout, .art-content-layout-row, .art-layout-cell 
        {
            display: block; 
            zoom: 1;
        }
        .art-layout-cell
        {
            position:relative;
            float: left;
            clear: right;
        }
        /* end Layout */
        
        /* begin Button */
        .art-button-wrapper{zoom: 1;}
        .art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r {display: none;}
        .art-button-wrapper .art-button {float: left;}
        /* end Button */
        
        /* begin Box, Block */
        .art-block {background:#9F9F9F;}
        /* end Box, Block */
        
        /* begin BlockHeader */
        .art-blockheader {background:#9F9F9F;}
        /* end BlockHeader */
        
        /* begin Box, BlockContent */
        .art-blockcontent {background:#9F9F9F;}
        .art-blockcontent-body ul li{height: 1%;}
        
        
        
        .art-blockcontent-body ul li
        {
          height: 1%;
          background: none;
          behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+artGetStyleUrl()+"images/blockcontentbullets.png',sizingMethod='crop')");
        }
        /* end Box, BlockContent */
        
        /* begin Box, Post */
        .art-post {background:#9F9F9F;}
        /* end Box, Post */
        
        /* begin PostBullets */
        .art-post ul li, .art-post ol ul li
        {
          height: 1%;
          padding-left: 13px;
          /* makes "ul li" not to align behind the image if they are in the same line */
          overflow-x: visible;
          overflow-y: hidden;
        }
        
        .art-post ul ol li
        {
          background: none;
          padding-left: 0;
          /* overrides overflow for "ul li" and sets the default value */
          overflow: visible;
        }
        /* end PostBullets */
        
        /* begin Footer */
        .art-footer-body{padding-right: 0;}
        .art-footer, .art-footer-body{zoom:1;}
        
        .art-footer-text
        {
          height: 32px;
        }
        
        .art-footer {background:#F52505;}
        .art-rss-tag-icon
        {
          zoom: 1;
          font-size: 1px;
         }
        
        /* end Footer */
        
        /* begin LayoutCell, content */
        .art-sidebar1 {width: auto;}
        /* end LayoutCell, content */
        
        
      </style>
    <![endif]-->
    <!--[if IE 7]>
      <style type="text/css">
/* begin Page */
        #art-page-background-glare {zoom: 1;}
        
        /* Start Box */
        .art-box {zoom:expression(runtimeStyle.zoom=1,function(e){for(var i=0;i<e.length;i++)insertBefore(document.createElement('div'),firstChild).className='art-box-'+e[ i]}('br,bl,cr,cl,tr,tl'.split(',')));}
        .art-box-body {zoom:1;}
        .art-box-tl, .art-box-tr, .art-box-cl, .art-box-cr, .art-box-bl, .art-box-br {
            position:absolute;
            display:block;
            top:0;
            bottom:0;
            background-repeat: no-repeat;


Ultima edición por terrorvshorror el Jue Jul 19, 2012 5:49 am; editado 1 vez
Mensaje19-07-2012, 13:04 (UTC)    
Título del mensaje:

Hola!,

Eso es un codigo CSS lo que necesitamos ahora es el codigo HTML osea la estructura de la pagina.

Te recomiendo que veas por Youtube como sacar el codigo HTML de una plantilla ella con arister.

Saludos!
Design-PWG.
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje19-07-2012, 18:47 (UTC)    
Título del mensaje:

ola desing no no me entero de nada ,ara me mandas a ver un tutorial a yotube ,entonces k hago con los archivos k tengo uno el main,otro el style y el style ie6,ie7 y el de la carpeta de imagenes ,no se k hacer ,`por favor exame una mano y se un poco mas concreto k soy novato ,por favor desing.


No encuentro nada de esto por youtube.solo de sacar el html de imgenes y de otras cosas pero no de una plantilla del artister


Una cosa antes de liarme mas,me dijistes k las imagenes k tenia en la carpeta de imagenes las subiera a un servidor y lo hice lo subi a imageshak y luego cambie y puse los enlaces en el style o css,y este archivo lo copie y lom puse en en apartado de sin style css o algo asi en paginawebgratis,ara creo k lo k me hace falta segun el tutorial k me pusistes a lo primero es separa el main o creo k tb es el html ,k es otro archivo k venia en lo guarde de la plantilla k tenia en blogger,y este dividirlo y poner la parte de arriba en texto arriba y la parte de abajo en texto abajo,pero no se k es lo k tengo k dividir pues erl tutorial k pusistes es de otra plantilla y no se parece e n nada a la mia o la k se hizo con el artister,por favvor desing o kien este leyendo este mensaje y me pueda exar una mano,plisss


Ultima edición por terrorvshorror el Vie Jul 20, 2012 8:48 am; editado 8 veces
Mensaje20-07-2012, 16:40 (UTC)    
Título del mensaje:

Ola desing necesito de tu auda por favor,mira creo k ya casi lo consegui,pero tengo 3 dudas una es la delos botones del menu k antes cuando le daba al boton k yo keria se kedaba en activado y en color amarillo ,otra duda es pork me sale el error 404 no existe esta paginay el otro es k es lo k tengo k kitar para k se kede solo lo k yo e puesto en el menu,osea cuando yo e exo la plantilla k la e exo nueva se a añadido unas letras y frases en el menu k no kiero solo kiero ponerlo k tenia puesto ,,mejor pasate y lo miras esta en la primera pagina y sale justo debajo de la cabecera y va desde "Enter Page content here hasta sed sit amet lectus." yo te pongo el enlace de la pagina y por favor ayudame
http://terrorvshorror.es.tl/ y tb te pongo el codigo html o index k esta en la parte de arriba del texto k creo k me e liado en eso de crear las paginas
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<!--
Created by Artisteer v3.1.0.46558
Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Page 1</title>



<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
.art-post .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
</style>

</head>
<body>
<div id="art-page-background-glare-wrapper">
<div id="art-page-background-glare"></div>
</div>
<div id="art-main">
<div class="cleared reset-box"></div>
<div id="art-header-bg" class="art-header">
</div>
<div class="cleared reset-box"></div>
<div id="art-hmenu-bg" class="art-bar art-nav">
</div>
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">
<div class="art-header">
<div class="art-headerobject"></div>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
jQuery((function (swf) {
return function () {
swf.switchOffAutoHideShow();
swf.registerObject("art-flash-object", "9.0.0", "expressInstall.swf");
}
})(swfobject));
</script>
<div id="art-flash-area">
<div id="art-flash-container">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1100" height="125" id="art-flash-object">
<param name="movie" value="container.swf" />
<param name="quality" value="high" />
<param name="scale" value="default" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=1&amp;framerate1=24&amp;loop=true&amp;wmode=transparent&amp;clip=images/flash.swf&amp;radius=4&amp;clipx=0&amp;clipy=-74&amp;initalclipw=900&amp;initalcliph=225&amp;clipw=1100&amp;cliph=275&amp;width=1100&amp;height=125&amp;textblock_width=0&amp;textblock_align=no&amp;hasTopCorners=false&amp;hasBottomCorners=false" />
<param name="swfliveconnect" value="true" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="container.swf" width="1100" height="125">
<param name="quality" value="high" />
<param name="scale" value="default" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=1&amp;framerate1=24&amp;loop=true&amp;wmode=transparent&amp;clip=images/flash.swf&amp;radius=4&amp;clipx=0&amp;clipy=-74&amp;initalclipw=900&amp;initalcliph=225&amp;clipw=1100&amp;cliph=275&amp;width=1100&amp;height=125&amp;textblock_width=0&amp;textblock_align=no&amp;hasTopCorners=false&amp;hasBottomCorners=false" />
<param name="swfliveconnect" value="true" />
<!--<![endif]-->
<div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
<div class="art-logo">
</div>

</div>
<div class="cleared reset-box"></div>
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-center">
<ul class="art-hmenu">

<li>
<a href="./new-page.html" class="active">INICIO</a></li>

<li>
<a href="./new-page-2.html">GALERIA</a>
</li>
<li>
<a href="./new-page-2.html">DESCARGAS</a>
</li>
<li>
<a href="./new-page-2.html">PELIS ONLINE</a>
</li>

<li>
<a href="./new-page.html" >CANALES LIVE</a>
<ul>
<li>
<a href="./new-page/new-page-3-2.html">Canal 1</a>

</li>
<li>
<a href="./new-page/new-page-2.html">Canal 2</a>

</li>
<li>
<a href="./new-page/new-page-3.html">Canal 3</a>

</li>
</ul>
</li>
<li>
<a href="./new-page-2.html">CONTACTO</a>
</li>
</ul>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<div class="art-layout-wrapper">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content">
<div class="art-box art-post">
<div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader">Page 1
</h2>
<div class="art-postcontent">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 100%;">
<p><img src="images/preview.jpg" alt="an image" id="preview-image" />Enter Page content here...</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra, tellus sit amet congue vulputate, nisi erat iaculis nibh, vitae feugiat sapien ante eget mauris. Aenean sollicitudin imperdiet arcu, vitae dignissim est posuere id.</p>

<p><a href="#">Read more</a></p>
</div>
</div>
</div>
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 50%;">
<ul>
<li>Suspendisse pharetra auctor pharetra. Nunc a sollicitudin est.</li>

<li>Donec vel neque in neque porta venenatis sed sit amet lectus.</li>

<li>Curabitur ullamcorper gravida felis, sit amet scelerisque lorem iaculis sed.</li>
</ul>
</div><div class="art-layout-cell layout-item-0" style="width: 50%;">
<blockquote style="margin: 10px 0">
Nunc a sollicitudin est. Curabitur ullamcorper gravida felis, sit amet scelerisque lorem iaculis sed. Donec vel neque in neque porta venenatis sed sit amet lectus.
</blockquote>
</div>
</div>
</div>

</div>
<div class="cleared"></div>
</div>

<div class="cleared"></div>
</div>
</div>

<div class="cleared"></div>
</div>
</div>
</div>
</div>
<div class="cleared"></div>

<div class="cleared"></div>
</div>
</div>











y lo bueno es k en el index k e exo me sale muy bien,los botones se activan si le das,la cabecera keda ariiba y no casi en medio y otras cosas k es lo k hago mal?


las paginas k creas ,k hay k activarlas o algo o k,pork en las paginas k e creado ,ademas de lo del boton k no sale activado,no las encuentra me pone cada vez k le douy ,a galeria,o a descargas o pelis online o todo eso,no fount... k tengo k hacer desing?


Ultima edición por terrorvshorror el Vie Jul 20, 2012 1:23 pm; editado 3 veces
Mensaje20-07-2012, 17:40 (UTC)    
Título del mensaje:

ya esta desing ya consegui lo de activar las paginas era solo k tenia k tb ponerlas ademas de en la pagina por encima del texto ,en lo de controlar paginas y agregarlas desde alli,ara solo me kedaria lo del boton k no se enciendo cuando eligo alguna pagina,los de la cabecera< se se ve muy para abajo y me gustria mas arriba y ordenas bien las imagenes y las frases en cada pagina ,no como las tengo ara k una imagen por alli,otra para la derch osea esta todas las paginas desordenado el contenido

por favor hay alguien por ahi k me pueda ayudar?
necesito saber como poner la cabecera mas arriba k keda muy abajo,tb saber como poner ,cuando eliges una pagina ,k el boton se encienda o en este caso k cambie de color a amarillo y otra aunk si eso ya lo mirare yo es la de ordenar el contenido de las paginas..pliss



esta es la pagina

http://terrorvshorror.es.tl/

si miran veran como el boton siempre se keda en amarillo en inicio ,aunk le des a otro boton y lo otro







otra cosa e puesto este codigo k es el k tenia en bloggerpara separa en dos la pagina y se me pone muy a la derch ,me gustaria k kedara la pantalla en la izquierda y justo el chat pero a la derch asi como en el codigo pero mas a la izq

<div style="margin-left: auto; margin-right: auto; position: relative; width: 700px;"><center>TeRRoR Vs.HoRRoR
<title>Pagina web</title>
<style type="text/css">
div.parte1{

float: left;
width: 99%;
height: 100%;
}

div.parte2{

float: left;
width: 0%;
height: 100%;
}
</style> <center>
<div class="parte1"><iframe height="410" scrolling="no" src="http://streami.tv/embed/e2.php?h=410&amp;w=690&amp;n=4q8IyXlYF49YR2Dsq47oIHiiaZ01d4qlG%2F3zzK5wNRmToogiLmKsel1EWrxCAc4X%2BYYkTle2EFZRHfhZSUQCqee%2BgkdIl820fJ%2Bg5Hy%2B8gbG%2BM7DudD5iizSkm8e75Fp20FacXWSJ5ALHLl2n3L183I44Pcg5AHITRrpvIgWYJac" width="690"></iframe><br />
<div class="js-kit-rating" permalink="">&nbsp;</div>
<script src="http://js-kit.com/ratings.js">
</script></div>
</center>
<div class="parte2"><iframe frameborder="0" height="700" id="chat_embed" scrolling="no" src="http://es.justin.tv/chat/embed?channel=megamidt_vs_h&amp;default_chat=jtv&amp;popout_chat=true#r=-rid-&amp;s=em" width="310"></iframe></div>
</center>
<form action="http://www.google.com/search" method="GET" target="_blank">
<input name="ie" type="hidden" value="UTF-8" /> <input name="oe" type="hidden" value="UTF-8" /> <br />
<table bgcolor="#A80707">
<tbody>
<tr>
<td><a href="http://www.google.com/"> <img alt="Google" border="0" src="http://img535.imageshack.us/img535/2821/images11qt.jpg" /></a></td>
<td><input maxlength="255" name="q" size="31" type="text" value="" /> <input name="btnG" type="submit" value="Buscar Sinopsis " /><br />
<input name="domains" type="hidden" value="http://www.aullidos.com" /> <input name="sitesearch" type="radio" value="http://www.aullidos.com" /> Buscar en AULLIDOS<br />
<input name="domains" type="hidden" value="http://www.abandomoviez.net" /> <input name="sitesearch" type="radio" value="http://www.abandomoviez.net" /> Buscar en ABANDOMOVIEZ<br />
<input name="domains" type="hidden" value="http://www.filmaffinity.com" /> <input name="sitesearch" type="radio" value="http://www.filmaffinity.com" /> Buscar en FILMAFFINITY<br />
<input name="domains" type="hidden" value="http://tvshorror.blogspot.com" /> <input name="sitesearch" type="radio" value="http://tvshorror.blogspot.com" /> Buscar en TVSHORROR<br />
<input checked="" name="sitesearch" type="radio" value="" />WWW (toda la web)</td>
</tr>
</tbody>
</table>
</form>
<a href="http://www.terrorvshorror.blogspot.com/" target="_self"> <img alt="" border="0" src="http://img842.imageshack.us/img842/8431/images11.gif" /> </a>
<form name="form">
<span style="border: black; color: #f3f3f3; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"> <select name="site" onchange="formHandler(this.form)" size="1">
<option value="">PROGRAMACION C1 </option>
<option value="">Juan de los muertos </option>
<option value="">El despertar del diablo 2 </option>
<option value="">La morada del miedo </option>
<option value="">La ultima casa a la izquierda </option>
<option value="">La llave del mal </option>
<option value="">Kilometro 31 </option>
<option value="">Ira de titanes 2 </option>
<option value="">El paramo.lat_2011 </option>
<option value="">La ultima noche de la humanidad </option>
<option value="">Dejame entrar 2008 </option>
<option value="">Contagio </option>
<option value="">Desenterrados </option>
<option value="">Carny </option>
<option value="">Juon la maldicion </option>
<option value="">Juon la maldicion 2 </option>
<option value="">Gritos de muerte </option>
<option value="">Cold prey fanaticos del snow </option>
<option value="">Cold prey 2 en sub </option>
<option value="">Creepshow 2 </option>
<option value="">Creature </option>
<option value="">El se&ntilde;or de las ilusiones </option>
<option value="">La sombra de los otros </option>
<option value=""> </option>
<option value=""> </option>
<option value=""> </option>
<option value=""> </option>
</select></span>
</form>
Si no puedes entrar en el chat entra aki <a href="http://es.justin.tv/user/login?next=/">http://justin.tv/user/login?next=/</a><br />
y te registras o si ya tienes una cuenta entra por ahi y luego vienes para aki,<br />
estaremos asi hasta k acaben de actualizar justin.tv,disculpen las molestias <br />
<div class="fb-comments" data-colorscheme="dark" data-href="http://terrorvshorror.blogspot.com" data-num-posts="10" data-width="470">&nbsp;</div>
<img border="0" src="http://r23.imgfast.net/users/2314/14/04/12/album/bloodm10.gif" style="height: 100px; left: 0px; position: fixed; top: 0px; width: 100%;" alt="" /> <a href="http://terrorvshorror.blogspot.com.es/p/comentarios.html" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="http://img507.imageshack.us/img507/514/fredyq.png" alt="" /></a></div>











lo de las paginas de las pantallas y el chat ya esta solucionado ,solo me keda lo del boton k se active cuando selecciones el canal k kieras y lo de la cabecera para k suba mas arriba


Ultima edición por terrorvshorror el Vie Jul 20, 2012 5:22 pm; editado 4 veces
Mensaje20-07-2012, 22:55 (UTC)    
Título del mensaje:

por favor solo necesito k me digan como pongo mi cabecera mas arriba y k el boton del menu cuando eligesx algun canal o opcion k se encienda ,cambie de color a amarillo,k se vea activado,gracias mi padina es esta k casi esta acabada ,menos mal jijiji,

http://terrorvshorror.es.tl/

ah y otra cosa k me di cuenta desde mi otro pc para kitar la publicidad k me sale arriba de la pagina k tengo k hacer?

No hace doble post, si deseas agregar algo a utiliza la función Editar que esta ubicado en la esquina superior derecha. (Design-PWG.)




ola de nuevo desing o alguien k me pueda ayudar ,a final consegui poner el html de la pagina en la web y he de decir k esta kedando muy bien a mi gusto ,solo tengo un par de dudas y de momento ya habe acabado,la primera seria como hacer para k el boton k doy ,se kede activado ,si por ejemplo selecciono la pestaña de galeria en la barra de menus,antes se me kedaba de color amarillo indicando k esta activo y k es hay dond estamos pero ar no me sale y en el programa artistes lo programe para k si lo hiciera y la segunda duda es la de la cabecera k keda mas abajo por culpa de un anuncio k cada vez k se actualiza la pagina cambia de dibujo aunk siempre es rectangular,alguna sugerencia para desactivar eso?pork creo k ese anuncio no tiene nada k ver con lo de desactivar el layer vd?eso seria todo y decir k muxas gracias por aguantarme.






por si sirve para lo del boton k este activado y cambie de color tengo esto en texto por encima de la pagina

<div class="cleared reset-box"></div>
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-center">
<ul class="art-hmenu">

<li>
<a href="http://terrorvshorror.es.tl/" class="active ">INICIO</a>
</li>


<li>
<a href="http://terrorvshorror.es.tl/galeria.htm" >GALERIA</a>
</li>
<li>
<a href="http://terrorvshorror.es.tl/descargas.htm" >DESCARGAS</a>
</li>

<li>
<a href="http://terrorvshorror.es.tl/pelis online.htm" >PELIS ONLINE</a>
</li>
<li>
<a href="http://terrorvshorror.es.tl/CONTACTO.htm" >CONTACTO</a>
</li>


<li>
<a href="http://terrorvshorror.es.tl/canales-live.htm">CANALES LIVE</a>
<ul>
<li>
<a href="http://terrorvshorror.es.tl/canal-1.htm">Canal 1</a>

</li>
<li>
<a href="http://terrorvshorror.es.tl/canal-2.htm">Canal 2</a>

</li>


<li>
<a href="http://terrorvshorror.es.tl/canal-3.htm">Canal 3</a>

</li>


<li>
<a href="http://terrorvshorror.es.tl/canal-4.htm">Canal 4</a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-5.htm">Canal 5</a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-6.htm">Canal 6</a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-7.htm">Canal 7</a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-8.htm">Canal 8</a>

</li>


<li>
<a href="http://terrorvshorror.es.tl/canal-9.htm">Canal 9</a>

</li>


<li>
<a href="http://terrorvshorror.es.tl/canal-10.htm">Canal 10</a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-11.htm">Canal 11</a>

</li>

<li>
<a href="http://terrorvshorror.es.tl/canal-12.htm">Canal 12</a>

</li>

</ul>





<li>
<a href="http://terrorvshorror.es.tl/FORO.htm" >FORO</a>
</li>


</li>
</ul>
</div>
</div>
</div>


Ultima edición por terrorvshorror el Mar Jul 24, 2012 8:01 am; editado 4 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group