//-->

yazın sanal aleminin eğlence sitesi

ms222



LA PRIMERA PLANTILLA DEL PROYECTO LUDRIX

LUX= TEAM WEBMASTER
ADRII= DESIGN ADRII

Código:
<style type="text/css"><!--
table.edit_main_table{width: 85% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}

table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 20% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;position: absolute;left: -300px;}
td.edit_rechts_cbg{width:100%;}
td.shouty{visibility: hidden;width: 0px;}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{visibility: hidden;}
td.edit_rb_footer{background-image: none;}
td.edit_rechts_bottom{background-image: none;}
td.edit_header_full{background-image: none; height: 150px; width: 921px; border-color:#ffffff; border-width:0px; border-style:solid;}
td.edit_below_nav{visibility: hidden;}
td#nav_Umfrage{display:none;}
td#nav_abstand, td#nav_abstand1, td#nav_abstand2, td#nav_abstand3, td#nav_abstand4, td#nav_abstand5, td#nav_abstand6, td#nav_abstand7, td#nav_abstand8, td#nav_abstand9, td#nav_abstand10, td#nav_abstand11, td#nav_abstand12, td#nav_abstand13, td#nav_abstand14, td#nav_abstand15, td#nav_abstand16, td#nav_abstand17, td#nav_abstand18, td#nav_abstand19, td#nav_abstand20, td#nav_abstand21, td#nav_abstand22, td#nav_abstand23, td#nav_abstand24, td#nav_abstand25{display:none;}
input, textarea {background-color:# 990000; border:solid 1px #000099; color: #000099;}
table.forumtabelle {border:solid 1px #000099; color: #000099;}

--></style>  <style type="text/css"> <!--
td.edit_header_full{background-image:url(http://www.fileden.com/files/2008/3/24/1833523/ludrix.png
);background-color:;height:175px;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}
body{background-image:url(fon);background-attachment: fixed;background-color:#000000;}
td.nav{background-image:url(http://www.fileden.com/files/2008/3/24/1833523/ludrixb.png
);height:36px;}
td.nav:hover{background-image:url(http://www.fileden.com/files/2008/3/24/1833523/ludrixb.png
);height:36px;}
td.nav_heading{background-image: none;background-color:#000000;height:0px;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image: none;}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{background-image: none;background-color:#000000;}
td.edit_content_top{background-image:url(
http://www.fileden.com/files/2008/3/24/1833523/ludrixbara.png);background-color:;height:50px;}
td.edit_content{background-image:url(http://www.fileden.com/files/2008/3/24/1833523/ludrixtex.png);background-color:;}
td.edit_content_bottom{background-image:url(http://www.fileden.com/files/2008/3/24/1833523/ludrixtexb.png);background-color:;height:19px;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image: none;background-color:;}
td.shouty2{background-image: none;background-color:#000000;}
td.shouty3{background-image: none;background-color:;}
td.shouty4{background-image: none;background-color:;}
td.shouty5{background-image: none;background-color:;}
td.edit_rechts_cbg{background-image: none;}
td.edit_rb_footer{background-image: none;background-color:#000000;}
td.edit_rechts_bottom{background-image: none;}
td.edit_content_bottom:hover{background-image:url(http://www.fileden.com/files/2008/3/24/1833523/ludrixtexb.png

);background-color:;height:19px;}

--></style>

Hola compañeros,no he tenido mucho tiempo pero me puse a hacer un diseño CSS,no es la gran cosa pero bueno,ahí se los dejo para que den opiniones y para su uso público espero que les guste





Texto por encima de la página:

Código:
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial;
font-size: 00px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}
 
div.menu
{
position: absolute;
z-index: 3;
top: 163px;
left: 18%;
margin-right: -149px;
width: 100px;
}

.menu li
ul, li
{
list-style-type: none;
padding: 20px;
margin: -20px;
}

li a
{
padding-right: 50px;padding-top: 30px;
}

.menu a
{
border: 0px solid #xxxxxx;
background-color: #xxxxxx;
background-image: none;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: 9px;
height:31px;
color: #01080f;
}

.menu a:hover
{
background-color: #transparent;
background-image: none;}

#smenu1,
#smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 13px;
display: block;
width: 100px;
float: left 100px;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 15px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><ul><a href="LINK">LINK</a></ul> </li>
<li><a href="LINK">LINK</a> </li>
<li><a href="LINK">LINK</a> </li>
<li><a href="LINK">LINK</a> </li>
<li><a href="LINK">LINK</a> </li>
<li><a href="LINK">LINK</a> </li>
<li><a href="LINK">LINK</a> </li>
<li><a href="LINK">LINK</a> </li>
<li><a href="LINK">LINK</a> </li>
<li><a href="LINK">LINK</a> </li>
</div>



<div id="Designmystic">

<div id="text"><h1></h1>
</div>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>




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;}



#text{
color: 021222;
position: absolute;
top: 500px;
margin-left:-300px;
left: 50%;
}

body {background-image:url(http://www.braspin.com.ar/jpg/fondo%20blanco.gif);background-color:;height:ANCHOpx;
margin:30px 0;
}


*{ padding: 0; margin: 0; }

#Designmystic {
margin: 0 auto;
width: 707px;
height: 690px;
background-image:url(http://img222.imageshack.us/img222/1642/skybluexc2.png);}

#content {
position: absolute;
left: 54%;
top: 150px;
margin-left:-275px;
width: 438px;
height: 348px;
padding:10px;
color: #021222;
font-size:13px;
background-color:#transparent;
background-image: none;
border: 0px solid #FFFFFF;
overflow:auto;}

#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#FFFFFF;}




a{
color:#FFFFFF;
text-decoration: none;
font-size:13px;}

a:hover {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

a:link {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

a:active {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

Aca les traigo esta adaptacion de un diseño femenino ..

Vista previa :



Texto por encima de la página

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<div id="main">
<!-- start header -->
<div id="header">
 <div id="logo">
   <h1><a href="#">Mi Sitio Web</a></h1>

   <h2><a href="http://www.designs-web.es.tl" id="dw">Adaptado por Designs-web.es.tl</a></h2>
   </div>
   <div id="menu">
      <ul>
         <li><a href="#">Home</a></li>
         <li><a href="#">Blogs</a></li>
         <li><a href="#">Photos</a></li>

         <li><a href="#">About</a></li>
         <li><a href="#">Contact</a></li>
      </ul>
   </div>   
<!-- end header -->
</div>
<!-- start sidebar two -->
   <div id="sidebar2" class="sidebar">
         <div class="sideb">
          <h2>Categories</h2>
            <ul class="back_title">

               <li class="top"><a href="#">Aliquam libero</a></li>
               <li><a href="#">Consectetuer elit</a></li>
               <li><a href="#">Metus pellentesque</a></li>
               <li><a href="#">Suspendisse mauris</a></li>
            </ul>
            </div>
            <div class="sideb">

            <h2>Archives</h2>
            <ul class="back_title">
               <li class="top"><a href="#">September</a> (23)</li>
               <li><a href="#">August</a> (31)</li>
               <li><a href="#">July</a> (31)</li>

               <li><a href="#">June</a> (30)</li>
               <li><a href="#">May</a> (31)</li>
            </ul>
            </div>
            <div class="sideb">
            <h2>Lorem ipsum dolor </h2>

            <ul class="back_title">
               <li class="top"><a href="#">Metus pellentesque</a></li>
               <li><a href="#">Suspendisse mauris</a></li>
               <li><a href="#">Urnanet molestie semper</a></li>
               <li><a href="#">Proin orci porttitor</a></li>
            </ul>
            </div>

   </div>
   <!-- end sidebar two -->
<div id="content">
         <div class="entry">
         <h2 class="title"><img height="8" width="50" align="left" src="http://pixelea.com/s/453de47dae.gif" alt="" />Contenido</h2>


Texto por debajo de la página:

Código:
   </div>
   <!-- end sidebar two -->
</div>
   <!-- end sidebar two -->
<div style="clear: both;"> </div>

   </div>   
<!-- end header -->
</div>
<!-- start page -->

<!-- end page -->
<!-- start footer -->
<div id="footer">
    <p>Copyright © 2009. <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
   <p>Design by <a href="http://www.designs-web.es.tl/" title="Dw ->">Designs-web</a>

      </p>
</div>
</div>
<!-- end footer -->
<div style="text-align: center; font-size: 0.75em;">Adaptado por: <a href="http://www.designs-web.es.tl/">Designs-web.es.tl</a>.</div></body>


Css-Code Sin Style Tag:

Código:
 /*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
   margin: 0px;
   padding: 0px;
}

body {
   background: #ffffff url(http://pixelea.com/s/4a903d3581.gif) repeat-x top;

}

body, th, td, input, textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #666666;
}

p, ol
{
margin-top: 10px;
}

h1, h2, h3 {
   color: #92331D;
}

h1 {
   font-size: 3em;
}

h2 {
   font-size: 1.1em;
   font-weight: bold;
   color: #92331D;
}


h3 {
   font-size: 1em;
}


ul, ol {
   margin-left: 3em;
}

a {
   text-decoration: underline;
   color: #92331D;
}

a:hover {
   border: none;
   text-decoration: none;
}

h1 a, h2 a, h3 a {
   border: none;
   text-decoration: none;
   color: #92331D;
}

h1 a:hover, h2 a:hover, h3 a:hover {
   background: none;
   color: #92331D;
}

hr {
   display: none;
}


#main
{
width: 701px;
margin: 0 auto;
padding-top: 43px;
border-left: 10px solid #ffffff;
border-right: 10px solid #ffffff;
}


/* Header */

#header {
   width: 701px;
   margin: 0 auto;
   height: 353px;
}

#menu {
   float: left;
   height: 27px;
   width: 651px;
   padding-left: 50px;
   background: url(http://pixelea.com/s/64194e2d1a.gif) repeat-x;

}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   float: left;
}

#menu a {
   display: block;
   float: left;
   height: 22px;
   width: 115px;
   margin-right: 1px;
   text-decoration: none;
   font-size: 14px;
   font-weight: bold;
   color: #ffffff;
   padding-top: 5px;
    text-align: center;
}

#menu a:hover {
   color: #ffffff;
   background: url(http://pixelea.com/s/4f7b584721.gif) repeat-x;
}



/* Logo */

#logo {
   width: 701px;
   height: 326px;
   margin: 0 auto;
   text-align: right;
    background: url(http://pixelea.com/s/31b6dc0133.jpg) no-repeat
}


#logo h1 {
   padding-right: 20px;
   color: #ffffff;
   padding-top: 40px;
   font-size: 24px;
}

#logo h2 {
   font-style: italic;
   font-size: 10px;
   padding-right: 20px;
}


#logo a {
   color: #ffffff;
}

/* Page */

#page {
   width: 701px;
   margin: 0 auto;
   background: #8A0A09;
   border-top: none;
   padding-top: 10px;

}



/* Content */

#content {
   float: left;
   width: 460px;
   padding-left: 7px;
   padding-top: 0px;
}

#content H2
{
background: url(http://pixelea.com/s/d767928785.gif) no-repeat;
height: 22px;
padding-top: 5px;
padding-left: 15px;
width: 440px;
font-size: 14px;
color: #ffffff;
}

#content H2 a
{
color: #ffffff;
}

#content .entry
{
padding: 1px;
width: 455px;
background: #ffffff;
margin-bottom: 20px;
}

#content .pad
{
padding: 10px;
}

/* Sidebars */

.sidebar {
   float: left;

}

.sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
   margin-bottom: 10px;
}

.sidebar {
   margin-bottom: 2em;
}


.sidebar li {
   margin: 0;
}


#sidebar2 {
   width: 221px;
   margin-left: 5px;
}

#sidebar2 h2 {
   background: url(http://pixelea.com/s/d42331dff3.gif) no-repeat left top;
   height: 22px;
   color: #FFFFFF;
   padding-left: 20px;
   padding-top: 5px;
}

#sidebar2 ul {
   line-height: normal;
}

#sidebar2 li {
   padding: 5px;
   background: url(sdf) repeat-x left bottom;
   font-size: .8em;
}

#sidebar2 a {
   border: none;
   font-size: 12px;
   padding-left: 10px;
}

#sidebar2 a:hover {
   border: none;
   padding-left: 10px;
}




#sidebar2 .sideb {
background: #F0E2E2;
padding: 1px;
margin-bottom: 20px;
 }
 


/* Footer */
#footer
{
padding: 20px;
background: url(http://pixelea.com/s/a491d1a759.gif) repeat-x
}

#footer p {
   text-align: center;
   font-size: 9px;
   color: #92331D;
   margin: 0px;
   padding: 0px;
}
#footer a
{
color: #92331D;
}

#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
#title {display: none;}
#nav_container {
display:none;
}
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol