Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje05-09-2010, 17:43 (UTC)    
Título del mensaje: Quiero cambiar el fondo ayuda

ccs code
sin Style Tags: aca esta ubicado el para cambiar el fondo pero pongo la imagen para cambiar y no cambia nada


Cita:



Código:
table {margin-left:auto;margin-right:auto;}

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}




* { padding:0; margin:0; }

body {
   background-color:#1e1e1e;
   background-image:url(http://img.webme.com/pic/k/kateko/bg.png);
   background-repeat:repeat-x;   
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:12px;
}

a:link { color:#CCCCCC; text-decoration: none; }
a:visited { color: #CCCCCC; text-decoration: none; }
a:hover { text-decoration: underline; color: #CCCCCC; }
a:active { text-decoration: underline; color: #CCCCCC; }

#wrapper {
   width:797px;
   margin:0 auto;
}

#top {
   width:797px;
}

   #lefta {
      width: 400px;
      float: left;
   }
   
   #rightcolumn {
      width:397px;
      float:right;
   }

#logo {
   background-repeat:no-repeat;
   height:50px;
   width:540px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:bold;
   color:#FFFFFF;
}

#logo span {
   position: relative;
   left:0px;
   top: 60px;
   color:#FFFFFF;
}

#logo a:hover {
   text-decoration:none;
}


      
#searchform {
   float:right;
   margin-top:60px;
   margin-left: 10px;
}

   .search {
      background-color:#1e1e1e;
      background-image:url(http://img.webme.com/pic/k/kateko/input.png);
      background-repeat:no-repeat;
      height:29px;
      width:190px;
      border:none;
      padding-top:6px;
      overflow:hidden;
      padding-left: 5px;
   }
   
      .submit {
         background-image:url(http://img.webme.com/pic/k/kateko/button.png);
         background-repeat:no-repeat;
         vertical-align:top;
         height:29px;
         width:27px;
         border:none;
      }
      
#rss {
   background-image:url(http://img.webme.com/pic/k/kateko/rss.png);
   background-repeat:no-repeat;
   height:45px;
   width:42px;
   float:left;
   margin-top:9px;
   clear:both;

}

   #rss a {
      display:block;
      height:45px;
   }
   
      #rss a:hover {
         background-image:url(http://img.webme.com/pic/k/kateko/rssover.png);
         background-repeat:no-repeat;
         height:45px;
         width:42px;
      }   
   
         #rss a span { display:none; }   
      
#nav {
   background-image:url();
   background-repeat:no-repeat;
   height:45px;
   width:755px;
   float:right;
   margin-top:9px;
   list-style:none;

}

   #nav li {
      float:left;
      
   }

      #nav li a {
         display:block;
         background-image:url(http://img.webme.com/pic/k/kateko/rollover.png);
         background-repeat:no-repeat;
         width:93px;
         height:45px;
         line-height:45px;
         text-align:center;
         text-decoration:none;
         color:#000000;
      }

            #nav li a:hover {
               background:url(http://img.webme.com/pic/k/kateko/rollover.png) no-repeat 0 -45px;
               color:#fb4e00;
               text-decoration:none;
            }
            
#subnav {
   background-image:url(http://img.webme.com/pic/k/kateko/subnav.png);
   background-repeat:no-repeat;
   height:37px;
   width:797px;
   list-style:none;
   clear:both;
}

   #subnav li {   
      float:left;
      margin-top:10px;
   }

      #subnav li a {
         color:#FFF;
         height:17px;
         width:80px;
         text-align:center;
         text-decoration:none;
         display:block;
      }
      
         #subnav li a:hover {
            text-decoration:underline;
         }
         
#banner {
   background-image:url(http://www.reprodart.com/kunst/peter_jurik/blue_3d_fractal__fantasy_abstract_background__hi.jpg);
   background-repeat:no-repeat;
   height:80px;
   width:548px;
   margin-top:8px;
   float:left;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   color:#FFFFFF;
}

#banner span {
   position:relative;
   left: 40px;
   top: 25px;
   color:#FFFFFF;
}

   #banner a {
      display:block;
      height:74px;
      text-decoration:none;
   }
   #banner a:hover {
   text-decoration: none;
   }
      
#left {
background-color:#ffffff;
   width:548px;
   float:left;
   overflow: hidden;
}

.leftpost {
background-color:ffffff;
   height:255px;
   width:106px;
   margin-top:10px;
   float:left;
   overflow:hidden;
}

