Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje18-01-2012, 05:07 (UTC)    
Título del mensaje: [CSS] Minecraft (menu en cabezal)
Responder citando
Espero que les guste mi primera plantilla css con menu en cabezal

estilo minecraft

parte de arriba


parte de abajo:


por encima de la pagina:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Warcraft</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
  <div id="header">
    <div id="nav">
      <ul>
        <li><a href="http://www.elementaldragons.es.tl">Home</a></li>
        <li><a href="http://www.elementaldragons.es.tl">Game Guide</a></li>
        <li><a href="http://www.elementaldragons.es.tl">Interactive</a></li>
      </ul>
      <ul>
        <li><a href="http://www.elementaldragons.es.tl">Account</a></li>
        <li><a href="http://www.elementaldragons.es.tl">Support</a></li>
        <li><a href="http://www.elementaldragons.es.tl">Media</a></li>
      </ul>
    </div>
  </div>
  <div id="content1">
    <div id="text1"> <img src="images/cap-night-elf.gif" alt="" />
      <div class="heading"></div>
      <br />


Por debajo de la pagina:
Código:
    <p></p>
      <p></p>
      <p></p>
      <p> <div class="heading"></div>
      </p>
      <p><span class="flt-lft"><img src="images/image-1.gif" alt="" /></span> <span class="flt-lft"><img src="images/image-2.gif" alt="" /></span> <strong></strong><br />
        <br />
        <br />
        <span class="flt-rgt"><a href="http://www.elementaldragons.es.tl"></a></span> </p>
    </div>
  </div>
  <div id="pagebottom">
    <div id="left">
      <div id="text2"> <img src="images/cap-community-news.gif" alt="Community News" />
        <p>
        <div class="heading2">THUNDGOT, AEUS, & VANERUS, 19/10/2006</div>
        </p>
        <p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
        <p>This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.</p>
        <p>You can remove any link to our websites from this template you're  free to use the template without linking back to us. Don't want your boss to know you used a free website template ;).</p>
        <p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
        <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
        <p>To find great hosting providers visit Web Hosting Zoom</p>
      </div>
    </div>
    <div id="right">
      <div class="heading2">QUICK LINKS</div>
      <div id="quicklinks">
        <ul>
          <li><a href="http://www.elementaldragons.es.tl">Home</a></li>
          <li><a href="http://www.elementaldragons.es.tl">Realms Status</a></li>
          <li><a href="http://www.elementaldragons.es.tl">Account Creation</a></li>
          <li><a href="http://www.elementaldragons.es.tl">Account Management</a></li>
          <li><a href="http://www.elementaldragons.es.tl">Cetrieve Passward</a></li>
        </ul>
      </div>
      <div class="heading2">SCREENSHOT OF THE DAY</div>
      <img src="images/screenshot.jpg" alt="Screenshot" /> <br />
      <a href="http://www.free-css.com/">Cross Realm Battlegrounds</a><br />
      <a href="http://www.free-css.com/">World PvP </a><br />
      <a href="http://www.free-css.com/">Rogue Talents revamped </a> </div>
  </div>
  <div id="footer"> <a href="http://www.free-css.com/">Home</a> | <a href="http://www.elementaldragons.es.tl">Game Guide </a> | <a href="http://www.elementaldragons.es.tl">Interactive</a> | <a href="http://www.elementaldragons.es.tl">Community</a> | <a href="http://www.elementaldragons.es.tl">Account</a> | <a href="http://www.elementaldragons.es.tl">Support</a> | <a href="http://www.elementaldragons.es.tl">Media</a>
    <p><a href="http://www.elementaldragons.es.tl">Legal Documents</a> | <a href="http://www.elementaldragons.es.tl">Game Policies</a> <br />
      ©2006 <a href="http://www.elementaldragons.es.tl">WorldofWarcraft.com</a>. All rights reserved. | designed by <a href="http://www.elementaldragons.es.tl">free website templates</a></p>
  </div>
</div>
</body>
</html>


CSS code sin style tags:
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;}

body {
   background: #000000;
   color: #534834;
   font-family: tahoma, arial;
   font-size: 11px;
   line-height: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
}

* html body {
   line-height: 13px;
}

a:link {
   color: #B00000;
   font-weight: bold;
   text-decoration: none;
}
   
a:visited {
   color: #B00000;
   font-weight: bold;
   text-decoration: none;   
}
   
a:hover, a:active {
   color: #000000;
   font-weight: bold;
   text-decoration: underline;
}

#footer a:link {
   color: #F1D6AC;
   font-weight: bold;
   text-decoration: none;
}
   
