Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje01-02-2014, 22:42 (UTC)    
Título del mensaje: Diseño Yellow pasado a CSS Design

DISEÑO YELLOW PARA CSS



Vista previa: http://master-nemesis.es.tl/Design-Yellow.htm

Códigos para agregar en su plantilla css.

En css Sin style.
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: #CCC;
margin: 20px 0px 20px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #B28811;
}

.Logo {
font-family: Arial, Helvetica, sans-serif;
font-size: 23px;
color: #B28811;
text-align: right;
padding: 20px 15px 5px 0px;
}

.Title {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #B28811;
}

.Date {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #E4B83A;
}

.Left {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #B28811;
padding: 3px 15px 3px 30px;
}
.Right {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #B28811;
padding: 3px 30px 3px 15px;
}

A:link, A:active, A:visited {color: #B28811;text-decoration: none;}

A:hover {color: #B28811;text-decoration: underline;}

#webme_footer_textlink_dont_hide {z-index: 10000;
color: green;
background-color: black;
margin-left: 500px;
background-color: gold;
}
}



En texto sobre el diseño.
Código:
<tr><td valign="TOP">

<table width="70%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr valign="top">
<td width="200" background="http://theme.webme.com/designs/gelb/images/left/background.jpg">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="http://theme.webme.com/designs/gelb/images/left/illustration.jpg">
<table width="182" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20" align="right"> </td>
</tr>
<tr>
<td align="right" background="http://theme.webme.com/designs/gelb/images/left/bg_light.gif" class="Logo" style="padding: 5px; padding-right: 15px;">masternemesis</td>
</tr>
<tr>
<td height="20" align="right">
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="likeButton" align="right">
<div class="fb-like" data-href="http://facebook.com/imastern" data-width="450" data-layout="button_count" data-show-faces="true" data-send="false"></div>
</div>
</td>
</tr>
<tr>
<td align="right" background="http://theme.webme.com/designs/gelb/images/left/bg_dark.gif" class="Left"><strong></strong></td>
</tr>

<tr>
<td align="right"><img src="http://theme.webme.com/designs/gelb/images/left/cut_light.gif" width="182" height="2"></td>
</tr>
<tr>
<td align="right" background="http://theme.webme.com/designs/gelb/images/left/bg_light.gif" class="Left">
<a href="/Principal.htm" class="menu">Principal</a>
</td>
</tr>
<tr>
<td align="right"><img src="http://theme.webme.com/designs/gelb/images/left/cut_light.gif" width="182" height="2"></td>
</tr>
<tr>
<td align="right" background="http://theme.webme.com/designs/gelb/images/left/bg_light.gif" class="Left">
<a href="/Contacto.htm" class="menu">Contacto</a>
</td>
</tr>
<tr>
<td align="right"><img src="http://theme.webme.com/designs/gelb/images/left/cut_light.gif" width="182" height="2"></td>
</tr>
<tr>
<td align="right" background="http://theme.webme.com/designs/gelb/images/left/bg_light.gif" class="Left">
<a href="/Foro/index.htm" class="menu">Foro</a>
</td>
</tr>
<tr>
<td align="right"><img src="http://theme.webme.com/designs/gelb/images/left/cut_light.gif" width="182" height="2"></td>
</tr>
<tr>
<td align="right" background="http://theme.webme.com/designs/gelb/images/left/bg_light.gif" class="Left">
<a href="/Admin.htm" class="menu">Admin</a>
</td>
</tr>
<tr>
<td align="right"><img src="http://theme.webme.com/designs/gelb/images/left/cut_light.gif" width="182" height="2"></td>
</tr>
<tr>
<td align="right" background="http://theme.webme.com/designs/gelb/images/left/bg_light.gif" class="Left">
<a href="/youtube.htm" class="menu">Youtube</a>
</td>
</tr>
<tr>
<td align="right"><img src="http://theme.webme.com/designs/gelb/images/left/cut_light.gif" width="182" height="2"></td>
</tr>
<tr>
<td align="right" background="http://theme.webme.com/designs/gelb/images/left/bg_light.gif" class="Left">
<a href="/Reglas.htm" class="menu">Reglas</a>
</td>
</tr>
<tr>
<td align="right"><img src="http://theme.webme.com/designs/gelb/images/left/cut_light.gif" width="182" height="2"></td>
</tr>
<tr>
<td height="20" align="right"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="http://theme.webme.com/designs/gelb/images/left/bg_cut.jpg" width="200" height="10"></td>
</tr>
</table>
</td>
<td width="900px">


En texto por debajo.
Código:
</td>
</td>
</tr>
</table>


Ponela en tu plantilla css design y ha empesar a personalizar a tu gusto.

Saludos.
______________
Mensaje01-02-2014, 22:44 (UTC)    
Título del mensaje: Re: Diseño Yellow pasado a CSS Design

Muy buen aporte
______________
–Ver mi perfil o entrar a mi página web:
Ver mi perfil
Entrar a mi página web
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group