.rightpost {
   float:right;
   width:442px;
   margin-top:10px;
}

.info {
   background-image:url(http://img.webme.com/pic/k/kateko/cbg.png);
   background-repeat:no-repeat;
   height:255px;
   width:106px;
}

.cpost {
   background-image:url(http://cupandcross.com/wp-content/uploads/2009/08/blue-fire-x.jpg);
   min-height: 300px;
   max-height:none;
   width:442px;
   clear:both;
}

.rss2 {
   background-image:url(http://img.webme.com/pic/k/kateko/rss2.png);
   background-repeat:no-repeat;
   height:35px;
   width:548px;
   margin-top:5px;
   float:left;
}

   .rss2 a {
      display:block;
      height:35px;
      text-decoration:none;
   }
   
.rss 2 a:hover {
   text-decoration:none;
}
   
.rss2 span {
   position: relative;
   left: 15px;
   top: 9px;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   text-decoration:underline;
   text-transform:uppercase;
   color:#999999;
}
      
h2 {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:18px;
   color:#FFF;
   padding-top:19px;
   padding-left:14px;
}

h3 {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:16px;
   colour: #fff;
}

.post {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:11px;
   color:#FFF;
   padding-top:19px;
   padding-left:14px;
   padding-right:14px;
}   

.callender {
   height:64px;
   width:78px;
   padding-left:20px;
   padding-top:20px;
}

   .date {
      width:64px;
      height:30px;
      text-align:center;
   }

      .month {
         width:64px;
         height:48px;
         text-align:center;
      }
      
.comments {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:11px;
   color:#FFF;
   padding-left:14px;
}

.extra {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:11px;
   color:#FFF;
   padding-left:14px;
   margin-top:15px;
}   

.button {
   background-image:url(http://img.webme.com/pic/k/kateko/button2.png);
   background-repeat:no-repeat;
   height:28px;
   width:78px;
   border:none;
   text-align:center;
   color:#fb4e00;
   margin-left:14px;
   margin-top:60px;
}         
      
#righta {
   width:237px;
   float:right;
   overflow: hidden;
}      

#atop {
   background-image:url(http://img.webme.com/pic/k/kateko/header.png);
   background-repeat:no-repeat;
   height:52px;
   width:237px;
   line-height:48px;
   padding-left:12px;
   margin-top:8px;
   color:#FFF;
   font-weight:bold;
   overflow: hidden;
}

   .color {
      color:#fb4e00;
   }   
   
#acontent {
   background-image:url(http://img.webme.com/pic/k/kateko/bg2.png);
   background-repeat:repeat-y;
   width:237px;
   text-align:center;
   padding:2px 0 20px 0;
}

#afoot a {
   color: #000000;
}
      
#afoot {
   background-image:url(http://img.webme.com/pic/k/kateko/footer2.png);
   background-repeat:no-repeat;
   height:54px;
   width:237px;
}

#leftc {
   float:left;
   width:100px;
   margin-left:37px;
   padding-top:20px;
   
}

#rightc {
   float:right;
   padding-right:22px;
   padding-top:20px;
}      

.btop {
   background-image:url(http://img.webme.com/pic/k/kateko/header.png);
   background-repeat:no-repeat;
   height:52px;
   width:237px;
   
   line-height:48px;
   padding-left:12px;
   margin-top:8px;
   color:#FFF;
   font-weight:bold;
}
   
.bcontent {
   background-image:url(http://img.webme.com/pic/k/kateko/bg2.png);
   background-repeat:repeat-y;
   width:237px;
   font-size:11px;
   text-align:left;
   line-height:23px;
   padding:2px 0 0 25px;
}

.bcontent a {
   color: #000000;
   }
      
.bfoot {
   background-image:url(http://img.webme.com/pic/k/kateko/footer2.png);
   background-repeat:no-repeat;
   height:12px;
   width:237px;
}

.float-left  { float: left; padding-right: 5px; }
.float-right { float: right; padding-left: 5px; }

img {
border: 0px;
}

blockquote {
   margin: 15px;    padding: 0 0 0 20px;     
     background-color:#FAFAFA;
   background-position: 8px 10px;
   border-left: 5px solid #666666; 
   font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif;
   color: #ffffff;   
   font-style:italic;
   margin-right: 5px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto; 
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border-left: 5px solid #666666;
  margin-right:5px;
  color: #000000;   
}
table {
   border-collapse: collapse;
   margin: 10px 15px;   
}


th {
   background-image:url(http://img.webme.com/pic/k/kateko/chrome.png); background-repeat:repeat-x;
   height: 20px;
   padding-left: 11px;
   padding-right: 11px;
   color: #000;
   text-align: left;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
}

tr {
   height: 30px;
   border-right: 1px solid #FFFFFF;
   background-color: #000000;

}

td {
   padding-left: 11px;
   padding-right: 11px;
   /* border-left: 1px solid #FFE1C3; */
   border-left: 1px solid #FFF;
   border-bottom: solid 1px #ffffff;
   border-right: 1px solid #FFFFFF;
   background-color: #FAFAFA;

}

td.first,th.first {
   border-left: 0px;
   background-color: #e4fffb;

}

tr.row-a {
   background: #F8F8F8;
   background-color: #e4fffb;

}

tr.row-b {
   background: #EFEFEF;
   background-color: #e4fffb;
}

strong {
   color: #FFFFFF;
   }
   
#footer {
   width: 802;
   height: 37px;
   background-image:url(http://img.webme.com/pic/k/kateko/footerx.gif);
   background-repeat:no-repeat;
   background-position:center;
   clear:both;
   text-align:center;
   padding-top: 15px;
}
#footer span {
   font-size:16px;
   color:#666666;
}


(http://cupandcross.com/wp-content/uploads/2009/08/blue-fire-x.jpg)

Mensaje05-09-2010, 18:20 (UTC)    
Título del mensaje:

estas seguro, esta es la url que debes de cambiar
http://img.webme.com/pic/k/kateko/bg.png
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mensaje05-09-2010, 22:55 (UTC)    
Título del mensaje: eemm

si es un fondo gris orrible la plantilla la saque de kateko y me gusta todo menos el fondo lo quiero cambiar
Mensaje06-09-2010, 01:44 (UTC)    
Título del mensaje:

Hola!,

En la etiqueta body cambia la url del fondo incicada en rojo,

Cita:
body {
background-color:#1e1e1e;
background-image:url(http://img.webme.com/pic/k/kateko/bg.png);
background-repeat:repeat-x;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}


Saludos,
El equipo de Team-AyudaMaster.
Mensaje06-09-2010, 15:00 (UTC)    
Título del mensaje: Re: Quiero cambiar el fondo ayuda

generolife escribió:
ccs code
sin Style Tags: aca esta ubicado el para cambiar el fondo pero pongo la imagen para cambiar y no cambia nada


Cita:



Código:
table {margin-left:auto;margin-right:auto;}

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}




* { padding:0; margin:0; }

body {
   background-color:#1e1e1e;
   background-image:url(<p><span style="background-color: #00ff00"><span style="background-color: #ffffff"><span style="font-size: small"><img style="width: 535px; height: 77px" alt="" src="http://img.webme.com/pic/e/evaluaciondeestudiantes/dou.bmp" /></span></span></span></p>
<br />
<img style="width: 538px; height: 537px" alt="" src="http://img.webme.com/pic/e/evaluaciondeestudiantes/sex.play.jpg" />);
   background-repeat:repeat-x;   
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:12px;
}

a:link { color:#CCCCCC; text-decoration: none; }
a:visited { color: #CCCCCC; text-decoration: none; }
a:hover { text-decoration: underline; color: #CCCCCC; }
a:active { text-decoration: underline; color: #CCCCCC; }

#wrapper {
   width:797px;
   margin:0 auto;
}

#top {
   width:797px;
}

   #lefta {
      width: 400px;
      float: left;
   }
   
   #rightcolumn {
      width:397px;
      float:right;
   }

#logo {
   background-repeat:no-repeat;
   height:50px;
   width:540px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:bold;
   color:#FFFFFF;
}

#logo span {
   position: relative;
   left:0px;
   top: 60px;
   color:#FFFFFF;
}

#logo a:hover {
   text-decoration:none;
}


      
#searchform {
   float:right;
   margin-top:60px;
   margin-left: 10px;
}

   .search {
      background-color:#1e1e1e;
      background-image:url(http://img.webme.com/pic/k/kateko/input.png);
      background-repeat:no-repeat;
      height:29px;
      width:190px;
      border:none;
      padding-top:6px;
      overflow:hidden;
      padding-left: 5px;
   }
   
      .submit {
         background-image:url(http://img.webme.com/pic/k/kateko/button.png);
         background-repeat:no-repeat;
         vertical-align:top;
         height:29px;
         width:27px;
         border:none;
      }
      
#rss {
   background-image:url(http://img.webme.com/pic/k/kateko/rss.png);
   background-repeat:no-repeat;
   height:45px;
   width:42px;
   float:left;
   margin-top:9px;
   clear:both;

}

   #rss a {
      display:block;
      height:45px;
   }
   
      #rss a:hover {
         background-image:url(http://img.webme.com/pic/k/kateko/rssover.png);
         background-repeat:no-repeat;
         height:45px;
         width:42px;
      }   
   
         #rss a span { display:none; }   
      
#nav {
   background-image:url();
   background-repeat:no-repeat;
   height:45px;
   width:755px;
   float:right;
   margin-top:9px;
   list-style:none;

}

   #nav li {
      float:left;
      
   }

      #nav li a {
         display:block;
         background-image:url(http://img.webme.com/pic/k/kateko/rollover.png);
         background-repeat:no-repeat;
         width:93px;
         height:45px;
         line-height:45px;
         text-align:center;
         text-decoration:none;
         color:#000000;
      }

            #nav li a:hover {
               background:url(http://img.webme.com/pic/k/kateko/rollover.png) no-repeat 0 -45px;
               color:#fb4e00;
               text-decoration:none;
            }
            
