An image in a post

Friday, November 12, 2010 5 comments


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquamit amet felis. Mauris eros semper, velit semper laoreet dictum, quam diam dictum urna, ec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallist, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maec at nisl. ullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante ui, aliquet neccon non, accumsan sit amet, lectus. Mauris et mauris duis sed assa id mauris.

Sample blockquote

0 comments


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


This is a sample Blockquote:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquamit amet felis. Mauris eros semper, velit semper laoreet dictum, quam diam dictum urna, ec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallist, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit.

Another image in a post

0 comments

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.



Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Epsum factorial non deposit quid pro quo hic escorol. Oly.

LoQeNeCESITES.eS.tL

Template Css Echo Por Nosotros

 

 



 
Diseños CssEditado Y Adaptado





Este Codigo Se Pega por ensima de la pagina :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Loqenecesites.es.tl</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="all" />
<!--[if IE 6]><script src="js/png-fix.js" type="text/javascript" charset="utf-8"></script><![endif]-->
<script src="js/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/fancybox/jquery.fancybox-1.3.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/fancybox/jquery.mousewheel-3.0.2.pack.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
<script src="js/js-func.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="wrapper">
  <div id="header">
    <div class="header-bg">
      <div class="shell">
        <div id="navigation">
          <ul>
            <li><a href="#" class="active">Menu 1</a></li>
            <li><a href="#">menu 2</a></li>
            <li><a href="#">menu3</a></li>
            <li class="last"><a href="#">menu 4</a></li>
          </ul>
          <div class="cl"> </div>
        </div>
        <a href="#" class="subscribe">Subscribe</a>
        <div class="search">
          <form action="#" method="post">
            <input type="text" class="field blink" value="Search" />
            <input type="submit" class="search-btn" value="Go!" />
          </form>
        </div>
        <div class="cl"> </div>
        <h1 id="logo" class="notext"><a href="www.loqenecesites.es.tl">LoQenecesites.es.tl</a></h1>
        <div class="cl"> </div>
        <div id="sub-nav">
          <ul>
            <li><a href="#" class="active">menu 1</a></li>
            <li><a href="#">menu 2</a></li>
            <li><a href="#">menu 3</a></li>
            <li><a href="#">menu 4</a></li>
            <li><a href="#">menu 5</a></li>
            <li><a href="#">menu 6</a></li>
            <li><a href="#">menu 7</a></li>
            <li class="last"><a href="#">menu 8</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div id="main">
    <div class="shell">
      <div id="content" class="left">

 
   Este Codigo Se Pega Por debajo dela pagina:

</div>
      <div id="sidebar" class="right">
        <div class="box box-tabs">
          <div class="tabs">
            <ul>
              <li><a href="#popular" class="active">Popular</a></li>
              <li><a href="#comments">Comments</a></li>
              <li class="last"><a href="#featured">Featured</a></li>
            </ul>
          </div>
          <div class="cl"> </div>
          <div class="tabs-content">
            <ul class="tabs-list" id="Menu 1">
              <li><a href="#">menu-1</a></li>
              <li><a href="#">menu2</a></li>
              <li><a href="#">menu3</a></li>
              <li><a href="#">menu4</a></li>
              <li><a href="#">menu5.</a></li>
              <li><a href="#">menu7</a></li>
              <li><a href="#">menu.8</a></li>
              <li><a href="#">menu9.</a></li>
            </ul>
            <ul class="tabs-list" id="menu 2" style="display: none;">
              <li><a href="#">menu1</a></li>
              <li><a href="#">menu2</a></li>
              <li><a href="#">menu3</a></li>
              <li><a href="#">menu4.</a></li>
              <li><a href="#">menu5</a></li>
              <li><a href="#">menu6</a></li>
              <li><a href="#">menu4</a></li>
              <li><a href="#">menu8</a></li>
            </ul>
            <ul class="tabs-list" id="menu 3" style="display: none;">
              <li><a href="#">menu1</a></li>
              <li><a href="#">menu2</a></li>
              <li><a href="#">menu3</a></li>
              <li><a href="#">menu4</a></li>
              <li><a href="#">menu5</a></li>
              <li><a href="#">menu6</a></li>
              <li><a href="#">menu7</a></li>
              <li><a href="#">menu8</a></li>
            </ul>
          </div>
        </div>
        <div class="ads"> <a href="#"><img src="css/images/htmlmafia.jpg" alt="" /></a> <a href="#" class="last"><img src="css/images/mailbakery.jpg" alt="" /></a>
          <div class="cl"> </div>
        </div>
        <div class="box">
          <h2 class="title">Alguna contendido</h2>
          <div class="follow-item">
            <p><span class="author">Web Script 1</span>:Te AdpTa Tu Css Favorito <a href="#">Donec et erat</a> massa, vitae varius massa. <span class="time">3 days ago</span></p>
          </div>
        </div>
        <div class="box">
          <h2 class="title">Aca Igual</h2>
          <div class="widget-item">
            <p>Descripcion o lo que sea xd</p>
          </div>
          <div class="widget-item">
            <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus congue metus sed arcu rhoncus ut malesuada velit dictum. Fusce gravida elementum mauris, in faucibus nibh cursus a.</p>
          </div>
        </div>
      </div>
      <div class="cl"> </div>
    </div>
  </div>
  <div id="footer-push" class="notext"> </div>
