sera muy complicado hacer un theme asi

Inicio Foros WordPress Themes y Diseño sera muy complicado hacer un theme asi

Este debate contiene 2 respuestas, tiene 2 mensajes y lo actualizó  animexion hace 9 años, 11 meses.

  • Autor
    Publicaciones
  • #11777

    animexion
    Participante

    <p>por mas que busco no consigo un theme que llene mis expectativas y vi este http://www.vkmanga.com/blog/ es perfecto, alguien sabe donde puedo bajarlo o si hacer esto es muy complicado? gracias.
    </p>

  • #25075

    imported_Fernando
    Participante

    La chicha, el diseño, está en el CSS así que si puedes hacerlo o adaptar a tu gusto el estilo a partir del sandbox o el default. Eso si, lo suyo sería ponerte en contacto con los autores del blog. Luego solo tienes que adaptarle este css:
    [quote][code]A:visited {text-decoration: none; color: #4f4343}
    A:active{text-decoration: none; color: #4f4343}
    A:link {text-decoration:none; color: #4f4343}
    A:hover {text-decoration: underline overline; color: #FF6000}

    body {
    margin:0px;
    padding:0px;
    font-family:Tahoma;
    font-size:10px;
    }

    #container{
    background:url(imagen/v09/vkmangav09_00.jpg) no-repeat top center ;
    height:880px;
    width: 100%;
    float:left;
    margin:0px;
    min-height:100%;
    padding:0px;
    }

    #page {
    margin: 0px auto 0px auto;
    width:830px;
    padding: 330px 0px 0px 0px;
    }

    #body {
    width:830px;
    background:url(imagen/v09/vkmangav09_06.jpg) repeat top center;
    float:left;

    }

    #header{
    width: 830px;
    height: 70px;
    padding:0px;
    margin:0px;
    }
    #header .buscador {
    margin-left: 540px;
    height: 42px;
    }

    #barra {
    width:830px;
    background:url(imagen/v09/vkmangav09_14.jpg) no-repeat top center;
    height: 33px;

    }
    #barra .ads2 {
    margin-left: 46px;
    border-top: #ddd solid 1px;
    }

    #primera { background:url(imagen/v09/vkmangav09_01.jpg) no-repeat; width:820px; height:32px; padding:0px; }
    h1{
    font-size:14px;
    font-weight:bold;
    margin:0px;
    margin-bottom:0px;
    padding:5px;
    color:#993300;
    border-bottom: 3px solid #EBEBEB;

    }
    h2{
    font-weight: bold;
    }
    a i
    .quick { float:left; padding:10px 0px 0px 179px; }
    .promo {
    color:#333333;
    float:right;
    font-size:8pt;
    padding:8px 9px 0px 0px;
    font-weight: normal;
    }

    #menu {
    width: 414px;
    margin:6px;
    padding:0px;
    background-image: url(imagen/v09/vkmangav09_11.jpg);
    background-repeat: repeat;
    margin:0px;
    padding:0px;
    }

    #main_menu {
    background-image: url(imagen/v09/vkmangav09_13.jpg);
    background-repeat: repeat;
    margin:0px;
    padding:0px;
    }

    #top_review {
    background-image: url(imagen/v09/vkmangav09_07.jpg);
    height: 42px;
    width: 414px;
    }

    #border1 {
    background-image: url(imagen/v09/vkmangav09_15.jpg);
    height: 14px;
    width: 414px;
    background-repeat: no-repeat;
    }
    #sidebar-publicidad {
    background-image: url(imagen/v09/vkmangav09_05.jpg);
    margin-top: 0px;
    margin-bottom:0px;
    height: 106px;
    width: 780px;
    }
    #sidebar-publicidad-2 {
    background-image: url(imagen/v09/vkmangav09_24.jpg);
    height: 29px;
    width: 780px;
    margin-bottom:0px;
    margin-top: 0px;
    }
    #ads1 {
    margin-left: 26px;
    margin-top: 5px;
    margin-bottom:5px;
    position: relative;

    }

    #ads3 {
    margin-left: 26px;
    margin-top: 5px;
    margin-bottom:5px;
    position: relative;
    }
    #ads4 {
    margin-left: 26px;
    margin-top: 8px;
    margin-bottom:0px;
    position: relative;
    }

    #cpx {

    position: relative;
    margin: 4px;
    background: #f4f4f4;
    padding: 8px;
    border: 5px solid #ffffff;
    width: 468px;
    }
    #border2 {
    background-image: url(imagen/v09/vkmangav09_16.jpg);
    height: 13px;
    width: 310px;
    background-repeat: no-repeat;
    }

    #mainmenu {
    background-image: url(imagen/v09/vkmangav09_08.jpg);
    height: 43px;
    width: 310px;
    }
    #review {
    width: 404px;
    margin:5px;
    padding:0px;
    }
    .contenido {
    text-align: justify;
    font-size:10px;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:10px;
    }

    #sidebar-block1{
    float:left;
    margin: 1px 0px 0px 5px;
    width:820px;
    }

    #sidebar-block2 {
    background-image: url(imagen/v09/vkmangav09_04.jpg);
    height: 56px;
    width: 820px;

    }

    #sidebar3{
    margin:0px;
    padding:0px;
    width:310px;
    }
    #sidebar2{
    margin:0px;
    padding:0px;
    width:414px;
    }

    #sidebar1{
    width:93px;
    margin:0px;
    padding:0px;
    }
    .sidebar{
    padding:0px;
    padding-top:0px;
    float:left;
    background: #fff;
    list-style: none;
    line-height:normal;
    margin-bottom:0px;

    }

    .smallstyle {
    FONT-SIZE: 7pt; FONT-FAMILY: Tahoma; BORDER-COLLAPSE: collapse
    }
    .smallgrey {
    FONT-SIZE: 10px; FONT-FAMILY: Tahoma; BORDER-COLLAPSE: collapse
    }
    .boite {font:normal 11px Arial, sans-serif;float:left;margin:0 0 5px 0;padding:0;background:#fff;}
    .boite h3 {font:normal 10px Tahoma;margin:0;padding:0 1px 0 4px;}
    .boite h5 {font:bold normal 11px Tahoma;margin:0;padding:0 1px 0 4px;color:#990000;}
    .boite h5 a {text-decoration:none;}
    .postto {margin:0;width:400px;float:left;display:inline;padding:0;}
    .postto ul {float:left;font:11px Arial, Helvetica, sans-serif;width:400px;margin:0;padding:0;}
    .postto ul li {list-style:none;background:blue;}
    .postto a {text-decoration:none;color:black;display:block;}
    .postto a:hover {text-decoration:underline;}

    .boite .postto ul {float:left;font:11px Arial, Helvetica, sans-serif;}
    .boite .postto li.meneame {background: url("http://www.20minutos.es/css2/i/ico/post_01.gif&quot😉 top left no-repeat;background-position:0 50%;padding:2px 0 2px 20px;float:left;width:13%;}
    .boite .postto li.digg {background: url("http://www.20minutos.es/css2/i/ico/post_02.gif&quot😉 top left no-repeat;background-position:0 50%;padding:2px 0 2px 20px;float:left;width:8%;}
    .boite .postto li.delicious {background: url("http://www.20minutos.es/css2/i/ico/post_03.gif&quot😉 top left no-repeat;background-position:0 50%;padding:2px 0 2px 20px;float:left;width:14%;}
    .boite .postto li.technorati {background: url("http://www.20minutos.es/css2/i/ico/post_04.gif&quot😉 top left no-repeat;background-position:0 50%;padding:2px 0 2px 20px;float:left;width:14%;}
    .boite .postto li.yahoo {background: url("http://www.20minutos.es/css2/i/ico/post_05.gif&quot😉 top left no-repeat;background-position:0 50%;padding:2px 0 2px 20px;float:left;width:9%;}
    .boite .postto li.fresqui {background: url("http://www.20minutos.es/css2/i/ico/post_06.gif&quot😉 top left no-repeat;background-position:0 50%;padding:2px 0 2px 20px;float:left;width:11%;}
    .image_media img {
    margin: 4px;
    background: #FFF;
    padding: 3px;
    border: 1px solid #DDDDDD; }

    .image_div {
    position: relative;
    margin-bottom: 3px;
    z-index: 500;
    }

    .image_div img {
    margin: 0px;
    background: #FFF;
    padding: 3px;
    border: 1px solid #DDDDDD; }

    #footer-publicidad
    {
    height: 100px;
    width: 100%;
    background-color: #f4f4f4;
    background-repeat: repeat;
    }
    #space {
    height: 10px;
    }

    .image_div a:hover img {
    background: #DDDDDD;
    padding: 3px;
    border: 1px solid #DDDDDD; }

    /* footer.css */
    /* LAYOUT
    —————————————————————————– */
    #footer {
    background-color: #fafafa;
    border-top: #ddd solid 1px;
    margin: 15px 1px 1px 1px;
    padding-bottom: 10px;
    position: relative;
    float:left;
    width:828px;

    }

    #footer .breadcrumbs {
    background-color: #eee;
    border-bottom: #ddd solid 1px;
    padding: 4px 15px;
    text-align: right;
    }
    #footer .breadcrumbs * { margin: 0; }
    #footer .breadcrumbs a.ident { color: #000; }

    #sitemap { width: 820px; padding: 10px auto; height: 270px; }
    #sitemap div { float: left; width: 150px; }
    #sitemap .reply { float: left; width: 270px; }
    #sitemap ul { list-style-type: none; padding-left: 2.5em; }

    /* Typography
    —————————————————————————– */
    #footer { text-align: center; }
    #footer h4 { margin-bottom: 0.3em; }

    #sitemap div { text-align: left; }
    #sitemap a { color: #666; font-size: 0.9em; }

    #footer .links a { color: #666; font-size: 0.9em; text-transform: capitalize; }
    #footer .copy { font-size: smaller; }

    /* Previous forms.css */
    /* Layout
    —————————————————————————————*/

    dl.forumrss, div.fansub_info {
    padding:0px;
    }

    dl.forumrss dt {
    color:#333333;
    }

    dl.forumrss dt i {
    font-size:10px;
    }

    dl.forumrss a {
    color:#333333;
    text-decoration:none;
    /* background:transparent url("/images/dds/icon_latest_reply.gif") right center no-repeat;
    padding-right:15px; */
    }

    dl.forumrss a:hover {text-decoration: underline overline; color: #FF6000}

    dl.forumrss dd {
    color:#b3b3b3;
    font-size:7pt;
    padding-left:11px;
    margin:-1px 0 0px 0;
    }

    /* Blog VkManga
    —————————————————————————————*/
    #sidebar-bloque{
    margin:0px;
    padding:0px;
    width:307px;
    border-left: 1px solid #EAEAEA;
    }
    #sidebar-blog {
    margin:5px;
    padding:5px;
    width:490px;
    }
    #sidebar1-blog {
    width:145px;
    margin-left: 5px ;
    }
    #sidebar2-blog {
    width:145px;
    margin-left: 5px ;
    }
    .post{
    background:none;
    margin: 0px 0px 20px;
    padding:0px 5px 0px 5px;
    }
    .post h1 A, .post h2 A {
    color: #993300;
    }
    /* Entradas Relacionadas */
    .post-related-entries {
    margin: 10px 10px ; padding: 0;
    }

    .post .post-related-entries STRONG {
    color: #000000;
    font-size: 1.3em;
    }

    .post .post-related-entries ul {
    margin: 0; padding: 5px;
    list-style: none;
    }

    .post .post-related-entries ul li {
    margin: 0; padding: 6px 6px 3px 14px;
    list-style: none;
    background: url(imagen/img_bullet_004.gif) no-repeat 0 9px;
    font-family: Arial, Helvetica, sans-serif;
    }

    .entry {
    text-align: justify;
    margin-left:5px;
    line-height:15px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    padding-top:2px;
    padding-left:3px;
    padding-right:2px;
    padding-bottom:10px;
    }
    .entry a {
    text-decoration: underline;
    }
    .entry p {
    margin-top:13px;
    }
    .fecha{background: #fff url(imagen/time.png) no-repeat; padding:5px 0 5px 25px;}
    /* Sidebar Blog VkManga
    —————————————————————————————*/
    .sidebar ul {
    padding: 0px;
    font-size:11px;
    font-weight:normal;
    list-style:none;
    margin:2px;
    margin-bottom:8px;

    }

    .sidebar ul ul li {
    background: url("http://www.vkmanga.com/imagen/vk_flecha.gif&quot😉 top left no-repeat;background-position:0 50%;padding:1px 0 1px 11px;
    border-bottom: 1px dotted #EBEBEB;
    width:90%;
    }
    .sidebar ul ul li:hover {
    background: url("http://www.vkmanga.com/imagen/vk_flecha.gif&quot😉 top left no-repeat;background-position:0 50%;padding:1px 0 1px 11px;
    border-bottom: 1px dotted #EBEBEB;
    width:90%;
    }
    .sidebar ul ul ul li {
    background: url("http://www.vkmanga.com/imagen/vk_flecha.gif&quot😉 top left no-repeat;background-position:0 50%;padding:1px 0 1px 11px;
    margin-left:1px;
    border-bottom: 1px dotted #EBEBEB;
    width:90%;
    }

    .sidebar h2 {
    font-family: ‘Lucida Grande’, Verdana, Sans-Serif;
    font-size: 1.2em;
    border-top: 3px solid #EBEBEB;
    border-bottom:1px solid #EBEBEB;

    }
    .postmetadata{
    padding:10px 0 10px 10px;
    margin:0px;
    background: #F8F8F8;
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    }
    .comments-form{
    width:95%;
    padding:10px;
    margin-bottom:12px;
    background-color:white;
    border:1px solid #fafafa;
    }

    /******************/
    #comments ol{

    margin: 0px;
    padding: 0px;
    list-style:none;
    }
    #comments ul{

    margin-left: 0px;
    padding-left: 0px;
    list-style:none;

    }
    #comments li{
    width:95%;
    padding:10px;
    margin-bottom:10px;
    border:1px solid #fafafa;
    }
    #comments li:hover{
    background-color:white;
    }
    #comment {
    width:100%;
    }
    #comments h3 {
    color: #993300;
    padding:5px;
    border-bottom: 3px solid #EBEBEB;
    }

    #bottom{
    width:100%;
    text-align:center;
    }
    .autor{
    background-color:#EEF9FD;
    }
    .visit{
    background-color:#FAFAFA;
    }
    .gravatar{
    float:left;
    }
    .comments-meta img{
    padding:1px;
    border: 1px solid #CCCCCC;
    background-color:white;
    margin-right:10px;
    }

    input,textarea, select {
    font-size : 8pt;
    font-family : Tahoma;
    background-color : #F9F9F9;
    color : #000000;
    font-weight : normal;
    border-width : 1px;
    border-color : #B6B6B6
    }
    summit{
    font-size : 10px;
    color : #000000;
    font-family : Tahoma;
    background-color : #eeeeee;
    border-width : 1px;
    border-color : #B6B6B6;
    }

    #s{
    width:100%;
    }

    ol, ul { margin: 0; padding: 0 0 0 20px; }
    ol li{ margin-bottom: 0.2em; }
    blockquote {
    margin: 0 10px;
    padding: 0 10px;
    border-left: 2px solid #00A5EB;
    font-size: 0.9em;
    }
    code{ background-color:#FDFFF5;}

    /* Menu X solapas */
    .firstmenu{
    margin-left: 300px;
    }

    .firstmenu ul{
    list-style-type: none;
    margin: 0;

    }

    .firstmenu ul li{
    float: left;
    margin: 0px;
    }

    .firstmenu ul li a{
    display: block;
    font-weight: bold;
    text-decoration:underline;
    color: #e3e3e3;
    }

    .firstmenu ul li a:hover{
    text-decoration: underline;
    }

    .firstmenu ul li.home a{
    padding: 12px 77px 10px 39px;
    background: url(imagen/navtab_home.gif) no-repeat;
    }

    .firstmenu ul li.foro a{
    padding: 12px 74px 10px 39px;
    background: url(imagen/navtab_foro.gif) no-repeat;
    }

    .firstmenu ul li.gallery a{
    padding: 12px 77px 10px 39px;
    background: url(imagen/navtab_gallery.gif) no-repeat;
    }

    .firstmenu ul li.blog a{
    padding: 12px 72px 10px 39px;
    background: url(imagen/navtab_blog.gif) no-repeat;
    }

    [/code][/quote]

  • #25081

    animexion
    Participante

    tenias razon, ahora busco manuales de como hacer themes en wordpress, gracias!

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido