Cómo agregar imagen de fondo en publicaciones iniciales

byprez Seguir

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
15 Jun 2014
Mensajes
170
Alguien sabe como poner una imagen de fondo en los post que salen al inicio de la pagina ?
2.PNG

El tema que uso es Conedoblefree y dentro de sus archivos hay una imagen de color naranja llamada men que es la que me gustaria ponerle de fondo a los post que salen al inicio..

Asi:
Captura.PNG

Porfavor si alguien sabe como puede desirme ?
 

Javieer

Gamma
Programador
Desde
2 Ago 2013
Mensajes
161
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Tienes que buscar el ID o la clase del div contenedor y con css usar la propiedad background:url(la-imagen-que-quieras.jpg);
 

byprez

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
15 Jun 2014
Mensajes
170
en la hoja de estilo buscado background: url hay varios resultados.
mira esta es mi hoja de estilo
Insertar CODE, HTML o PHP:
/*
Theme Name: CineDoble Version Gratis
Description: Theme optimizado para peliculas.
Author: Rayden
Version: 1.6
*/
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
body {color:#333;font: 12px Verdana;background: url(images/back.jpg) no-repeat scroll 50% 0 #000;}
* {margin:0;padding:0;}
.clear {clear:both;}
img {border:0;
max-width: 545px;
width: expression(this.width > 545 ? 545: true);
height:auto;
}
/*
Contenedor de videos (IFRAME)
iframe {
max-width: 545px;
max-height:360px;
}
*/
a {color:#000;text-decoration:none;}
a:hover {color:#444;text-decoration:none;}
ul {list-style: none;}
textarea ,input{outline: none;}
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float:left;margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float:right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff; border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto; margin:0;max-width: 98.5%;padding:0;width: auto;}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px; margin:0;padding:0 4px 5px;}
/* ajustes */
#menu,.mwidget,h3.widgetitulo,.wp-pagenavi a, .wp-pagenavi span,#caja,.marco-filas,.sinopsis,h3#titulocomemt,#respond input#enviar{-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#footer a,h3.widgetitulo,.wp-pagenavi a, .wp-pagenavi span,.sinopsis h3,.texto,#sidebar ul li a,.mwidget p,.mwidget a ,.mwidget{color: #fff;}
/* fin ajustes */
/* header */
#marco{margin:0 auto;width:990px;}
#cabeza {height: 140px;}
#logo h1 a{text-indent: -9999px;width:250px;float:left;height: 152px;background: url(images/logoh.png) no-repeat;}
.banner-top {
margin-top: 35px;
display: block;
width: 728px;
height: 90px;
float: right;
}
#menu {background: url(images/men.png) repeat-x;text-align:center;margin: 15px auto;height: 40px;}
#menu li {border-right: 1px solid;display:inline;list-style-type:none;margin:0;padding:0;}
#menu li:last-child {border-right: none;}
#menu ul {margin:0;padding:4px;}
#menu ul li a {text-transform: uppercase;line-height: 33px;font-weight: 700;font-size: 10px;color: white;text-decoration: none;padding: 10px;-moz-transition: all 0.218s;-ms-transition: all 0.218s;-o-transtion: all 0.218s;-webkit-transition: all 0.218s;transition: all 0.218s;}
#menu ul li a:hover {text-shadow: none;color:#000;background:#fff;text-decoration:none;}
#estrenos ul > li {position: relative;	float: left;list-style: none;margin: 0 20px 20px 0;font-size: 10px;z-index: 1;}
#estrenos ul li img { display: block; position: relative; z-index: -1;}
#estrenos ul a:hover:after,#estrenos ul a:focus:after{content: attr(title);color: #fff;position: absolute;bottom: 20px;padding: 5px 0;min-height: 15px;line-height: 15px;text-align: center;width: 130px;background: url(images/men.png) repeat-x;display: block;text-shadow: -1px -1px 0 #382D2B;}
#estrenos {margin: 30px 0 0;}
/* carrusel */
.marco-filas {margin: 0 auto;background:url(images/on-sbg.png);height: 250px;box-shadow: rgba(0,0,23,0.9) 0 0 5px 1px; /* un detallito */}
.jcarousel-container-horizontal {height: 220px;padding: 15px;margin-left:130px;position:relative;}
.marco-cinta .jcarousel-clip {overflow: hidden;}
.marco-cinta .jcarousel-item {width: 150px;height: 230px;}
.marco-cinta .jcarousel-next-horizontal {position: absolute;top: 25px;left: -83px;width: 60px;height: 60px;cursor: pointer;background: transparent url(images/next-horizontal.png) no-repeat;}
.marco-cinta .jcarousel-prev-horizontal {position: absolute;bottom: 20px;left: -83px;width: 60px;height: 60px;cursor: pointer;background: transparent url(images/prev-horizontal.png) no-repeat;}
.panel{margin:10px 0;}
/* Fin carrusel */
#caja{margin:30px auto;background:url(images/post.png);background-color: #F4F4F4;}
/* fin header */
/* index */
#contenido{width:640px;margin:10px;float:left;}
.pelicula {color:#555;width:150px;height:250px;margin:5px !important;float:left;position:relative;}
.poster {width: 130px;}
.poster img , #portadas img {width: 130px;height:200px;}
.poster h2{text-align: center;padding:7px 0;}
.poster h2 a:link, .poster h2 a:visited{font-size:10px;line-height: 12px;color:#444;}
.sinopsis {background:#ff3400 url(images/men.png) top repeat-x;display:none;position:absolute;right:-305px;text-shadow:1px 1px 2px #1A3D64;top:0;width:300px;z-index:100;}
.sinopsis h3 {border-bottom:1px dashed silver;font-size:18px; margin:5px 5px 0; padding:2px 0 7px;}
.texto {padding: 5px 10px; line-height:16px; font-size:13px; float:left;}
/* fin index */
/* Estilo para Plugin Wp-Pagenavi */
.wp-pagenavi {clear: both;font-weight: 700;font-size: 15px;line-height: 50px;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;margin: 2px;text-shadow: 0 1px 0 #000;height: 2.95em;padding: 13px;background: #313131 url(images/on-sbg.png);}
.wp-pagenavi a:hover, .wp-pagenavi span.current {box-shadow: 0 0 5px rgba(0,0,0,0.8);}
.wp-pagenavi span.current {font-weight: 700;}
/* fin estilo pagenavi */
/* post */
#marco-post{width:640px;margin-top:25px;float:left;}
.titulo{padding-left: 20px;font-size: 45px;font-family: 'Yanone Kaffeesatz'}
.post{margin: 10px auto;color: #555;padding: 10px;border: 1px solid #fff;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;width: 575px;}
.post a:link,.post a:visited {color:blue;}/* azul es un link para los hoygan */
.post a:hover {text-decoration:underline;}
.post p{padding: 10px;line-height:175%;word-wrap: break-word;}
.mposter{float:left;margin: 10px 5px;padding:10px;}
.mposter img {width: 130px;height: 200px;}
.sipno { margin-top: 10px;text-align: justify; }
.sipno h3 {text-align: center;}
 #mcardtable{
padding: 10px;
background: white;
box-shadow: inset 1px 2px 3px #BBB, 1px 1px 1px white;
text-align: left;
 }
 #mcardtable td{ height: 35PX; }
.linea {background: url(images/borde.png) no-repeat;margin-top: 20px;text-align: center;height: 15px;}
.generos {margin:0 30px;color:#3B5998;font-weight: bold;}
.generos a{display: inline-block;width: auto;margin: 0 5px 10px 0;padding: 3px 10px;color: #8A8A8A;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: none;-moz-box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;-webkit-box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;
font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;font-style: italic;
text-shadow: 1px 1px 0px white;list-style: none;}
.generos a:hover {-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;background: white;color: black;box-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
/* post */
/* sidebar */
#sidebar {width: 310px;float: right;margin: 10px;}
#sidebar  li {width: 150px;font-size:13px;color:#000;list-style:none;overflow:hidden;float:left;}
#sidebar ul li a:hover {color: white;text-decoration: underline;-webkit-transition: all 0.5s ease-in-out;text-shadow: 0 0 10px yellow;}
#sidebar ul li a {padding-left: 25px;background: transparent url(images/li.png) no-repeat scroll left center;font-size: 12px;line-height: 20px;margin: 5px 0;display: block;}
h3.widgetitulo,h3#titulocomemt {background: url(images/men.png) repeat-x;font-size: 30px;margin-bottom: 10px;padding: 10px 0 10px 10px;text-shadow: -1px -1px 0 #382D2B;font-family: 'Yanone Kaffeesatz';text-align: center;text-transform: uppercase;}
.mwidget{background: url(images/on-sbg.png);display:inline-block;margin-bottom:10px;padding:5px!important;width: 300px;}
.tagcloud,.textwidget {padding: 5px;}
.page_item  {
width:100%;
float: none;}
/* Fin sidebar */
/* footer */
#footer {padding:30px 0;color:#ccc;font-size:11px;text-align:center;}
/* Fin footer */
/* Comentarios */
.tinota {float: left;margin-left: 50px;padding-top: 10px;}
.notab {float: left;margin: 10px 0 0 50px;}
.bgnota{background: url(images/aviso.png) no-repeat white 10px 10px;display: inline-block;}
.notaav  {font-style: italic;font-size: 12px;color: black;float: right;margin-top: 5px;padding: 5px;width: 40%;height: 85px;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;border: 8px solid #333;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.comentarios {margin: 30px auto;width: 575px;}
h3#titulocomemt {color:white}
ol.listacomentarios {clear:both;list-style:none;margin:0;}
ol.listacomentarios li {line-height:18px;border: 1px solid white;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;margin:5px 0 20px 0px;padding:20px 25px;}
ol.listacomentarios li .comment-author a:link,ol.listacomentarios li .comment-author a:visited {color:#333;font-weight:700;text-decoration:none!important;}
cite.fn {color:#eee;font-style:normal;}
ol.listacomentarios li .comment-author .avatar {float:right;float: right;border: 1px solid white;box-shadow: 0 0 5px 1px #ccc;}
ol.listacomentarios li .comment-meta .commentmetadata {color:#000;}
ol.listacomentarios li p {line-height:22px;margin-top:5px;color:#666;font-size:12px;}
ol.listacomentarios li .reply {margin-top:10px;font-size:10px;}
ol.listacomentarios li .reply a {color: #8A8A8A;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;-webkit-box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;font-size: 12px;text-shadow: 1px 1px 0px white;text-decoration:none;padding:3px 10px;}
ol.listacomentarios li .reply a:hover {-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;background: white;color: black;box-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
ol.listacomentarios li ul.children {list-style:none;text-indent:0;margin:1em 0 0;}
#respond {margin:10px 0;padding:10px 20px;border: 1px solid white;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;}
#respond h3 {font-size:14px;color: #3B5998;font-weight: bold;padding:10px 0px;}
#commentform {padding:10px 0;}
#respond label {display:block;color: #3B5998;font-weight: bold;padding:5px 0;}
#respond input {background:#fff;border:1px solid #EFE4DA;color:#595852;margin:0 10px 10px 0;padding:5px;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;}
#commentform input {width:50%;}
#respond input#enviar {width: 90px;background: url(images/men.png);color: white;margin: 10px 0;padding: 5px;cursor: pointer;box-shadow:none;}
textarea#comenta {background:#fff;border:1px solid #EFE4DA;width:98%;color:#595852;margin:10px 0 0;padding:5px;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;}
ol.listacomentarios li .comment-author,ol.listacomentarios li .comment-author .fn {color: #3B5998;font-weight: bold;}
ol.listacomentarios li .comment-meta,#respond label small {font-size:10px;}
ol.listacomentarios li ul.children li.depth-2,ol.listacomentarios li ul.children li.depth-3,ol.listacomentarios li ul.children li.depth-4,ol.listacomentarios li ul.children li.depth-5 {margin:0 0 0 50px;}
/* Fin comentarios */
/* Buscador */
#search p {margin:0;font-size:85%;}
#s {width: 230px;background: #F8F8F8;padding: 5px 5px;height: 20px;border: none;color: #555;float: left;display: inline;-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;}
#searchsubmit {background: #37444E;color: white;display: block;width: 60px;height: 30px;line-height: 30px;float: right;cursor: pointer;border: 1px solid white;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;}
/* Fin Buscador */

.trela {
font-weight: 700;
color: white;
font-size: 35px;
text-align: center;
padding: 10px 0;
background: url(images/men.png) #fd7622 repeat-x;
text-shadow: -1px -1px 0 #382D2B;
font-family: 'Yanone Kaffeesatz';
text-transform: uppercase;
}
#relacion {
padding: 5px;
height: 320px;
width: 570px;
margin: 0 auto;
height: 100%;
position: relative;
overflow: hidden;
padding: 5px;
border: 1px solid #111;
background: url(images/men.png) #333;
-moz-box-shadow: 1px 1px 4px #222;
-webkit-box-shadow: 1px 1px 4px #222;
box-shadow: 1px 1px 4px #222;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#relacion  img {
height: 200px;
width: 130px;
}
#relacion  img:hover{
box-shadow: rgba(255, 255, 255, 1) 0 0 10px 5px;
-o-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.relp {
font-size: 22px;
text-align: center;
padding: 10px 0;
}
.tpost {
margin: 20px 0 0 10px;
width: 130px;
height: 250px;
float: left;
}
.tpost h2 a{
color: white;
font-size: 10px;
}
.tpost h2 {
text-align: center;
margin-top:10px;
}

No se cual cambiar, solo quiero que salga en la pagina de inicio.
Esta es la pagina Descargar Peliculas Gratis en BrRip y DvdRip por Mega y Firedrive

la imagen ya esta cargada junto con las demas del tema y se llama men.png
 
Última edición:
Arriba