#footer a:visited {
   color: #F1D6AC;
   font-weight: bold;
   text-decoration: none;   
}
   
#footer a:hover, #footer a:active {
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: underline;
}

#nav a:link {
   color: #F1D6AC;
   font-weight: bold;
   text-decoration: none;
}
   
#nav a:visited {
   color: #F1D6AC;
   font-weight: bold;
   text-decoration: none;   
}
   
#nav a:hover, #nav a:active {
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: underline;
}

#right a:link {
   color: #73613B;
   font-weight: bold;
   text-decoration: underline;
}
   
#right a:visited {
   color: #73613B;
   font-weight: bold;
   text-decoration: underline;   
}
   
#right a:hover, #right a:active {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

/* ------------------------------------------------------------------  DIV ID's ------- */

#container {
   margin: 500 auto;
   margin-top: 0px;
   text-align: left;
   width: 800px;
}

#content1 {
   background: url(http://i41.tinypic.com/2w2pk68.jpg) no-repeat 2px;
   clear: both;
   display: block;
   height: 450px;
   padding-left: 120px;
   padding-top: 38px;
   width: 770px;
}

#footer {
   background: url(http://i42.tinypic.com/119wlg3.png) no-repeat;
   clear: both;
   color: #F1D6AC;
   display: block;
   height: 99px;
   padding-top: 20px;
   text-align: center;
   width: 900px;
}

#header {
   background: url(http://i43.tinypic.com/jrp9oj.jpg) no-repeat;
   display: block;
   height: 197px;
   width: 900px;
}

#left {
   background: url(http://i43.tinypic.com/j9mxhz.jpg) no-repeat;
   display: block;
   float: left;
   height: 494px;
   width: 558px;
}

#pagebottom {
   clear: both;
   width: 900px;
}

#nav {
   padding-left: 175px;
   padding-top: 68px;
}

#nav ul {
   float: left;
   list-style: none;
   margin: 0;
   margin-right: 70px;
   padding: 0;
}

* html #nav ul {
   margin-right: 40px;
}

#nav li {
   float: left;
   list-style: none;
   margin: 0;
   margin-right: 30px;
   padding: 0;
}

#right {
   background: url(http://i42.tinypic.com/epnqm0.jpg) no-repeat;
   display: block;
   float: left;
   height: 464px;
   padding-left: 25px;
   padding-top: 30px;
   width: 314px;
}

#text1 {
   width: 430px;
}

#text2 {
   margin-left: 110px;
   margin-top: 28px;
   width: 410px;
}

#quicklinks {
   background: url(http://img63.imageshack.us/img63/4695/quicklinksbg.gif) no-repeat;
   display: block;
   height: 165px;
   margin-bottom: 10px;
   padding-top: 5px;
   width: 210px;
}

#quicklinks ul {
   list-style: none;
   margin: 0;
   margin-left: 40px;
   padding: 0;
}

* html #quicklinks ul {
   margin-top: 22px;
}

#quicklinks li {
   list-style: none;
   margin: 0;
   margin-top: 15px;
   padding: 0;
}

* html #quicklinks li {
   margin-top: 16px;
}

/* ------------------------------------------------------------------  CLASSE'S ------- */

.flt-lft {
   float: left;
   margin-right: 10px;
}

.flt-rgt {
   float: right;
}

.heading {
   color: #413727;
   font-family: arial;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: -10px;
}

* html .heading {
   margin-bottom: -16px;
}

.heading2 {
   color: #413727;
   font-family: arial;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 10px;
}

.small {
   font-size: 10px;
}


espero que la disfruten todos los fanaticos del minecraft
______________
↑
Mensaje18-01-2012, 17:18 (UTC)    
Título del mensaje:
Responder citando
Un poco simple

Buen diseño

Saludos
↑
Mensaje19-07-2012, 02:33 (UTC)    
Título del mensaje:
Responder citando
no me sirve

1 donde pongo el codigo
CSS code sin style tags:

ese donde

2 que diseno basico tengo que poner (ese que pone opciones como el ice blue)

Gracias
↑
Mensaje19-07-2012, 13:08 (UTC)    
Título del mensaje: Re: [CSS] Minecraft (menu en cabezal)
Responder citando
Hola!,

Buen aporte, pero tiene codigos inutiles. Quitale los codigos que te dejo marcado en rojo:

