Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje03-06-2010, 13:43 (UTC)    
Título del mensaje: Diseño Css (PYRMONT)

Código:
<title>Pyrmont</title>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
</span>
<div id='page_wrap'>
<div id='header-wrapper'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id="header-inner">
<div class="titlewrapper">
<h1 class="title">Pyrmont</h1>
</div>
<div class="descriptionwrapper">
<p class="description">Plugs-Design.es.tl</p>
</div>
</div>
</div></div>
</div>
<div id='main_navi'>
<ul class='left'>
<li class='home'><a Title='Home' href='/home.htm'>Home</a></li>
<li class='About'><a href='#'>ABOUT</a></li><li class='links'><a href='#'>LINKS</a></li>
</ul>
<ul class='right'>

<li class='twitter'><a href='http://twitter.com/your-user-name' title='follow me on twitter'>twitter</a></li>
<li class='feed'><a href='/Contacto.htm'> Contacto</a></li></ul></div>
<div class='clear'></div>
<div id='main-container'>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>
<div class='blog-posts hfeed'>
<!-- google_ad_section_start -->
<div class='post hentry uncustomized-post-template'>
<a name='6956684998255908153'></a>


Abajo

Código:
</div>
</div>
<!-- google_ad_section_end -->
</div>
<div class='blog-pager' id='blog-pager'>
</div>
<div class='clear'></div>
</div></div>
</div>
<div id='sidebar-wrapper'>

<div class='sidebar section' id='sidebar'><div class='widget Label' id='Label1'>
<h2>Labels</h2>
<div class='widget-content list-label-widget-content'>
<ul>
<li>
<a dir='ltr' href='http://pyrmont-btemplates.blogspot.com/search/label/Lorem%201'>Lorem 1</a>
<span dir='ltr'>(2)</span>
</li>
<li>
<a dir='ltr' href='http://pyrmont-btemplates.blogspot.com/search/label/Lorem%202'>Lorem 2</a>
<span dir='ltr'>(2)</span>
</li>

<li>
<a dir='ltr' href='http://pyrmont-btemplates.blogspot.com/search/label/Lorem%203'>Lorem 3</a>
<span dir='ltr'>(2)</span>
</li>
</ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=6893610522072523581&widgetType=Label&widgetId=Label1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target='configLabel1' title='Edit'>
</a>
</span>
</span>
<div class='clear'></div>
</div>

</div><div class='widget Feed' id='Feed1'>
<h2>Recent Posts</h2>
<div class='widget-content' id='Feed1_feedItemListDisplay'>
<span style='filter: alpha(25); opacity: 0.25;'>
<ul>
<li><a href='#Link'> Lomer Ipsum</a>
</li>

<li><a href='#Link'> Lomer Ipsum</a>
</li>

<li><a href='#Link'> Lomer Ipsum</a>
</li>

<li><a href='#Link'> Lomer Ipsum</a>
</li>
</ul>
</span>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=6893610522072523581&widgetType=Feed&widgetId=Feed1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("Feed1"));' target='configFeed1' title='Edit'>
</a>
</span>
</span>

<div class='clear'></div>
</div><div class='widget LinkList' id='LinkList1'>
<h2>Blogroll</h2>
<div class='widget-content'>
<ul>
<li><a href='http://www./'>Plugs-Design.es.tl</a></li>

<li><a href='#Link'> Lomer Ipsum</a>
</li>

<li><a href='#Link'> Lomer Ipsum</a>
</li>

<li><a href='#Link'> Lomer Ipsum</a>
</li></ul>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogID=6893610522072523581&widgetType=LinkList&widgetId=LinkList1&action=editWidget' onclick='return _WidgetManager._PopupConfig(document.getElementById("LinkList1"));' target='configLinkList1' title='Edit'>
</a>
</span>
</span>

<div class='clear'></div>
</div>
</div></div>
</div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
<div id='footer'><div class='footer_wrapper'>
         © <a href='http://pyrmont-btemplates.blogspot.com/'>Pyrmont
</a>. Powered by <a href='http://blogger.com/' title='Blogger'>Blogger</a>. And
   <a href='http://imotta.cn/' title='Pyrmont V2 theme'>Pyrmont V2</a>
Bloggerized by <a href='http://dhampirito.blogspot.com' target='_blank'>Dhampire</a> Adapted by <a href='http://Plugs-Design.es.tl' target='_blank'>Plugs Design</a></div>

</div>
</div>


Css

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

/*
-----------------------------------------------
Blogger Template Style
Name:     Pyrmont V2
Designer: motta y Dhampire
URL:      http://imotta.cn/ y dhampirito.blogspot.com
Date:     29 Jun 2009
Adapted by: http://www.Plugs-Design.es.tl
----------------------------------------------- */
#navbar {
height:0px;
visibility:hidden;
display:none;
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
/************** BODY *****************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* css reset ends */
*{
margin: 0;
padding: 0;
}
body{
font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
background-color: #121315;
}
a{
text-decoration: none;
outline-color: invert;
outline-style: none;
border: none;
}
a img{
border: none;
}
.clear{
clear: both;
}
/************** PAGE WRAP *************/
#page_wrap{
width: 960px;
margin: 0 auto;
background: url('http://www.plugs-image.comxa.com/images/bghgh.gif') no-repeat;
}
/************** HEADER *****************/
#header-wrapper {
font-size: 12px;
}
#header {float: left;
margin-top: 50px;
margin-left: 10px;}
#header h1{ font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px;
font-size: 36px;
color: #fff;
line-height: 45px;
display: block;
}
#header a{ font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px;
font-size: 36px;
color: #fff;
line-height: 45px;
display: block;
}
#header .description {
color: #999;
margin-top: 10px;
margin-left: 5px;
}
}
/**************search********************/
div#header div#search{
border: none;
float: right;
position: relative;
}
div#header div#search form#searchform{
position: absolute;
top: 65px;
right: 10px;
width: 200px;
height: 25px;
border: none;
background-color: #fff;
}
div#header div#search form#searchform .searchinput{
position: absolute;
top: 5px;
left: 8px;
color: #666;
font-size: 13px;
width: 165px;
border: 0;
}
div#header div#search form#searchform .button{
position: absolute;
top: 0px;
left: 175px;
background: url('http://www.plugs-image.comxa.com/images/mag.gif') no-repeat;
height: 25px;
width: 25px;
border: 0;
cursor: pointer;
}
/************** NAVI ******************/
div#main_navi{
background: url('http://www.plugs-image.comxa.com/images/navi.gif') no-repeat;
float: left;
margin-top: 30px;
height: 37px;
width: 960px;
}
div#main_navi ul.left{
float: left;
list-style-type: none;
padding: 9px 0 0 20px;
width: 750px;
height: 20px;
overflow: hidden;
}
div#main_navi ul li{
display: inline;
text-transform: uppercase;
}
div#main_navi ul.left li a{
float: left;
overflow: hidden;
color: #ccc;
font-size: 13px;
line-height: 18px;
margin: 0 30px 0 0;
}
div#main_navi ul.left li a:hover{
color: #ff5a00;
}
div#main_navi ul.right{
float: right;
list-style-type: none;
padding: 9px 10px 0 0;
}
div#main_navi ul.right li a{
float: left;
overflow: hidden;
color: #fff;
font-size: 12px;
line-height: 20px;
margin: 0 0 0 10px;
text-transform: uppercase;
}
div#main_navi ul.right li.twitter a{
background: url('http://www.plugs-image.comxa.com/images/twitter.png') no-repeat 0 3px;
padding-left: 21px;
}
div#main_navi ul.right li.twitter a:hover{
color: #0af;
}
div#main_navi ul.right li.feed a{
background: url('http://www.plugs-image.comxa.com/images/feed.gif') no-repeat 0 5px;
padding-left: 15px;
}
div#main_navi ul.right li.feed a:hover{
color: #ff5a00;
}
/************** CONTENT *****************/
#main-container {
}
#main-wrapper {width: 660px;float: left;
display: inline;/* fix double margin */
margin: 30px 25px 30px 10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */}
.main{
padding: 10px 20px 0 20px;overflow: hidden;width: 618px;font-size: 13px;
}
.widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
background-color: #131313;
border: 1px solid #1f2223;
color: #ccc;
line-height: 22px;
margin-bottom: 30px;
}
/************** POSTS *****************/
.post {
margin-left: 15px;
margin-bottom: 10px;
margin-top: 16px;
/*float: left; 0620*/
}
.post h2 {
font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
font-size: 22px;
font-weight: bold;
letter-spacing: -1px;
line-height: 24px;
color: #eee;
width: 600px;
line-height: 30px;
}
.post h2 a{
color: #eee;
}
.post h2 a:hover {
color: #ff5a00;
}
.postmeta{
font-size: 12px;color: #666;width: 580px;overflow: hidden;
}
.postmeta a{
color: #666;border-bottom: 1px solid #131313;            text-decoration: none;}
.postmeta a:hover{
color: #ff5a00;   border-bottom: 1px solid #ff5a00;text-decoration: none;
}
.post p {
margin-bottom: 20px;
}
.post a{color: #ff5a00;   border: none;   text-decoration: none;}
.post a:hover{text-decoration: underline; }
.post h1{ font-size: 20px; margin-bottom: 5px; }
.post h2{ font-size: 18px; margin-bottom: 5px; }
.post h3{ font-size: 16px; margin-bottom: 5px; }
.post h4{ font-size: 15px; margin-bottom: 5px; }
.post h5{ font-size: 14px; margin-bottom: 5px; }
.post h6{ font-size: 12px; margin-bottom: 5px; }
.post ul, .post ol{padding-bottom: 24px;margin-left: 40px;margin-right: 40px;}
.post ul{list-style-type: disc;   }
.post ol{list-style-type: decimal;}
.post ul li, .post ol li{padding: 1px 0;list-style: inside;}
.post blockquote{background: url('http://www.plugs-image.comxa.com/images/blockqtwt.gif') no-repeat;padding: 35px 20px 10px 50px; margin: 0 15px 24px 15px; background-color: #181818; border-top: 1px solid #2a2e2f; border-bottom: 1px solid #2a2e2f; color: #999; }
.post blockquote p{ margin-bottom: 8px;}
.post code{ font-family: "Courier New", mono; background-color: #181818; border-left: 1px solid #2a2e2f; color: #197b30; padding: 5px 10px; display: block; }
.post table{ margin-bottom: 20px; border-collapse:collapse; border: 1px solid #2a2e2f; background-color: #181818; color: #999; }
.post table td,
.post table th{ padding: 2px 5px; border: 1px solid #2a2e2f; }
.post-footer {
margin: .75em 0;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/************** COMMENTS *****************/
#comments {   font-size: 13px;   color: #ccc;   overflow: hidden;  }
#comments a {color:#CCCCCC;}
#comments-block {
margin-bottom: 15px;
background-color: #101010;
border: 1px solid #1f2223;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 20px 20px 15px 20px;
}
#comments-block .comment-author {font-size: 12px;color: #999;border-bottom: 1px solid #181a1b;padding-bottom: 3px;margin-bottom: 8px;}
#comments-block .comment-author a{color: #ccc;text-decoration: none;font-weight: bold;}
#comments-block .comment-author a:hover{color: #ff5a00;}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.comment-form {
background-color: #101010;
border: 1px solid #181a1b;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #ccc;
padding: 15px 20px;
margin-top: 15px;
}
.comment-form h4{
font-size: 16px;
color: #ccc;
line-height: 24px;
font-weight: normal;
float: left;
display: inline;/* fix double margin */
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {  float: left; }
#blog-pager-newer-link a:hover{ color: #ff5a00; background-color: #000; }
#blog-pager-older-link {  float: right; }
#blog-pager-older-link a:hover{ color: #ff5a00; background-color: #000; }
#blog-pager { font-size: 13px; }
#blog-pager a{ display: block; color: #ccc; border: 1px solid #1f2223; padding: 0 5px; background-color: #101010; line-height: 28px; }
.feed-links {font-size: 13px;}
.feed-links a{ display: block; color: #ccc; border: 1px solid #1f2223; padding: 0 5px; background-color: #101010; line-height: 28px; }
/************** SIDEBAR *****************/
#sidebar-wrapper {
width: 260px;
float: left;
display: inline;/* fix double margin */
margin-top: 30px;
margin-bottom: 30px;
overflow: hidden;
color: #aaa;
font-size: 12px;
background-color: #131313;
border: 1px solid #1f2223;
}
.sidebar {
}
.sidebar ul {background-color: #131313;}
.sidebar li { padding-top: 2px; padding-bottom: 2px; padding-left: 26px; padding-right: 10px; background: url('http://www.plugs-image.comxa.com/images/sidebarlis.gif') no-repeat; background-position: left bottom; }
div#sidebar li:hover{ background-color: #0d0d0d; }
div#sidebar li a{ background: none; display: inline; color: #ccc; line-height: 26px; text-decoration: none; }
div#sidebar li a:hover{ color: #ff5a00; }
div#sidebar h2{
background: url('http://www.plugs-image.comxa.com/images/sidebartit.gif') no-repeat;
background-position: left bottom;
font-size: 16px;
line-height: 30px;
color: #ccc;
background-color: #101010;
padding: 5px 10px;
font-weight: normal;
}
div#sidebar ul li ul{
list-style-type: none;
color: #eee;
line-height: 20px;
}
.sidebar .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
/************** PERFIL *****************/
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 5px solid #E7E9E3;
}
.profile-data {
margin:0;
font: arial;
color: #000;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: #000;
letter-spacing: .1em;
}
/************** FOOTER *****************/
div#footer{
color: #666;
font-size: 12px;
background: url('http://www.plugs-image.comxa.com/images/footertkt.gif') repeat-x;
}
div#footer div.footer_wrapper{
width: 960px;
margin: 0 auto;
padding: 18px 0;
position: relative;
}
div#footer div.footer_wrapper a{
color: #ccc;
text-decoration: none;
}
div#footer div.footer_wrapper a:hover{
color: #fff;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
/* Calendario-Fecha
-------------------- */
#fecha {
background: url('http://www.plugs-image.comxa.com/images/datejzj.gif') no-repeat;
float: left;
font-size: 12px;
line-height: 14px;
font-family: "Trebuchet MS", Georgia, sans-serif;
text-align: center;
vertical-align: middle;
color: #fff;
height: 43px;
width: 50px;
margin-left: -10px;
margin-top: 16px;
padding-top: 4px;
position: relative;/* ie6 fix */
margin-right: 12px;
}
.fecha_mes {font-size: 9px;}
.fecha_anio {font-size: 9px; }
.fecha_dia {display: block;font-size: 16px;}
Mensaje03-06-2010, 16:22 (UTC)    
Título del mensaje:

Todo lo que sea códigos va en la sección "Acerca de códigos".
______________
Estoy al borde de la gloria, y estoy colgando de un momento de verdad,
estoy al borde la gloria Y estoy suspendida de un momento junto a tí

Mensaje03-06-2010, 17:16 (UTC)    
Título del mensaje:

Este diseño si me gusto. Aunque lo hayas colocado en la sección incorrecta.
Suerte.


Ultima edición por nesbet el Jue Jun 03, 2010 1:16 pm; editado 1 vez
Mensaje03-06-2010, 17:43 (UTC)    
Título del mensaje:

Algo estrano hay en este tema miren la direccion:
Cita:
http://img.webme.com/pic/l/luupa/pyrmont.jpg


Es de la cuenta de Luupa .
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mensaje03-06-2010, 23:45 (UTC)    
Título del mensaje:

Me gusta el desing..solo que te estas atrasando..son designs que ya estan aqui salu2!
______________



Mensaje03-06-2010, 23:46 (UTC)    
Título del mensaje:

Esto no va aki
Mensaje04-06-2010, 00:57 (UTC)    
Título del mensaje:

webtaller2 escribió:
Esto no va aki


ya se lo dijo iamyta no postees por posteear como lo hago en este momento jejejejejejejjeje
salu2
______________
Su firma exede el tamaño permitido de 450x100px.
por eso fue removida. CP
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group