ayuda031

Freesoftware

Plantilla : Free software


verdemo.png (123×43)

Texto por encima de la pàgina

<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>

<div id="main_container">
    <div id="header">
        <div class="logo"><img src="https://img.webme.com/pic/p/plantillas031/softlogo.gif" alt="" width="229" height="94" border="0" title="" /></div>      
    </div>
        <div class="menu">
            <ul>                                                                        
                <li class="selected"><a href="#">URL</a></li>
                <li><a href="#">URL</a></li>
                <li><a href="#">URL</a></li>
                <li><a href="#">URL</a></li>
                <li><a href="#">URL</a></li>
                <li><a href="#">URL</a></li>
                <li><a href="#">URL</a></li>
            </ul>
  </div>
        
    <div class="center_content">
    
         <div class="center_left">
            <div class="title_welcome"><span class="red">Ayuda</span>031.es.tl </div>
            <div class="welcome_box">
            <p class="welcome">
<span class="orange">Titulo</span><br />
Contenido
</p>
            <a href="#" class="read_more">read more</a>          
            </div>
         
         <div class="features"></div>
         
         
         <div class="features">   
            <div class="title">Contenido</div>
                <div class="news_box">
                    <div class="news_icon"></div>
                    <div class="news_content">
                 

Texto por debajo de la página:

</div>   
                </div>
                <div class="news_box">
                    <div class="news_icon"></div>
                    <div class="news_content">
                    “Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                    </div>   
                </div>       

         </div>
         
         
           
            
            
        </div>
        
        
        <div class="center_right">
        
        <div class="software_box"><img src="https://img.webme.com/pic/p/plantillas031/soft3dbox.gif" alt="" width="187" height="265" title="" /></div>
        
                        <div class="text_box">
                        <div class="title">Clients login</div>
                            <div class="login_form_row">
                            <label class="login_label">Username:</label><input type="text" name="name" class="login_input" />
                            </div>
                            
                            <div class="login_form_row">
                            <label class="login_label">Password:</label><input type="password" name="pass" class="login_input" />
                            </div>                                     
                            <input type="image" src="https://img.webme.com/pic/p/plantillas031/softlogin.gif" class="login" />                              
                        
                        </div>
                        
                        <div class="testimonials">
                            <div class="title">Titulo</div>
                            <div class="text_box">
                             <p class="testimonial">
                             Contenido</p>
                            
                            
                            </div>                    
                        
                        </div>
        

        </div>  
        
        <div class="clear"></div>
    
    </div>    

    
    <div id="footer">                                              
        <div class="left_footer"><a href="#">home</a> <a href="#">about</a> <a href="#">privacy policy</a><a href="#">contact</a></div>
        <div class="right_footer">
          <p><a href="http://csstemplatesmarket.com"  target="_blank"><img src="images/csstemplatesmarket.gif" border="0" alt="" title="" /></a> </p>
          <p><a href="www.ayuda031.es.tl">Ayuda031.es.tl </a></p>
        </div>   
    
    </div>
    
    
    
</div>
<!-- end of main_container -->

</body>
</html>

CsS:

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