#subnav {
   background-image:url(http://img.webme.com/pic/k/kateko/subnav.png);
   background-repeat:no-repeat;
   height:37px;
   width:797px;
   list-style:none;
   clear:both;
}

   #subnav li {   
      float:left;
      margin-top:10px;
   }

      #subnav li a {
         color:#FFF;
         height:17px;
         width:80px;
         text-align:center;
         text-decoration:none;
         display:block;
      }
      
         #subnav li a:hover {
            text-decoration:underline;
         }
         
#banner {
   background-image:url(http://www.reprodart.com/kunst/peter_jurik/blue_3d_fractal__fantasy_abstract_background__hi.jpg);
   background-repeat:no-repeat;
   height:80px;
   width:548px;
   margin-top:8px;
   float:left;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   color:#FFFFFF;
}

#banner span {
   position:relative;
   left: 40px;
   top: 25px;
   color:#FFFFFF;
}

   #banner a {
      display:block;
      height:74px;
      text-decoration:none;
   }
   #banner a:hover {
   text-decoration: none;
   }
      
#left {
background-color:#ffffff;
   width:548px;
   float:left;
   overflow: hidden;
}

.leftpost {
background-color:ffffff;
   height:255px;
   width:106px;
   margin-top:10px;
   float:left;
   overflow:hidden;
}

.rightpost {
   float:right;
   width:442px;
   margin-top:10px;
}

.info {
   background-image:url(http://img.webme.com/pic/k/kateko/cbg.png);
   background-repeat:no-repeat;
   height:255px;
   width:106px;
}

.cpost {
   background-image:url(http://cupandcross.com/wp-content/uploads/2009/08/blue-fire-x.jpg);
   min-height: 300px;
   max-height:none;
   width:442px;
   clear:both;
}

.rss2 {
   background-image:url(http://img.webme.com/pic/k/kateko/rss2.png);
   background-repeat:no-repeat;
   height:35px;
   width:548px;
   margin-top:5px;
   float:left;
}

   .rss2 a {
      display:block;
      height:35px;
      text-decoration:none;
   }
   
.rss 2 a:hover {
   text-decoration:none;
}
   
.rss2 span {
   position: relative;
   left: 15px;
   top: 9px;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   text-decoration:underline;
   text-transform:uppercase;
   color:#999999;
}
      
h2 {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:18px;
   color:#FFF;
   padding-top:19px;
   padding-left:14px;
}

h3 {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:16px;
   colour: #fff;
}

.post {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:11px;
   color:#FFF;
   padding-top:19px;
   padding-left:14px;
   padding-right:14px;
}   

.callender {
   height:64px;
   width:78px;
   padding-left:20px;
   padding-top:20px;
}

   .date {
      width:64px;
      height:30px;
      text-align:center;
   }

      .month {
         width:64px;
         height:48px;
         text-align:center;
      }
      
.comments {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:11px;
   color:#FFF;
   padding-left:14px;
}

.extra {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:11px;
   color:#FFF;
   padding-left:14px;
   margin-top:15px;
}   

.button {
   background-image:url(http://img.webme.com/pic/k/kateko/button2.png);
   background-repeat:no-repeat;
   height:28px;
   width:78px;
   border:none;
   text-align:center;
   color:#fb4e00;
   margin-left:14px;
   margin-top:60px;
}         
      
#righta {
   width:237px;
   float:right;
   overflow: hidden;
}      

#atop {
   background-image:url(http://img.webme.com/pic/k/kateko/header.png);
   background-repeat:no-repeat;
   height:52px;
   width:237px;
   line-height:48px;
   padding-left:12px;
   margin-top:8px;
   color:#FFF;
   font-weight:bold;
   overflow: hidden;
}

   .color {
      color:#fb4e00;
   }   
   
#acontent {
   background-image:url(http://img.webme.com/pic/k/kateko/bg2.png);
   background-repeat:repeat-y;
   width:237px;
   text-align:center;
   padding:2px 0 20px 0;
}

#afoot a {
   color: #000000;
}
      
#afoot {
   background-image:url(http://img.webme.com/pic/k/kateko/footer2.png);
   background-repeat:no-repeat;
   height:54px;
   width:237px;
}

#leftc {
   float:left;
   width:100px;
   margin-left:37px;
   padding-top:20px;
   
}

#rightc {
   float:right;
   padding-right:22px;
   padding-top:20px;
}      