Texto por encima:
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Warcraft</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<div id="nav">
<ul>
<li><a href="http://www.elementaldragons.es.tl">Home</a></li>
<li><a href="http://www.elementaldragons.es.tl">Game Guide</a></li>
<li><a href="http://www.elementaldragons.es.tl">Interactive</a></li>
</ul>
<ul>
<li><a href="http://www.elementaldragons.es.tl">Account</a></li>
<li><a href="http://www.elementaldragons.es.tl">Support</a></li>
<li><a href="http://www.elementaldragons.es.tl">Media</a></li>
</ul>
</div>
</div>
<div id="content1">
<div id="text1"> <img src="images/cap-night-elf.gif" alt="" />
<div class="heading"></div>
<br />


Texto por debajo de la pagina:
Cita:
<p></p>
<p></p>
<p></p>
<p> <div class="heading"></div>
</p>
<p><span class="flt-lft"><img src="images/image-1.gif" alt="" /></span> <span class="flt-lft"><img src="images/image-2.gif" alt="" /></span> <strong></strong><br />
<br />
<br />
<span class="flt-rgt"><a href="http://www.elementaldragons.es.tl"></a></span> </p>
</div>
</div>
<div id="pagebottom">
<div id="left">
<div id="text2"> <img src="images/cap-community-news.gif" alt="Community News" />
<p>
<div class="heading2">THUNDGOT, AEUS, & VANERUS, 19/10/2006</div>
</p>
<p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
<p>This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking back to us. Don't want your boss to know you used a free website template .</p>
<p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
<p>To find great hosting providers visit Web Hosting Zoom</p>
</div>
</div>
<div id="right">
<div class="heading2">QUICK LINKS</div>
<div id="quicklinks">
<ul>
<li><a href="http://www.elementaldragons.es.tl">Home</a></li>
<li><a href="http://www.elementaldragons.es.tl">Realms Status</a></li>
<li><a href="http://www.elementaldragons.es.tl">Account Creation</a></li>
<li><a href="http://www.elementaldragons.es.tl">Account Management</a></li>
<li><a href="http://www.elementaldragons.es.tl">Cetrieve Passward</a></li>
</ul>
</div>
<div class="heading2">SCREENSHOT OF THE DAY</div>
<img src="images/screenshot.jpg" alt="Screenshot" /> <br />
<a href="http://www.free-css.com/">Cross Realm Battlegrounds</a><br />
<a href="http://www.free-css.com/">World PvP </a><br />
<a href="http://www.free-css.com/">Rogue Talents revamped </a> </div>
</div>
<div id="footer"> <a href="http://www.free-css.com/">Home</a> | <a href="http://www.elementaldragons.es.tl">Game Guide </a> | <a href="http://www.elementaldragons.es.tl">Interactive</a> | <a href="http://www.elementaldragons.es.tl">Community</a> | <a href="http://www.elementaldragons.es.tl">Account</a> | <a href="http://www.elementaldragons.es.tl">Support</a> | <a href="http://www.elementaldragons.es.tl">Media</a>
<p><a href="http://www.elementaldragons.es.tl">Legal Documents</a> | <a href="http://www.elementaldragons.es.tl">Game Policies</a> <br />
©2006 <a href="http://www.elementaldragons.es.tl">WorldofWarcraft.com</a>. All rights reserved. | designed by <a href="http://www.elementaldragons.es.tl">free website templates</a></p>
</div>
</div>
</body>
</html>


Saludos!
Design-PWG.
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
↑
Mensaje21-07-2012, 16:21 (UTC)    
Título del mensaje:
Responder citando
Hola!

Recuerde leer esto antes de publicar un diseño:
http://www.paginawebgratis.es/forum/viewtopic.php?t=50115

Ademas las imagenes no estan alojadas en ningun lado... no funcionana.

Saludos!
______________
CssPlantillas - Moderador Paginawebgratis.es

SIGUENOS EN REDES SOCIALES:
↑
Mensaje21-07-2012, 22:15 (UTC)    
Título del mensaje:
Responder citando
Buena Plantilla... Pero las Imagenes Del CSS Solo estan subidas , los demas codigos ? las imagenes no estan , y no funciona...
↑
Mensaje24-07-2012, 16:47 (UTC)    
Título del mensaje:
Responder citando
Este diseño viola los derechos de autor, esta es una de las normas que se deben de cumplir a la hora de adaptar el diseño.

Por tanto cierro el tema para luego ser eliminado.

saludes,
Team-Soporte.
Moderador de PaginaWebGratis.es
______________
Team-Soporte.
Moderador de PaginaWebGratis.es
www.team-soporte.es.tl | @jeremymolina
↑
Mostrar mensajes anteriores:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.