Respuesta a: sera muy complicado hacer un theme asi

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

#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]

Pin It on Pinterest

Ir al contenido