Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje02-11-2011, 21:24 (UTC)    
Título del mensaje: [CSS] ModernBlogger
Responder citando
Hola queridos miembros,
Diseño adaptado por mí. anteriormente caribeansdesign. Y bueno ps creé otro user para serles de gran ayuda.
Design; ModernBlogger
Vista previa: http://www.wpexplorer.com/wp-content/uploads/2011/05/modern-blogger-wordpress-theme.jpg

Codigo Por encima de la pagina:
Código:


<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title> Modern Blogger</title>
   
<!-- Stylesheet & Favicon -->
<link rel="icon" type="image/png" href="" />
<link rel="stylesheet" type="text/css" href="http://www.aoclarkejr.com/themes/modern-blogger/wp-content/themes/modern-blogger/style.css" />

<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>


<!-- WP Head -->
<script type='text/javascript' src='http://www.aoclarkejr.com/themes/modern-blogger/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2'></script>
<script type='text/javascript' src='http://www.aoclarkejr.com/themes/modern-blogger/wp-content/themes/modern-blogger/js/superfish.js?ver=3.2.1'></script>
<script type='text/javascript' src='http://www.aoclarkejr.com/themes/modern-blogger/wp-content/themes/modern-blogger/js/supersubs.js?ver=3.2.1'></script>
<script type='text/javascript' src='http://www.aoclarkejr.com/themes/modern-blogger/wp-content/themes/modern-blogger/js/jquery.bxSlider.min.js?ver=3.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.aoclarkejr.com/themes/modern-blogger/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.aoclarkejr.com/themes/modern-blogger/wp-includes/wlwmanifest.xml" />
<link rel='index' title='Modern Blogger' href='http://www.aoclarkejr.com/themes/modern-blogger/' />

<script type="text/javascript" charset="utf-8">
//SuperFish
jQuery(function($){
$(document).ready(function(){
$('ul.sf-menu').supersubs({
   minWidth:    12,
    maxWidth:    27,
     extraWidth:  1
   }).superfish();
   });
//Image opacity hover-over
var opacity = 1, toOpacity = 0.7, duration = 300;
      $('.opacity').css('opacity',opacity).hover(
      function() {
      $(this).fadeTo(duration,toOpacity);},
      function() {
      $(this).fadeTo(duration,opacity);}
   );
});
</script>

<script type="text/javascript" charset="utf-8">
//Homepage Featured Posts
jQuery(function($){
   $(document).ready(function(){
   //Homepage Carousel Slider
         $('#feat-posts').bxSlider({
         displaySlideQty: 3,
         infiniteLoop: true,
         mode: 'horizontal',
         speed: 700,
         auto: true,
         pause: 3000,
         prevText: '',
             nextText: '' ,
             moveSlideQty: 1           
         });
   });
});
</script>


</head>

<body class="home blog">

<div id="wrap">
    <div id="main">
   <div id="header">
       <div id="logo">
                                  <h1><a href="#" title="Modern Blogger" rel="home">Modern Blogger</a></h1>
             
            <p>Just another Theme Previews site</p>
                    </div>
        <!-- END logo -->
       
                <div id="header-ad">
            <a href="#" rel="nofollow" title="Awesome WP Themes" target="_blank"><img src="http://www.aoclarkejr.com/images/tf.gif" alt="Awesome WP Themes"></a>       </div><!-- END header-ad -->
       
<div class="clear"></div>
       
    </div><!-- END header -->
 
       <div id="navigation">
         <div class="menu-menu-container"><ul id="menu-menu" class="sf-menu"><li id="menu-item-576" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-576"><a href="http://www.aoclarkejr.com/themes/modern-blogger/">Home</a></li>
<li id="menu-item-31" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-31"><a href="http://www.aoclarkejr.com/shadows/?p=29">Drop-Down</a>
<ul class="sub-menu">
   <li id="menu-item-587" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-587"><a href="#">NOMBRE</a></li>
   <li id="menu-item-588" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-588"><a href="#">NOMBRE</a></li>
   <li id="menu-item-589" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-589"><a href="#">NOMBRE</a></li>
</ul>
</li>
<li id="menu-item-37" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37"><a href="#">NOMBRE</a></li>
</ul></div>         </div>
        <!-- FIN DE NAVEGACIÓN -->
<div class="clear"></div><div id="post-content">
<div id="feat-posts-wrap">
<ul id="feat-posts">             
       
              <li>
        <a href="#" title="Typography" class="opacity"><img width="190" height="160" src="http://www.aoclarkejr.com/themes/modern-blogger/files/2011/07/1349398_59654340-190x160.jpg" class="attachment-modern_blogger-post-image wp-post-image" alt="1349398_59654340" title="1349398_59654340" />
        <h2>TITULO</h2>
        </a>
         </li>
                 
              <li>
        <a href="#" title="Etiam lacinia faucibus" class="opacity"><img width="190" height="160" src="http://www.aoclarkejr.com/themes/modern-blogger/files/2011/05/1343079_27287305-190x160.jpg" class="attachment-modern_blogger-post-image wp-post-image" alt="1343079_27287305" title="1343079_27287305" />
        <h2>TITULO</h2>
        </a>
         </li>
                 
              <li>
        <a href="#" title="Sed non mauris ante" class="opacity"><img width="190" height="160" src="http://www.aoclarkejr.com/themes/modern-blogger/files/2011/05/1349480_43687394-190x160.jpg" class="attachment-modern_blogger-post-image wp-post-image" alt="1349480_43687394" title="1349480_43687394" />
        <h2>TITULO</h2>
        </a>
         </li>
                 
              <li>
        <a href="http://www.aoclarkejr.com/themes/modern-blogger/2011/05/06/etiam-lacinia-faucibus/" title="Etiam lacinia faucibus" class="opacity"><img width="190" height="160" src="http://www.aoclarkejr.com/themes/modern-blogger/files/2011/05/1354220_80044402-190x160.jpg" class="attachment-modern_blogger-post-image wp-post-image" alt="1354220_80044402" title="1354220_80044402" />
        <h2>TITULO</h2>
        </a>
         </li>
                 
              <li>
        <a href="http://www.aoclarkejr.com/themes/modern-blogger/2011/05/06/nam-ornare-aliquam-interdum/" title="Nam ornare aliquam interdum lacinia faucibus" class="opacity"><img width="190" height="160" src="http://www.aoclarkejr.com/themes/modern-blogger/files/2011/05/1354092_15411139-190x160.jpg" class="attachment-modern_blogger-post-image wp-post-image" alt="OLYMPUS DIGITAL CAMERA" title="OLYMPUS DIGITAL CAMERA" />
        <h2>TITULO</h2>
        </a>
         </li>
                 
              <li>
        <a href="http://www.aoclarkejr.com/themes/modern-blogger/2011/05/06/lorem-ipsum-dolor-sit-amet/" title="Lorem ipsum dolor sit amet" class="opacity"><img width="190" height="160" src="http://www.aoclarkejr.com/themes/modern-blogger/files/2011/05/1309327_27739819-190x160.jpg" class="attachment-modern_blogger-post-image wp-post-image" alt="1309327_27739819" title="1309327_27739819" />
        <h2>TITULO</h2>
        </a>
         </li>
                 </ul>
   <!-- FIN DE POST FEATURES -->
</div>
<!-- FIN DE feat-posts-wrap -->


Codigo Por debajo de la pagina (dejar creditos ¬¬) :

Código:
<div id="sidebar">             
   <div class="sidebar-box clearfix"><form method="get" id="searchbar" action="http://www.aoclarkejr.com/themes/modern-blogger/">
<input type="text" size="16" name="s" id="search" value="Search" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" />
<input type="submit" value="search" id="searchsubmit" />
</form></div>      <div class="sidebar-box clearfix">      <h4>Recent Posts</h4><span class="sidebar-triangle-left"></span><span class="sidebar-triangle-right"></span>      <ul>
            <li><a href="#" title="TITULO 1">NOMBRE</a></li>
            <li><a href="#" title="TITULO 2">NOMBRE</a></li>
            <li><a href="#" title="TITULO 3">NOMBRE</a></li>
            <li><a href="#" title="TITULO 4">NOMBRE</a></li>
            <li><a href="#" title="TITULO 5">NOMBRE</a></li>
            </ul>
      </div><link rel="stylesheet" href="http://www.aoclarkejr.com/themes/wp-content/plugins/envato-referrer/envato.css" type="text/css" media="screen" /><div class="sidebar-box clearfix"><h4>Afiliados Premium</h4><span class="sidebar-triangle-left"></span><span class="sidebar-triangle-right"></span><div id="outer"><a class="tooltip" href="#">
                <img class="inimg" src="http://0.s3.envato.com/files/4565853/Buffalo%20Business%20&%20Portfolio%20WordPress%20Theme%20-%20ThemeForest%20Item%20for%20Sale.png" alt="" border="0" width="65" height="65" />
                 <span class="classic">
                  <img class="inimg" style="float:left;" src="http://0.s3.envato.com/files/4565853/Buffalo%20Business%20&%20Portfolio%20WordPress%20Theme%20-%20ThemeForest%20Item%20for%20Sale.png" alt="" border="0" />
                  <div style="text-align:center;">Buffalo Business & Portfolio WordPress Theme</div>
                  <div style="border-top:#FC6 solid 1px; text-align:center;">$35.00</div>
                 </span></a></div><div id="outer"><a class="tooltip" href="#">
                <img class="inimg" src="http://1.s3.envato.com/files/4568649/buffalo-html.png" alt="" border="0" width="65" height="65" />
                 <span class="classic">
                  <img class="inimg" style="float:left;" src="http://1.s3.envato.com/files/4568649/buffalo-html.png" alt="" border="0" />
                  <div style="text-align:center;">Buffalo Business & Portfolio Template</div>
                  <div style="border-top:#FC6 solid 1px; text-align:center;">$15.00</div>
                 </span></a></div><div id="outer"><a class="tooltip" href="#">
                <img class="inimg" src="" alt="" border="0" width="65" height="65" />
                 <span class="classic">
                  <img class="inimg" style="float:left;" src="" alt="" border="0" />
                  <div style="text-align:center;"></div>
                  <div style="border-top:#FC6 solid 1px; text-align:center;">$</div>
                 </span></a></div><div style="clear:both;"></div></div></div>
<!-- END sidebar -->
<div class="clear"></div>              

</div>
<!-- END main -->
</div>
<!-- END wrap -->

<div id="copyright">
© 2011  Modern Blogger ~<a href="http://www.allcreative.com.ar" title="Adaptado por allcreative">Adaptado por All Creative ©</a>
</div>
<!-- END copyright -->

<!-- WP Footer -->
</body>
</html>


Código de los post: (deben ir en hojas de estilo) no en editar diseño.


Código:
<div class="post-entry post-entry-hover clearfix">
       <h2><a href="#" title="Typography">Typography</a></h2>
               
        <div class="post-entry-featured-image">
         <a href="#" title="Typography" class="opacity"><img width="190" height="160" src="http://www.aoclarkejr.com/themes/modern-blogger/files/2011/07/1349398_59654340-190x160.jpg" class="attachment-modern_blogger-post-image wp-post-image" alt="1349398_59654340" title="1349398_59654340" /></a>
        </div>
        <!-- END post-entry-featured-image -->
       
    <div class="post-entry-content">
                <div class="post-entry-date"><div class="date-day">6</div>Jul</div>
               <p>Copia el codigo de los post las veces que desees para hacer una entrada como esta. Nam ullamcorper malesuada dui sit amet placerat. Nam ornare aliquam interdum. Integer pulvinar, mi nec fermentum pulvinar, turpis eros mollis dolor, at porttitor massa ligula vel arcu. Nulla sed aliquam augue. h2 Heading Sed quam ligula, ultrices sit amet vehicula et, vestibulum…</p>
        </div><!-- END post-entry-content -->

     
           
        <div class="clear"></div>
        <div class="post-entry-bottom">
                <div class="post-category">
        Filed under: <a href="#" title="ver todos los post en la categoria" rel="category tag">Categoria</a>        </div>
        <!-- END post-category -->
        <a href="#" class="post-entry-read-more" title="Typography">Leer Mas ?</a>
        </div>
        <!-- END post-entry-bottom -->
    </div>
   <!-- FIN COMPLETO DE LA ENTRADA -->


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