.btop {
   background-image:url(http://img.webme.com/pic/k/kateko/header.png);
   background-repeat:no-repeat;
   height:52px;
   width:237px;
   
   line-height:48px;
   padding-left:12px;
   margin-top:8px;
   color:#FFF;
   font-weight:bold;
}
   
.bcontent {
   background-image:url(http://img.webme.com/pic/k/kateko/bg2.png);
   background-repeat:repeat-y;
   width:237px;
   font-size:11px;
   text-align:left;
   line-height:23px;
   padding:2px 0 0 25px;
}

.bcontent a {
   color: #000000;
   }
      
.bfoot {
   background-image:url(http://img.webme.com/pic/k/kateko/footer2.png);
   background-repeat:no-repeat;
   height:12px;
   width:237px;
}

.float-left  { float: left; padding-right: 5px; }
.float-right { float: right; padding-left: 5px; }

img {
border: 0px;
}

blockquote {
   margin: 15px;    padding: 0 0 0 20px;     
     background-color:#FAFAFA;
   background-position: 8px 10px;
   border-left: 5px solid #666666; 
   font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif;
   color: #ffffff;   
   font-style:italic;
   margin-right: 5px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto; 
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border-left: 5px solid #666666;
  margin-right:5px;
  color: #000000;   
}
table {
   border-collapse: collapse;
   margin: 10px 15px;   
}


th {
   background-image:url(http://img.webme.com/pic/k/kateko/chrome.png); background-repeat:repeat-x;
   height: 20px;
   padding-left: 11px;
   padding-right: 11px;
   color: #000;
   text-align: left;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
}

tr {
   height: 30px;
   border-right: 1px solid #FFFFFF;
   background-color: #000000;

}

td {
   padding-left: 11px;
   padding-right: 11px;
   /* border-left: 1px solid #FFE1C3; */
   border-left: 1px solid #FFF;
   border-bottom: solid 1px #ffffff;
   border-right: 1px solid #FFFFFF;
   background-color: #FAFAFA;

}

td.first,th.first {
   border-left: 0px;
   background-color: #e4fffb;

}

tr.row-a {
   background: #F8F8F8;
   background-color: #e4fffb;

}

tr.row-b {
   background: #EFEFEF;
   background-color: #e4fffb;
}

strong {
   color: #FFFFFF;
   }
   
#footer {
   width: 802;
   height: 37px;
   background-image:url(http://img.webme.com/pic/k/kateko/footerx.gif);
   background-repeat:no-repeat;
   background-position:center;
   clear:both;
   text-align:center;
   padding-top: 15px;
}
#footer span {
   font-size:16px;
   color:#666666;
}


(http://cupandcross.com/wp-content/uploads/2009/08/blue-fire-x.jpg)

Mensaje06-09-2010, 20:41 (UTC)    
Título del mensaje: Dudas??

Como centrar mi Pagina [/i]
Mensaje06-09-2010, 20:51 (UTC)    
Título del mensaje: Re: Dudas??

desocupanime escribió:
Como centrar mi Pagina [/i]


No invadas tema has otro
______________
Off
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group