Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje04-01-2013, 14:51 (UTC)    
Título del mensaje: Ayuda con plantilla Css

Bueno necesito ayuda, me pasé una plantilla CSS de Wix.com y pensé que la podría editar fácilmente pero tengo un pequeño percance, me pasa que pongo un encabezado pero tambien me aparece otro...

Tal como aparece en la imagen, estoy recién aprendiendo como editar las plantillas CSS y por eso necesito que me ayuden.

Cualquier cosa la descarga de la plantilla es aquí http://www.free-css.com/free-css-templates/page5/the-hobbit#shout

Cualquier cosa contáctenme por E-mail (pedro1998dretes@gmail.com) o por Skype (chevrono).

Bueno, espero que me ayuden
Mensaje04-01-2013, 16:19 (UTC)    
Título del mensaje:

Hola!,

Estuve viendo su codigo de fuente y el diseño tiene un div "header" que ya viene por defecto y por ende se debe hacer una modificacion en el codigo del diseño.

Podria dejar los codigos que esta utilizando en Texto por encima de la Pagina, Texto por debajo de la Pagina y CSS Code sin Style Tags??

Nota:
Recuerda dejar los codigos entre las etiquetas [ code ] tu codigo [ /code ] (sin espacios)

Moderacion: Muevo este tema a Problemas Generales


Saludos!
Moderador Design-PWG.
Mensaje04-01-2013, 17:49 (UTC)    
Título del mensaje:

Prueba usar este codigo:

La primer parte debera ocultar el header repetido
La segunda quitara el menu que tienes repetido tambien
y la tercer parte iguala la fuente al titulo del tema

Código:
#header_container{display:none;}
#nav_container{display:none;}
h2#title span{color: #445044; font: normal 2em serif;}


Pegalo en tu css
Mensaje08-01-2013, 20:47 (UTC)    
Título del mensaje:

design-pwg escribió:
Hola!,

Estuve viendo su codigo de fuente y el diseño tiene un div "header" que ya viene por defecto y por ende se debe hacer una modificacion en el codigo del diseño.

Podria dejar los codigos que esta utilizando en Texto por encima de la Pagina, Texto por debajo de la Pagina y CSS Code sin Style Tags??

Nota:
Recuerda dejar los codigos entre las etiquetas [ code ] tu codigo [ /code ] (sin espacios)

Moderacion: Muevo este tema a Problemas Generales


Saludos!
Moderador Design-PWG.


Estos son los que estoy ocupando...

Texto por encima de la pág
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
<title>Cheese Rank</title>
</head>
<body>
<div class="container">
  <div class="gfx"><span></span></div>
  <div class="top">
    <div class="navigation"> <a href="http://www.free-css.com/" id="selected">Inicio</a> <a href="http://www.free-css.com/">Tribus</a> <a href="http://www.free-css.com/">Miembros</a> <a href="http://www.free-css.com/">Contacto</a> <a href="http://www.free-css.com/">Chat Online</a> </div>
    <div class="pattern"><span></span></div>
    <div class="header">
      <h1>Cheese Rank</h1>
      <p>El mejor ranking de CheeseMice.es</p>
    </div>
    <div class="pattern"><span></span></div>
  </div>
  <div class="content">
   <div class="spacer"></div>


Texto por debajo de la pág
Código:
<div class="title">Bienvenidos.</div>
      <div class="metadata">4 de Enero, 2013 por Razz</div>
      <div class="body">
        <p>Bienvenidos a Cheese Rank, una página en la que verás los mejores rankings de todo <a href="http://www.cheesemice.es">CheeseMice</a>, asi que no esperes más y disfruta de la página..</p>
 <p>En la página encontraras diversos temas tales como tribus, comandos, datos curiosos, el equipo administrativo, entre otros y todo estará en un sólo lugar, <b>¡AQUÍ!</b>.</p>
       <div class="title">Adipiscing</div>
      <div class="metadata">Jun 11, 2006 by Laoreet</div>
      <div class="body">
        <p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi.</p>
        <h2>Justo Elit</h2>
        <p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo</p>
        <h2>Non Euismod Nulla</h2>
        <p>Dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla mi.</p>
      </div>
    </div>
    <div class="divider"><span></span></div>
    <div class="item">
      <div class="title">Donec dictum</div>
      <div class="metadata">Jun 6, 2006 by Ultrices</div>
      <div class="body">
        <p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. <a href="http://www.free-css.com/">Nullam</a> posuere tristique tortor.</p>
        <h1>Tristique</h1>
        <p>In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est.</p>
        <ul>
          <li>Tristique</li>
          <li>Aenean</li>
          <li>Pretium</li>
        </ul>
        <p>Aliquam risus justo, mollis in, laoreet a, <a href="http://www.free-css.com/">consectetuer nec</a> risus. Nunc blandit sodales lacus. Nam luctus semper mi. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo.</p>
      </div>
    </div>
    <div class="divider"><span></span></div>
    <div class="item">
      <div class="title">Ultrices</div>
      <div class="metadata">May 29, 2006 by Feugiat</div>
      <div class="body">
        <p>Integer porta. Fusce nibh. Curabitur pellentesque, lectus at <a href="http://www.free-css.com/">volutpat interdum</a>. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat aliquam</p>
        <blockquote>
          <p>A box without thines, key or lid, Yet a golden treasure inside is hid.</p>
        </blockquote>
        <p>Sem justo placerat elit, eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie. Nullam semper massa eget ligula. Fusce accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla eget urna.</p>
        <blockquote>
          <p>Alive without breath, As cold as death; Never thirsty, ever drinking, All in mail never clinking.</p>
        </blockquote>
        <p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie. Donec varius tincidunt nisi.</p>
      </div>
    </div>
  </div>
  <div class="footer"> © 2006 <a href="http://www.free-css.com/">Website.com</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a href="http://arcsin.se">Arcsin</a> </div>