Código de paginación si quieres que le den siguiente ^^ ponlo en las hojas html (hojas de estilo):

Código:
<div class="pagination"><span>Pag 1 de 2</span><span class="current">1</span><a href='#' class="inactive">2</a></div>
</div>
<!-- Fin Paginación -->


Listo espero que les guste.

Si existe algun problema por favor hazlo comunicar por acá, si no sabes ponerla igual intentare ayudarte. saludos
______________

Firma editada por Design-PWG: No links sitios externos a PWG.


Ultima edición por gabrielcreative el Lun Dic 05, 2011 12:14 pm; editado 2 veces
↑
Mensaje02-11-2011, 21:43 (UTC)    
Título del mensaje: Re: [Css Design] ModernBlogger
Responder citando
No es obligatorio dejar los creditos tuyos
↑
Mensaje02-11-2011, 21:46 (UTC)    
Título del mensaje:
Responder citando
Seres que no piensen como tu y consideren lo dejarán, no estoy obligando a nadie pero quienes agradezcan el trabajo realizado los dejará o compenzará con otra cosa.
Creo que es valido, que algo sea gratuito pero tenga reconocimiento por parte del usuario que lo desee
______________

Firma editada por Design-PWG: No links sitios externos a PWG.


Ultima edición por gabrielcreative el Mie Nov 02, 2011 5:47 pm; editado 1 vez
↑
Mensaje02-11-2011, 22:38 (UTC)    
Título del mensaje:
Responder citando
La verdad que no puedes poner (dejar creditos ¬¬) : la plantilla no es tulla solo la adaptaste, diferente seria si la plantilla es tulla.
EXELENTE DISEÑO! SaLuDoS!
______________
Votame
Click aqui
↑
Mensaje03-11-2011, 00:42 (UTC)    
Título del mensaje:
Responder citando
Buen Diseño...! Gracias por compartirlo
↑
Mensaje03-11-2011, 00:42 (UTC)    
Título del mensaje:
Responder citando
Buen Diseño...! Gracias por compartirlo dejaré los creditos lo digas o no lo digas, creo que el esfuerzo vale
↑
Mensaje04-11-2011, 22:06 (UTC)    
Título del mensaje:
Responder citando
Me gusto ese Diseño
______________


Super Mario la lleva, es lo mejor en Videojuegos, se los recomiendo
↑
Mensaje05-11-2011, 09:46 (UTC)    
Título del mensaje:
Responder citando
buena plantilla,saludos
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
↑
Mensaje03-12-2011, 15:53 (UTC)    
Título del mensaje:
Responder citando
Como puedo sacar solo el estilo de las entradas y el slider?
de esta plantilla
______________
↑
Mensaje03-12-2011, 18:17 (UTC)    
Título del mensaje:
Responder citando
Linda plantilla me gusto , pero las entradas tipo blog no , tal como dise xxx-windows-xxx Las sacaria
↑
Mensaje05-12-2011, 03:23 (UTC)    
Título del mensaje: De donde
Responder citando
De donde as adaptado esa plantilla puedes pasarme el link de descarga?
↑
Mostrar mensajes anteriores:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.