Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

modificar theme style

Estas en el tema de modificar theme style en el foro de WordPress en Foros del Web. despues de 3 dias tratando me ha vencido y pido ayuda al foro baje theme llamado fullscreen de : http://graphpaperpress.com el nombre es Fullscreen – ...
  #1 (permalink)  
Antiguo 30/04/2011, 20:47
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 16 años, 4 meses
Puntos: 0
modificar theme style

despues de 3 dias tratando me ha vencido y pido ayuda al foro
baje theme llamado fullscreen de : http://graphpaperpress.com
el nombre es Fullscreen – v 2.4.3

y necesito hacer dos cambios :
1 que el efecto overlay no aparezca ,,, se ve muy oscuro y deseo dejarlo brillante


2 que la barra del menu sea transparente y dejarla z-index por sobre las imagenes

3 cambiar tamaños de las imagenes dejarlas irregulares

aqui esta el codigo :

Theme Name: Fullscreen
Theme URI: http://graphpaperpress.com/
Description: A multimedia theme framework for WordPress by <a href="http://graphpaperpress.com">Graph Paper Press</a>
Version: 2.4.3
Tags: photography, one-column, minimal, widgets, black, portfolio, video, multimedia, framework
Author: Thad Allender
Author URI: http://graphpaperpress.com/
Contributors: Chandra Maharzan
License: GPL
*/

/* Blueprint CSS Styles */
@import url( 'css/screen.css' );

/* Menu CSS */
@import url( 'css/superfish.css' );

/* jQuery UI CSS */
@import url( 'css/jquery.ui.css' );