body
{
background:url(https://img.webme.com/pic/p/plantillas031/softbg.gif) repeat #000000;
padding:0; font-family:arial, sans-serif; font-size:12px;
margin:0px auto auto auto;
color:#36322b;
}
p{
padding:0px;
text-align:justify;
margin:0px;
line-height:20px;
}
p.welcome{
padding:30px 35px 0 35px;
}
p.testimonial{
font-style:italic;
padding:5px 15px 0 5px;
}
.clear{
clear:both;
}
a{
text-decoration:underline;
}
a.read_more{
display:block;
width:66px;
height:23px;
line-height:23px;
text-align:center;
color:#fff;
float:right;
margin:10px 40px 0 0;
padding:0 0 0 17px;
text-decoration:none;
font-size:12px;
background:url(https://img.webme.com/pic/p/plantillas031/softread_more_bg.gif) no-repeat center;
}
a:hover.read_more{
text-decoration:underline;
}
img.left_img{
float:left;
padding:3px 25px 3px 3px;
}

#main_container{
width:821px;
height:auto;
margin:auto;
padding:0px;
}
#header{
width:821px;
height:135px;
margin:0px;
padding:0px;
background:url(https://img.webme.com/pic/p/plantillas031/softheader_bg.gif) no-repeat center top;
}
.logo{
padding:30px 0 0 0px;
}
.title{
width: auto;
padding:2px 0 10px 0;
font-size:17px;
color:#2e2721;
font-weight:bold;
}
.title_welcome{
width: auto;
padding:0 0 0 35px;
font-size:22px;
color:#24a4b3;
background:url(https://img.webme.com/pic/p/plantillas031/softchecked.gif) no-repeat left top;
margin:0 0 10px 25px;
}
span.red{
font-weight:bold;
color:#da5b23;
}
span.orange{
font-weight:bold;
color:#da5b23;
}

/*---------------- menu tab----------------------*/
.menu{
width:821px;
height:42px;
margin:0px;
background:url(https://img.webme.com/pic/p/plantillas031/softmenu_bg.gif) no-repeat left;
}
.menu ul{
list-style:none;
padding:0 0 0 15px;
margin:0px;
}
.menu ul li{
display:inline;
}
.menu ul li a{
float:left;
height:42px;
border:none;
padding:0 15px 0 15px;
text-decoration:none;
color:#fff;
line-height:42px;
font-size:14px;
}
.menu ul li.selected a{
float:left;
height:42px;
border:none;
padding:0 15px 0 15px;
text-decoration:none;
color:#fff;
line-height:42px;
font-size:14px;
background:url(https://img.webme.com/pic/p/plantillas031/softmenu_bullet.gif) no-repeat bottom center;
}
.menu ul li a:hover{
background:url(https://img.webme.com/pic/p/plantillas031/softmenu_bullet.gif) no-repeat bottom center;
}

/*-------------welcome_box------------*/
.welcome_box{
width:496px;
height:202px;
background:url(https://img.webme.com/pic/p/plantillas031/softwelcome_box.gif) no-repeat center;
padding:0px;
}
/*---------------center_content-------*/
.center_content{
width:821px;
height:auto;
clear:both;
padding:25px 0 30px 0;
background-color:#e9e5e2;
}
.center_left{
width:500px;
float:left;
padding:10px 0 10px 10px;
}
.center_right{
width:300px;
float:left;
padding:10px 0 10px 0px;
}
.software_box{
width:187px;
height:265px;
padding:0 0 15px 50px;
}
.features{
padding:10px 0 0 30px;
}
.news_box{
float:left;
width:auto;
border-bottom:1px #CCCCCC dashed;
padding:10px 0 8px 0;
}
.news_icon{
width:30px;
height:33px;
float:left;
background:url(https://img.webme.com/pic/p/plantillas031/softnews_icon.gif) no-repeat center;
}
.news_content{
width:400px;
float:left;
text-align:justify;
line-height:20px;
padding:0 0 0 10px;
}
/*-----------------------login_form-------------------*/
.text_box{
width:278px;
height:144px;
padding:15px 0 0 10px;
background:url(https://img.webme.com/pic/p/plantillas031/softtext_box.gif) no-repeat center;
background-position:0px 0px;
}
.login_form_row{
float:left;
padding:4px 0 4px 0;
}
label.login_label{
width:70px;
float:left;
padding:3px 5px 0 0;
color:#000;
text-align:right;
}
input.login_input{
width:153px;
height:18px;
float:left;
border:1px #9dbbc6 solid;
background-color:#fff;
color: #000;
}
input.login{
float:right;
padding:10px 20px 0 0;
}
/*----------------------list-------------------------*/
ul.list{
list-style:none;padding:0px;margin:0px;
}
ul.list li{
list-style:none;width: auto;height: auto;padding:0px; margin:8px 0 8px 0;
}
ul.list li a{
height:24px; width: auto; padding:0 0 0 15px; margin:0;color:#36322b;text-align:left;line-height:24px;
text-decoration:none;
}
ul.list li span{
height:24px; width:24px; display:block;padding:0px; margin:0px;color:#000;text-align:center; float:left; float:left; line-height:24px;
background:url(images/bullet_list.gif) no-repeat left;
}
ul.list li a:hover{
text-decoration:underline;
}
.testimonials{
padding:20px 0 20px 0;
}
/*-------------------footer------------------------*/
#footer{
width:821px;
height:50px;
clear:both;
color:#837d7b;
}
.left_footer{
float:left;
padding:20px 0 0 0;
}
#footer a{
color:#837d7b;
padding:0 8px 0 8px;
text-decoration:none;
}
.right_footer{
float:right;
padding:15px 5px 0 0 ;
}





Añadir comentario acerca de esta página:
Tu nombre:
Tu dirección de correo electrónico:
Tu página web:
Tu mensaje:

Hoy habia 65894 visitantes¡Aqui en esta página!
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=