</div>
<div id="footer">
  <div class="copyright">
    <p class="left">Copyright © 2011, Your Company Here, All Rights Reserved</p>
    <p class="right"><a href="http://www.wEBscript1.es.tl">WebSCripT1.eS.TL</a> by <a href="http://chocotemplates.com">Adaptado</a></p>
    <div class="cl"></div>
  </div>
</div>
</body>
</html>

Este Codigo Se pega En Codigo 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;}
li.nav_element{display: none;}

* {
    margin:0;
    padding:0;
    outline:0;
}
html, body {
    height:100%;
}
body {
    font-size:12px;
    line-height:18px;
    font-family:Arial, Helvetica, Sans-Serif;
    color:#fff;
    background:url(https://img.webme.com/pic/w/webscript1/bg.gif) repeat 0 0;
}
a {
    color:#0252aa;
    text-decoration:none;
    cursor:pointer;
}
a:hover {
    text-decoration:underline;
}
a img {
    border:0;
}
input, textarea, select {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}
textarea {
    overflow:auto;
}
.cl {
    display:block;
    height:0;
    font-size:0;
    line-height:0;
    text-indent:-4000px;
    clear:both;
}
.notext {
    font-size:0;
    line-height:0;
    text-indent:-4000px;
}
.left, .alignleft {
    float:left;
    display:inline;
}
.right, .alignright {
    float:right;
    display:inline;
}
.last {
    background:none !important;
    margin-right:0 !important;
}
#wrapper {
    background:url(https://img.webme.com/pic/w/webscript1/bg2.gif) no-repeat center 0;
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -242px;
}
.shell {
    width:960px;
    margin:0 auto;
}
#header {
    background:url(https://img.webme.com/pic/w/webscript1/header-bg.gif) repeat-x 0 0;
}
#header .header-bg {
    background:url(https://img.webme.com/pic/w/webscript1/header-bg2.gif) no-repeat center 0;
}
#navigation {
    float:left;
    display:inline;
    padding-top:27px;
    width:280px;
}
#navigation ul {
    list-style:none outside none;
}
#navigation ul li {
    float:left;
    display:inline;
    background:url(https://img.webme.com/pic/w/webscript1/nav-divider.gif) no-repeat right 8px;
    padding-right:10px;
    margin-right:10px;
}
#navigation ul li a {
    float:left;
    display:inline;
    color:#313131;
    font-family:"Times New Roman", Arial, sans-serif;
    text-transform:uppercase;
}
#navigation ul li a:hover, #navigation ul li a.active {
    text-decoration:none;
    font-weight:bold;
}
a.subscribe {
    float:left;
    display:inline;
    width:65px;
    background:url(https://img.webme.com/pic/w/webscript1/ico-subscribe.gif) no-repeat right 3px;
    color:#939393;
    font-family:"Times New Roman", Arial, sans-serif;
    margin:27px 0 0 403px;
    padding-right:14px;
    text-transform:uppercase;
}
.search {
    float:left;
    display:inline;
    padding:26px 0 0 25px;
}
.search .field {
    float:left;
    display:inline;
    border:1px solid #dfdfd3;
    color:#bfbfae;
    font-family:"Times New Roman", Arial, sans-serif;
    text-transform:uppercase;
    width:130px;
    height:15px;
    padding:2px 4px 3px;
    background:#fff;
}
.search .search-btn {
    float:left;
    display:inline;
    background:none;
    border:0;
    cursor:pointer;
    text-decoration:underline;
    text-transform:uppercase;
    color:#939393;
    font-family:"Times New Roman", Arial, sans-serif;
}
h1#logo {
    float:left;
    display:inline;
    width:225px;
    height:55px;
    padding:28px 0 0 12px;
}
h1#logo a {
    display:block;
    height:55px;
    background:url(https://img.webme.com/pic/w/webscript1/logo.gif) no-repeat 0 0;
}
#sub-nav {
    height:30px;
    background:#000;
    margin-top:15px;
}
#sub-nav ul {
    list-style:none outside none;
    padding-left:9px;
}
#sub-nav ul li {
    float:left;
    display:inline;
    background:url(https://img.webme.com/pic/w/webscript1/sub-nav-divider.gif) no-repeat right 15px;
    padding-right:10px;
    margin-right:10px;
}
#sub-nav ul li a {
    float:left;
    display:inline;
    font-size:13px;
    font-family:"Times New Roman", Arial, sans-serif;
    text-transform:uppercase;
    color:#fff;
    line-height:30px;
}
#sub-nav ul li a:hover, #sub-nav ul li a.active {
    text-decoration:none;
    color:#d7cc96;
}
#main {
    margin-top:11px;
}
#content {
    width:660px;
}
.box {
    width:627px;
    float:left;
    display:inline;
    background:#000;
    padding:11px;
    margin:0 10px 11px 0;
    position:relative;
}
.box .box-image {
    float:left;
    display:inline;
    width:119px;
    height:85px;
    margin-right:11px;
    position:relative;
}
.box .box-body .posted {
    font-size:10px;
    color:#7f7f7f;
    text-transform:uppercase;
}
.box h2 {
    font-size:21px;
    line-height:24px;
    font-weight:normal;
    font-family:"Times New Roman", Arial, sans-serif;
}
.box h2.title {
    margin-bottom:5px;
}
.box .box-body .text {
    font-size:13px;
    line-height:17px;
    color:#c6be95;
}
.box .box-body a {
    text-decoration:underline;
    text-transform:uppercase;
}
.box .box-body a:hover {
    text-decoration:none;
}
.box .box-body .continue {
    font-size:9px;
    color:#ffa200;
}
.box .box-body .comments {
    font-size:9px;
    color:#fff;
    background:url(https://img.webme.com/pic/w/webscript1/ico-comments.gif) no-repeat right 2px;
    padding-right:12px;
    margin-right:5px;
}
.box .overlay {
    position:absolute;
    top:0;
    left:0;
    width:119px;
    height:85px;
    background:url(https://img.webme.com/pic/w/webscript1/overlay.png) no-repeat 0 0;
    display:none;
    z-index:10;
    cursor:pointer;
}
.box .close {
    position:absolute;
    top:4px;
    right:4px;
    width:7px;
    height:7px;
    background:url(https://img.webme.com/pic/w/webscript1/close-btn.gif) no-repeat 0 0;
    display:block;
    z-index:10;
}
.box-featured .box-image {
    width:426px;
    height:264px;
}
.box-featured .box-body {
    float:left;
    display:inline;
    width:180px;
}
.box-featured .box-body .text {
    padding-bottom:5px;
    line-height:19px;
}
.box-featured .mark-featured {
    position:absolute;
    top:0;
    right:0;
    width:137px;
    height:138px;
    background:url(https://img.webme.com/pic/w/webscript1/mark-featured.png) no-repeat 0 0;
    display:block;
    z-index:10;
}
.box-small {
    width:298px;
}
.box-small .box-body h2 {
    padding-bottom:10px;
}
#sidebar {
    width:300px;
}
#sidebar .box {
    float:none;
    display:block;
    margin-right:0;
    width:278px;
}
.box-tabs {
    min-height:264px;
}
.tabs {
    height:100%;
    overflow:hidden;
}
.tabs ul {
    list-style:none outside none;
}
.tabs ul li {
    float:left;
    display:inline;
    background:url(https://img.webme.com/pic/w/webscript1/sub-nav-divider.gif) no-repeat right 8px;
    padding-right:10px;
    margin-right:10px;
}
.tabs ul li a {
    float:left;
    display:inline;
    font-size:11px;
    font-family:"Times New Roman", Arial, sans-serif;
    text-transform:uppercase;
    color:#fff;
}
.tabs ul li a:hover, .tabs ul li a.active {
    text-decoration:none;
    color:#d7cc96;
}
.box .tabs-content ul {
    list-style:none outside none;
    padding-top:5px;
}
.box .tabs-content ul li {
    display:block;
    border-bottom:1px dashed #4d4d4d;
    height:100%;
}
.box .tabs-content ul li, .box .tabs-content ul li a {
    color:#cacaca;
    font-size:13px;
    line-height:17px;
}
.box .tabs-content ul li {
    padding:3px 0 5px;
}
.ads {
    margin-bottom:11px;
}
.ads a {
    float:left;
    display:inline;
    width:135px;
    height:135px;
    border:3px solid #d5d5bc;
    margin-right:18px;
}
.follow-item {
    font-style:italic;
    font-family:"Times New Roman", Arial, sans-serif;
    font-size:14px;
    line-height:19px;
    margin-bottom:10px;
}
.follow-item .author {
    color:#ffa200;
    font-style:normal;
}
.follow-item a {
    color:#339de7;
    text-decoration:underline;
}
.follow-item a:hover {
    text-decoration:none;
}
.follow-item .time {
    font-size:12px;
    color:#c6be95;
    font-style:normal;
}
.widget-item {
    color:#c6be95;
    font-size:13px;
    line-height:20px;
    margin-bottom:20px;
}
#footer, #footer-push {
    height:242px;
}
#footer {
    background:#000;
    border-top:1px solid #ae7644;
    padding-top:15px;
    font-size:11px;
    color:#4a4a4a;
}
#footer a {
    color:#4a4a4a;
    text-decoration:none;
}
#footer .copyright {
    width:960px;
    height:242px;
    margin:0 auto;
    background:url(https://img.webme.com/pic/w/webscript1/footer-bg.gif) no-repeat center 0;
}
 
 
Game Madness © 2011 | Designed by Bingo Cash, in collaboration with Modern Warfare 3, VPS Hosting and Compare Web Hosting
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=