/* Override */
body { background: #0f0f0f; color: #999; }
.container { margin-top:0px }
h1,h2,h3,h4,h5,h6 { color: #999 }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #fff }
a { color:#428ce7; text-decoration:underline }
a:hover { color:#fff }

/* Masthead */
#masthead { padding:0; margin:12px 0 24px 0; height: 10px; position: relative; display:block; clear:both }
#masthead h2, #branding h2 { float:left; text-transform:uppercase; margin:0; padding:0 }
#masthead h2 a, #branding h2 a { color:#fff }
#masthead .description, #branding .description { float:left; color:#999; margin: 10px 12px; padding-left:12px; border-left: 10px solid #999; font-size:11px }

/* Home Thumbs & Nav*/
.home-thumbs { margin-top: 10; padding: 0; overflow: auto; left: 0; overflow: -moz-scrollbars-none; position: absolute; width: 1600px}
.bottom-thumbs {position: absolute; top: 440px; left:0;}
.thumbs { display:hidden; }
ul.thumbs { width: 1600px; list-style: none; margin: 0; padding: 0; position:relative; top:0; left:0; right:1600px }
ul.thumbs li { float: left; width: 160px; height:160px; margin:0; overflow:hidden; }
ul.thumbs li.thumb-big { float: left; width: 320px; height:320px; margin:0; overflow:hidden; }
ul.thumbs li img.attachment-thumbnail { margin:0 }
ul.thumbs li.thumb-end {margin-top:144px}
.go-left { position:absolute; top:17px; right: 90px;display: none}
.go-right { position:absolute; top:17px; right: 50px; }
#branding { background: #000; color:#474747; position:absolute; z-index: 4; left: 0px; top:320px; height:40px; padding:40px; zoom:1; width:100%; margin:auto; clear: both; display: block; }
#branding a, #masthead a { color:#474747; text-decoration:none }
#branding h1 a, #masthead h1 a { color:#fff; }
#branding h1, #masthead h1 { text-transform:uppercase; font-weight:bold; margin:0 ;}
#branding a:hover { color:#fff }
#branding .description { text-align:left;}
.brand-wrap { float:left }

/* IE 6 hacks for position fixed */
* html #branding { position: absolute; padding:45px 40px 35px 50px;width: 1505px;}
* html .go-left { top:17px; right: 280px; display: none}
* html .go-right { top:17px; right: 240px; }

/* Footer */
#footer-wrap { width:100%; background:#000; padding:24px 0 }
#footer { width: 950px; margin:0 auto;color:#333; text-align: left }
#footer a { color:#333 }
#footer a:hover { color:#ccc }
#footer ul { list-style:none; margin:0; padding:0; border-top:1px solid #111 }
#footer ul li { border-bottom:1px solid #111 }
#footer ul li a { text-decoration:none; padding: 4px }
.post-nav-prev,.post-nav-next, #dialog_link,.icon { float:left; margin:0 10px 0 0; padding: .4em 1em .4em 20px; text-decoration: none; position: relative; color:#999 }
.icon span.ui-icon,#dialog_link span.ui-icon, .post-nav-prev span.ui-icon, #nav ul li ul li a.icon span.ui-icon { margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px }
.post-nav-next span.ui-icon { margin: 0 5px 0 0; position: absolute; left: 42px; top: 50%; margin-top: -8px }
ul#icons { margin: 0; padding: 0 }
ul#icons li { margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none }
ul#icons span.ui-icon { float: left; margin: 0 4px }
#post-nav { float:right }

/* Posts */
#content { display:block; clear:both; margin:2em 0 }
.post { display:block; clear:both }
#content h2, .post h2 { text-align:center; text-transform:uppercase; border-bottom:1px solid #333; border-top:1px solid #333; padding:6px 0 0 0; background: url(images/stripe.png) repeat }
#content h2 a, .post h2 a { text-decoration:none; }
.postmetadata { background: #000; margin:0 0 2em 0; padding:1em; color:#999; font-size:11px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display:block; clear:both ;height:25px}
.postmetadata a { color:#515151; }
.postmetadata a:hover { color:#eee }
.sub { text-transform:uppercase }
.underlined { border-bottom:1px solid #222 }
.nav { margin:12px 0; font-size:11px}
.nav a { background:#000; color:#999; padding:8px; text-decoration:none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.nav a:hover { color:#eee; background:#333; cursor:pointer }

/* Floats & Images */
.right { float: right; }
.left { float: left; }
.middle {margin: 0 auto;float:left;}
.clear { clear: both; }
img.centered{display: block;margin-left: auto;margin-right: auto;max-width:950px}
img.alignright{padding: 4px 0 4px 4px;margin: 3px 0 2px 10px;display: inline;max-width:950px}
img.alignleft{padding: 4px 4px 4px 0;margin: 3px 10px 2px 0;display: inline;max-width:950px}
img.alignnone{padding:4px 4px 4px 0; margin:3px 10px 2px 0;display: block;max-width:950px}
.alignleft{float: left;}
.alignright{float: right;}
.aligncenter,div.aligncenter {display: block;clear:both;margin-left: auto;margin-right: auto;}
.thumbnail, .attachment-thumbnail {margin:0 1.5em 1.5em 0;float:left}
.attachment-medium {max-width:1px;overflow:hidden;display: inline}
.attachment-large {max-width:950px;overflow:hidden;display: inline}

/* Gallery */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }

div.gallery-columns-1 { width: 204px; }
div.gallery-columns-2 { width: 500px; }
div.gallery-columns-3 { width: 750px; }
div.gallery-columns-4,
div.gallery-columns-5,
div.gallery-columns-6,
div.gallery-columns-7,
div.gallery-columns-8,
div.gallery-columns-9 { width: 950px; }

/* Captions */
.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }

/* Etc */
#filters {clear: both;height: 2em;margin-bottom: 1em;}
#filters li {float: left;margin-right: 2em;}
:focus {outline: 0;}
.ad-main, .ad-sidebar {clear:both; display:block; margin: 0 0 1.5em;}
.hidden {display:none}
.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */
  #2 (permalink)  
Antiguo 30/04/2011, 20:47
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: modificar theme style

no cabia todo asi que va el resto:

/* Search */
#search {float:right;margin:55px 12px 0 0; padding:0;}
#search #s {background: #ddd url('images/search.png') 0px center no-repeat;color: #222;font-size: 1em;margin:0;padding: 4px 0 4px 17px;width: 150px;border:1px solid #333;}
#search input {border:0}
#search #s:hover {color: #0066cc;background: #fff url('images/search_blue.png') 0px center no-repeat;}
.search-excerpt {margin: 0;}
#searchsubmit {display:none}

/* Comments */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border-top:5px solid #ccc; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; height:1%;}
ol.commentlist li:hover {background:#ccc;}
ol.commentlist li.comment-author-admin {border-top:5px solid #ccc;}
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight: bold; color:#222 }
ol.commentlist li div.vcard a {color:#222}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#333; }
ol.commentlist li div.vcard img.avatar {left:0;position:absolute; top:5px; }
ol.commentlist li div.comment-meta { font:11px helvetica,arial,sans-serif;position:absolute; right:0; text-align:right; top:0;background:#ccc; padding:6px 4px 4px 4px}
ol.commentlist li div.comment-meta a { color:#fff; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li.comment-author-admin div.comment-meta {background:#ccc; color:#fff}
ol.commentlist li.comment-author-admin div.comment-meta a:hover {color:#fff}
ol.commentlist li div.reply { text-align:center; width:36px; }
ol.commentlist li div.reply a { background:#eee; color:#222; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 10px 3px; color:#222; text-decoration:none; text-transform:uppercase; }
ol.commentlist li div.reply a:hover {color:#fff; background:#222}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
#comments {margin:4px 0}
#respond {margin:30px 0; padding:10px 0;border-top:5px solid #ccc}
#commentform{ margin-bottom: 60px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;font-size: 1.2em;}
#commentform textarea {margin-top:5px;width: 95%;padding: 2px;border:1px #ccc solid;font-size: 1.2em;}
#commentform textarea:hover {border:1px solid #222;}
#commentform #submit{margin-top: 5px;padding: 5px;font-weight: bold;font-size: 1.3em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-size:1.3em;font-weight:bold;margin-top:5px;padding:5px;}
legend {font-size: 1.2em;font-weight:bold;padding: 2px 10px}
#commentform #submit:hover{background:#000;color:#fff}
#wp-submit {font-weight: bold;font-size: 1em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-weight:bold;padding:5px;}
#wp-submit:hover {background:#000;color:#fff}

/* Navigation at rest */
#nav { position: absolute; top: 0; right: 0; padding:0; }
#branding #nav { position: absolute; top: 42px; left:600px;}
#masthead .sf-menu li a:hover {color:#fff;

de antemano gracias....
  #3 (permalink)  
Antiguo 01/05/2011, 08:13
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: modificar theme style

pense que eran mis amigos......

ya pude cambiar el menu

pero no puedo variar la opacidad de las imagenes vamos no me abandonen...
saludos
  #4 (permalink)  
Antiguo 01/05/2011, 08:56
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años, 6 meses
Puntos: 344
Respuesta: modificar theme style

Lo de la opacidad está puesto en la propia imagen tal y como
puedes ver:
Código HTML:
Ver original
  1. <img src="http://cdn.demo.graphpaperpress.com/fullscreen/files/bottles1-200x200.jpg" alt="Laoreet mauris" class="thumbnail thumbnail " width="160" height="160" style="opacity: 0.3; ">

En el atributo style="opacity: 0.3; " es donde se define. Si quieres hacerlo por css tienes que quitar todos esos atributos de las imagenes y utilizar alguna regla css para ello.

Por ejemplo:
Código CSS:
Ver original
  1. img.transparentes {
  2. opacity: 0.3;
  3. }

Si quieres que se vean normales con quitarles el atributo opacity ya estaría hecho.
  #5 (permalink)  
Antiguo 01/05/2011, 09:28
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: modificar theme style

gracias maestro pero de donde sacaste :
<img src="http://cdn.demo.graphpaperpress.com/fullscreen/files/bottles1-200x200.jpg" alt="Laoreet mauris" class="thumbnail thumbnail " width="160" height="160" style="opacity: 0.3; ">
no puedo encontrarlo .....

quitar atributo?
please un poco mas de info,,,
  #6 (permalink)  
Antiguo 01/05/2011, 09:31
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: modificar theme style

como llego hasta ahi , pense que se modificba desde el style.css pero no encuentro lo que tu me dices ,,,
  #7 (permalink)  
Antiguo 01/05/2011, 09:39
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años, 6 meses
Puntos: 344
Respuesta: modificar theme style

Con lo de antes me refiero al codigo HTML no al CSS.

Código HTML:
Ver original
  1. <img src="http://cdn.demo.graphpaperpress.com/fullscreen/files/bottles1-200x200.jpg" alt="Laoreet mauris" class="thumbnail thumbnail " width="160" height="160" style="opacity: 0.3; ">

Supongo que tendrás creada una página HTML con la estructura y luego la CSS con las reglas.

En la página HTML tendrás tus imágenes con img. No se si habrás copiado la estructura html del tema que bajaste o como. Pero en cualquier caso, si tienes las imágenes con el atributo style = "opacity: 0.3" tienes que quitarlo.

Lo mejor será que pongas como tienes la página html para que te ayude mejor aunque con lo que te he dicho debería bastar.
  #8 (permalink)  
Antiguo 01/05/2011, 09:45
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: modificar theme style

admito soy bien ñoño para esto ,
esto hice :
baje el theme gratuito y tal cual lo instale a traves del ftp filla
no he copiado ni tengo ninguna estructura html o sino lo cambiaria al instante
como puedo obtenerla ?
por eso veia la opcion modificando style .css pero no me funciona

agradezco mucho tu ayuda
  #9 (permalink)  
Antiguo 01/05/2011, 09:58
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 13 años, 6 meses
Puntos: 344
Respuesta: modificar theme style

Esto es un ejemplo de documento HTML:

Código HTML:
Ver original
  1. !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <title>Mi primera pagina</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. </head>
  6. <center><h1>Mi primera pagina</h1></center>
  7. <hr>
  8. <p>esta es mi primera pagina, aun no tiene informacion mucho menos cosas
  9. interesantes</p>
  10. </body>
  11. </html>
  12. </body></html>



No sé exactamente que problema tienes pero veo que no tienes las cosas demasiado claras y es un poco difícil ayudarte así.

Dame alguna pista más del problema que tienes y para que estás utilizando esto para poder ayudarte mejor.
  #10 (permalink)  
Antiguo 01/05/2011, 10:05
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: modificar theme style

si me das un correo te puedo enviar el theme y mi web para desde me puedas ayudar !!!
seria mas facil asi
  #11 (permalink)  
Antiguo 01/05/2011, 10:17
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: modificar theme style

mi mns xxxxx

Última edición por pao01; 01/05/2011 a las 17:07 Razón: Quitar mail
  #12 (permalink)  
Antiguo 01/05/2011, 17:11
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 16 años, 5 meses
Puntos: 351
Respuesta: modificar theme style

arqbol, la idea de un Foro es resolver los temas dentro del foro, lee las políticas.
Por tal motivo he editado tu post anterior.

Una solución es que si utilizas Mozilla Firefox, puedes instalar un plugin denominado Firebug que te resultará muy útil al momento de tener que visualizar el código y saber por donde debes realizar modificaciones.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #13 (permalink)  
Antiguo 02/05/2011, 07:25
 
Fecha de Ingreso: julio-2008
Mensajes: 11
Antigüedad: 16 años, 4 meses
Puntos: 0
Respuesta: modificar theme style

si tienes razon , pero la verdad es que estaba muy complicado con el tema de los tiempos y via foro se hacia muy lento
aprovecho de agradecer enormente la ayuda desinteresada de Alexg88
realmente me sorprendio su dominio del tema y gentileza

Grande Alex!!!

como dije antes pase 3dias arrancadome los pelos de la cabeza y nada entre los intentos estuvo el firebug pero el obtener los codigos no me permitio modificar el theme
Alex dio con el asunto ,,, habia que modificar el javascript ,esto me permitio manejar los parametros que buscaba
bien gracias a todos por su aporte un abrazo

Etiquetas: modificar, style, themes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:05.