</div>
</body>
</html>


Y el CSS-Code sin Style Tags
Código:
/* standard elements */
* {
   margin: 0;
   padding: 0;
}

a {color: #36C;}

a:hover {color: #06F;}

body {
   background: #4E5D3C url(http://i45.tinypic.com/1qplw7.jpg);
   color: #444;
   font: normal 62.5% "Lucida Sans Unicode",sans-serif;
   margin: 0;
}

p,blockquote,ul {margin-bottom: 1.2em;}

h1 {font: normal 1.6em serif;}

h2 {
   font: bold 1em Verdana,serif;
   margin: 3px 0 1px;
}

ul {margin-left: 1.8em;}

blockquote {
   background: url(http://i46.tinypic.com/35l9q84.gif) no-repeat;
   color: #555;
   font: normal 1.4em serif;
   padding-left: 22px;
}

blockquote p {padding: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

img.left {margin: 0 18px 6px 0;}

.divider {
   background: url(http://i49.tinypic.com/20iidlk.gif) no-repeat;
   height: 20px;
   margin: 24px 0;
}

/* structure */
.container {
   background: url(http://i45.tinypic.com/zthjx1.jpg) repeat-y center top;
   margin: 0 auto;
   width: 736px;
}

.gfx {
   background: url(image.url) no-repeat;
   float: left;
   height: 140px;
   margin-top: 12px;
   width: 52px;
}

.top {
   background: url(image.url) no-repeat 0 -4%;
   float: left;
   text-align: center;
   width: 632px;
}

.header {
   background: #56644A url(http://i45.tinypic.com/1tptmh.png) no-repeat;
   color: #FFC;
   font-size: 1.4em;
   height: 232px;
   padding-right: 270px;
}

.header h1 {
   font: normal 3.2em serif,sans-serif;
   padding: 62px 0 34px 0;

}

.pattern {
   background: #334127 url(http://i48.tinypic.com/23jk7d1.gif) repeat-x;
   clear: both;
   height: 12px;
}

/* navigation */
.navigation {margin: 0 24px;}

.navigation a {
   color: #6C7151;
   font: normal 1.9em serif;
   line-height: 50px;
   margin: 0 16px;
   text-decoration: none;
}
.navigation a:hover,.navigation #selected {
   color: #2C3111;
}

/* content */
.content {
   background: url(image.url) no-repeat;
   clear: both;
   font-size: 1.2em;
   margin: 0 52px;
   padding: 0 38px 12px;
}
.content .spacer {
   height: 42px;
}

/* content item */
.item {clear: both;}

.item img {border: 1px dashed #8A6;}

.item .title {
   color: #445044;
   font: normal 2em serif;
}

.item .title:first-letter {
   display: block;
   float: left;
   font-size: 2.4em;
}

.item .metadata {
   color: #666;
   font-size: 0.9em;
   float: left;
   padding: 0 0 6px 4px;
}

.item .body {
   clear: both;
}

/* footer */
.footer {
   background: url(image.url) no-repeat;
   color: #666;
   font-size: 1.1em;
   line-height: 41px;
   margin: 0 auto;
   text-align: center;
   width: 632px;
}

.footer a {
   color: #666;
   text-decoration: none;
}

.footer a:hover {
   color: #333;
   text-decoration: underline;
}
Mensaje08-01-2013, 21:26 (UTC)    
Título del mensaje:

Hola!,

Utiliza este codigo en Texto por encima de la página:
Código:
<body>
<div class="container">
  <div class="gfx"><span></span></div>
  <div class="top">
    <div class="navigation"> <a href="http://www.free-css.com/" id="selected">Inicio</a> <a href="http://www.free-css.com/">Tribus</a> <a href="http://www.free-css.com/">Miembros</a> <a href="http://www.free-css.com/">Contacto</a> <a href="http://www.free-css.com/">Chat Online</a> </div>
    <div class="pattern"><span></span></div>
    <div class="header2">
      <h1>Cheese Rank</h1>
      <p>El mejor ranking de CheeseMice.es</p>
    </div>
    <div class="pattern"><span></span></div>
  </div>
  <div class="content">
   <div class="spacer"></div>


Remplaza el codigo CSS que tienes en CSS Code sin Style Tags por este:
Código:
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;}

/* standard elements */
* {
   margin: 0;
   padding: 0;
}

a {color: #36C;}

a:hover {color: #06F;}

body {
   background: #4E5D3C url(http://i45.tinypic.com/1qplw7.jpg);
   color: #444;
   font: normal 62.5% "Lucida Sans Unicode",sans-serif;
   margin: 0;
}

p,blockquote,ul {margin-bottom: 1.2em;}

h1 {font: normal 1.6em serif;}

h2 {
   font: bold 1em Verdana,serif;
   margin: 3px 0 1px;
}

ul {margin-left: 1.8em;}

blockquote {
   background: url(http://i46.tinypic.com/35l9q84.gif) no-repeat;
   color: #555;
   font: normal 1.4em serif;
   padding-left: 22px;
}

blockquote p {padding: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

img.left {margin: 0 18px 6px 0;}

.divider {
   background: url(http://i49.tinypic.com/20iidlk.gif) no-repeat;
   height: 20px;
   margin: 24px 0;
}

/* structure */
.container {
   background: url(http://i45.tinypic.com/zthjx1.jpg) repeat-y center top;
   margin: 0 auto;
   width: 736px;
}

.gfx {
   background: url(image.url) no-repeat;
   float: left;
   height: 140px;
   margin-top: 12px;
   width: 52px;
}

.top {
   background: url(image.url) no-repeat 0 -4%;
   float: left;
   text-align: center;
   width: 632px;
}

.header2 {
   background: #56644A url(http://i45.tinypic.com/1tptmh.png) no-repeat;
   color: #FFC;
   font-size: 1.4em;
   height: 232px;
   padding-right: 270px;
}

.header h1 {
   font: normal 3.2em serif,sans-serif;
   padding: 62px 0 34px 0;

}

.pattern {
   background: #334127 url(http://i48.tinypic.com/23jk7d1.gif) repeat-x;
   clear: both;
   height: 12px;
}

/* navigation */
.navigation {margin: 0 24px;}

.navigation a {
   color: #6C7151;
   font: normal 1.9em serif;
   line-height: 50px;
   margin: 0 16px;
   text-decoration: none;
}
.navigation a:hover,.navigation #selected {
   color: #2C3111;
}

/* content */
.content {
   background: url(image.url) no-repeat;
   clear: both;
   font-size: 1.2em;
   margin: 0 52px;
   padding: 0 38px 12px;
}
.content .spacer {
   height: 42px;
}

/* content item */
.item {clear: both;}

.item img {border: 1px dashed #8A6;}

.item .title {
   color: #445044;
   font: normal 2em serif;
}

.item .title:first-letter {
   display: block;
   float: left;
   font-size: 2.4em;
}

.item .metadata {
   color: #666;
   font-size: 0.9em;
   float: left;
   padding: 0 0 6px 4px;
}

.item .body {
   clear: both;
}

/* footer */
.footer {
   background: url(image.url) no-repeat;
   color: #666;
   font-size: 1.1em;
   line-height: 41px;
   margin: 0 auto;
   text-align: center;
   width: 632px;
}

.footer a {
   color: #666;
   text-decoration: none;
}

.footer a:hover {
   color: #333;
   text-decoration: underline;
}

#webme_footer_textlink_dont_hide{
    color: black;
    background-color: white;
    position: relative;
    left: 340px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100 margin: 0; padding: 0; outline: 0; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear, html body * br.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1 }
.clearfix { display: block; }
hr, .hideme { display: none; }
ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; }
body { background: #f9f8f3; color: #000; font: 11px 'Arial', Helvetica, Verdana, sans-serif; margin: 0 auto; text-align: center; }
#main {
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border: 1px solid rgb(212, 211, 207);
    margin: 42px auto 0px;
    text-align: left;
    width: 550px;
    position: relative;
    right: 90px;
}
#time { color: #90968c; margin-top: 10px; }
.header { background: url('http://img.webme.com/img/leute.gif') no-repeat 420px 0px; height: 131px; }
.additional_info { font-size: 12px; line-height: 1.5; margin: 0 25px 25px 25px; }
.additional_info a { background: #ffea74; color: #000; padding: 0 2px; text-decoration: none; }
h1 { margin: 0; padding: 0; }
h1 a, h1 span { cursor: pointer; display: block; height: 131px; text-indent: -9999px; width: 770px; }
h1 a { background-repeat: no-repeat; background-position: 25px 0px; }
h2.note { border-top: 1px solid #d4d3cf; font-size: 28px; text-align: center; margin: 0 25px 25px 25px; padding-top: 30px; }
body h1 a { background-image: url('http://img.webme.com/img/logo_es.gif'); }


Saludos!
Moderador Design-PWG.
Mensaje09-01-2013, 01:44 (UTC)    
Título del mensaje:

Muchisimas gracias amigo, ahora creo que me dedicaré mucho más a Pwg.
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group