Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] no puedo encontrar css

Estas en el tema de no puedo encontrar css en el foro de HTML en Foros del Web. Hola trabajo con 000webhost y tengo un problema con una plantilla para mi pagina aca les muestro una imagen. Bueno lo que no encuentro es ...
  #1 (permalink)  
Antiguo 01/10/2009, 20:51
Avatar de luzzifer  
Fecha de Ingreso: julio-2009
Ubicación: Paraná - Argentina
Mensajes: 160
Antigüedad: 8 años, 5 meses
Puntos: 2
no puedo encontrar css

Hola trabajo con 000webhost y tengo un problema con una plantilla para mi pagina
aca les muestro una imagen.

Bueno lo que no encuentro es mi opcion para modificar el css entro en mi ftp no se en que carpeta ayarlo ocea se que es en la carpeta principal por que ahi he encontrado el index.htm y he comprobado que el codigo html es el que uso pero no encuentro ahi las opciones de css. en 000webhost la mayoria de las plantillas traen para poder modificar css y ademas te lo dejan en el ftp´pero esto me resulto diferente y la verdad que nose por eso requiero ayuda.

Bue sino se entiende la imagen aca les dejo la web-
www .juegospcfull.com.ar

Porsierto se modificar la opciones en css pero siempre he trabajado con un archivo que contenia la css x un lado y el html x el otro y creo que es asi siempre la verdad que nose . Me gustarian que me ayuden con esto se me complico si necesitan mas fotos sobre el archivo del codigo fuente de la pagina avisen. (html)

Saludos espero respuestas de ayuda.


No puedo subir la imagen x que dice algo de anti-spam losiento si entran a la pagina ver de que les digo
  #2 (permalink)  
Antiguo 01/10/2009, 20:55
Avatar de luzzifer  
Fecha de Ingreso: julio-2009
Ubicación: Paraná - Argentina
Mensajes: 160
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: no puedo encontrar css

Quiero modificar css en mi plantilla de mi pagina web para acomodar el menu que son demasiado grande los tamaños en px de los botones del menu. Plis ayuda .. Saludos
  #3 (permalink)  
Antiguo 01/10/2009, 22:44
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: no puedo encontrar css

Hola luzzifer

Tienes dos hojas de estilos que son las siguientes:

en la carpeta image, el archivo style.css
Cita:
<link href="images/style.css" rel="stylesheet" type="text/css" media="screen" />


en la carpeta raiz, el archivo cms_style.css
Cita:
<link href="cms_style.css" rel="stylesheet" type="text/css" />

ademas del estilo del menu del dhtml
Cita:
<!--DHTML menu-->
<link href="editor_images/menu.css" rel="stylesheet" type="text/css" />
y del estilo que aparece directamente en el archivo:
Cita:
<style type="text/css">
<!--
/* CSS generated automatically, for News module. */
#NewsOverview, #NewsDescription {
font-family: ;
font-size: 11px;
color: ;
padding: 3px;
display:block;
}
#NewsOverview {
font-weight: bold;
padding-bottom: 5px;
}
#NewsOverview a:link, #NewsOverview a:visited {
color: ;
text-decoration: none;
font-weight:normal;
display:block;
}
#NewsOverview a:hover {
color: ;
text-decoration: underline;
}
#NewsTitle h1 {
font-family: ;
font-size: 16px;
color: ;
font-weight: bold;
padding: 3px;
margin:0px 0px 0px 0px;
background-color: ;
letter-spacing: normal;
}
#NewsTitle a:link h1, #NewsTitle a:visited h1 {
color: ;
font-size: 11px;
text-decoration: underline;
display:block;
}
#NewsTitle a:hover h1 {
color: ;
text-decoration: underline;
}
#NewsDate {
font-family: ;
font-size: 9px;
color: ;
padding:3px;
}
#NewsDate a:link, #NewsDate a:visited {
color: ;
text-decoration: none;
display:block;
}
#NewsDate a:hover {
color: ;
text-decoration: none;
}
#NewsThumb img {
border:none;
}
#NewsThumb {
float:left;
padding: 0px 10px 5px 3px;
}
#NewsItem {
display:block;
clear:both;
background-color: ;
width: 160px;
margin: 0px 0px 10px 0px;
padding: 0px;
border: 0px solid ;
}
#NewsPreviewItem {
display:block;
clear:both;
margin: 0px 0px 25px 0px;
/*background-color:#cccccc;
border: 1px solid #000000;*/
background-color: ;
}
-->
</style>



fijate en cual esta lo que quieres modificar, me parece que en la primera
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #4 (permalink)  
Antiguo 01/10/2009, 22:59
Avatar de luzzifer  
Fecha de Ingreso: julio-2009
Ubicación: Paraná - Argentina
Mensajes: 160
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: no puedo encontrar css

Gracias C2am por la respuesta y bastante rapida he encontrado todos los archivos y me he fijado.. El problema es que estoy un poco confundido con css

No he encontrado algo similar a esto
Cita:
body
{
font-size: 62.5%; /* reset 1EM to 10px */
margin: 0;
padding: 0;
background: transparent url('bg.png') top left repeat;
font-family: 'lucida grande', arial, tahoma, sans-serif;
}

#container
{
margin: 0 auto;
width: 683px;
position: relative;
background: transparent url('containerbg.png') top left repeat-y;
}

#header
{
margin: 0 auto;
width: 640px;
height: 96px;
background: transparent url('%%HEADERIMG%%') top left no-repeat;
}

.headtitle
{
position: relative;
font-family: 'lucida grande', arial, tahoma, sans-serif;
font-size: 30px;
color: #FFF;
top: 8px;
left: 12px;
}

#menu
{
margin: 0 20px;
height: 29px;
background: #bbd75a !important;
background: #b3d24e;
padding: 5px 0;
}

#menu ul
{
margin: 0;
padding: 7px;
background: transparent url('menuoff.png') top left repeat-x;
height: 29px;
}

#menu ul li
{
list-style: none;
display: inline;
}

#menu ul li a:link, #menu ul li a:visited
{
color: #767676;
padding: 13px 7px 15px 7px;
font-size: 1em;
background: transparent url('menuoff.png') center left repeat-x;
font-family: 'lucida grande', arial, sans-serif;
font-weight: bold;
text-decoration: none;
}

#menu ul li a:hover
{
background: transparent url('menuon.png') center left repeat-x;
color: #FDFDFD;
}
#active a:link {
background: transparent url('menuon.png') center left repeat-x;
color: #FDFDFD;
}
#active a:hover {
background: transparent url('menuon.png') center left repeat-x;
color: #FDFDFD;
}
#active a:visited {
background: transparent url('menuon.png') center left repeat-x;
color: #FDFDFD;
}

#roundedheader
{
width: 640px;
height: 18px;
margin: 0 auto;
background: transparent url('belowheade.png') top left no-repeat;
}

#content
{
min-height:400px;
height:2500px !important;
height:900px;
width: 640px;
margin: 0 auto;
background: transparent url('contentbg.png') top left repeat-y;
}

#insidecontent
{
float: left;
padding-left: 10px;
width: 620px;
}

#insidecontent p
{
margin: 0;
color: #767676;
font-family: 'lucida grande', 'franklin gothic medium', sans-serif;
font-size: 1.3em;
line-height: 170%;
}

#sidebar
{
padding: 0 10px 10px 10px;
float: right;
width: 210px;
background: #f6f6f6;
}

#sidebar p
{
margin: 0;
color: #565656;
font-family: 'lucida grande', 'franklin gothic medium', sans-serif;
font-size: 1em;
line-height: 170%;
}

#sidebar a:link, #sidebar a:active, #sidebar a:visited
{
text-decoration: underline;
color: #e36767;
}

#sidebar a:hover
{
text-decoration: none;
}

#roundedfooter
{
width: 640px;
height: 17px;
margin: 0 auto;
background: transparent url('abovefooter.png') top left no-repeat;
}

h2
{
margin: 10px 0;
font-weight: normal;
color: #94c258;
font-size: 2.2em;
}

h3
{
margin: 0;
font-size: 1.5em;
font-weight: normal;
color: #94C258;
}

#footer
{
margin: 0 auto;
width: 641px;
height: 39px;
background: transparent url('footer.png') top left repeat-x;
}

#footer span
{
display: block;
position: relative;
font-family: 'lucida grande', 'franklin gothic medium', sans-serif;
font-size: 1.2em;
padding: 10px;
color: #565656;
}
sera por que el tema ese para la pagina nop tedra esas configuraciones.A LO que quiero llegar es a la propiedad de cambiarle los px a los links del menu. ocea en esto que te muestro ahi se cuales son pero en los archivos css. que encuentro en mi ftp no hay ningun con esas propiedades. No es necesario que te tortures para explicarme jajaja por asi decirlo si es algo muy complicado y no es facil de aprender decime que es asi y sigo leyendo tutoriales. solo he trabajado con weebly.com y esto ya es mas avanzado. bueno desde ya gracias
  #5 (permalink)  
Antiguo 01/10/2009, 23:12
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: no puedo encontrar css

El primer archivo css, es decir el que está acá: "images/style.css"
es el que corresponde al menu superior donde tienes las letras A B C etc,

Abre tu pagina y mira el Codigo fuente, de ahi saque la info que te digo.

Cita:
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
margin: 0;
padding: 0;
}

body {
margin: 20px 0;
background: #212B35;
}

body, th, td, input, textarea {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

form {
}

fieldset {
}

input, textarea {
font-weight: bold;
}

input.text {
padding: 2px 5px;
background: #F8FAEB;
border-top: 1px solid #4D5719;
border-left: 1px solid #4D5719;
border-right: 1px solid #626456;
border-bottom: 1px solid #626456;
}

input.button {
background: #3C7BCF;
border-top: 1px solid #3C7BCF;
border-left: 1px solid #3C7BCF;
border-right: 1px solid #3C7BCF;
border-bottom: 1px solid #3C7BCF;
color: #FFFFFF;
}

h1, h2, h3 {
margin-top: 1.5em;
color: #626456;
}

h1 {
letter-spacing: -.075em;
font-size: 3em;
}

h2 {
letter-spacing: -.05em;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #8D8E85;
}

h3 {
font-size: 1em;
}

p, ul, ol {
margin-top: 1.5em;
line-height: 1.8em;
font-size: 1.1em;
}

ul, ol {
margin-left: 3em;
}

blockquote {
margin-left: 3em;
margin-right: 3em;
}

a {
text-decoration: none;
color: #3C7BCF;
}

a:hover {
border: none;
}

h1 a, h2 a, h3 a {
border: none;
text-decoration: none;
color: #626456;
}

h1 a:hover, h2 a:hover, h3 a:hover {
background: none;
color: #3C7BCF;
}

hr {
display: none;
}

/* Wrapper */

#wrapper {
}

/* Header */

#header {
width: 980px;
height: 55px;
margin: 0 auto;
}

#menu {
float: left;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
}

#menu a {
display: block;
float: left;
height: 25px;
margin-right: 1px;
padding: 10px 20px 0 20px;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
color: #8C8F7D;
}

#menu a:hover {
background: #F3F3F3;
color: #2C2E22;
}

#menu .current_page_item a {
background: #F3F3F3;
color: #2C2E22;
}

#search {
float: right;
width: 260px;
padding-top: 7px;
}

#search fieldset {
border: none;
}

#search #s {
width: 160px;
}

#search #x {
width: 80px;
}

/* Logo */

#logo {
width: 978px;
height: 200px;
margin: 0 auto;
background: url(img12.jpg) no-repeat left top;
height: 263px;
border: 20px solid #F3F3F3;
}

#logo h1, #logo h2 {
float: left;
margin: 0;
padding: 0;
}

#logo h1 {
padding: 100px 5px 0 20px;
color: #2C2E22;
}

#logo h2 {
padding: 115px 0 0 0;
font-style: italic;
}

#logo p {
clear: left;
margin: 0;
padding: 0 0 0 20px;
line-height: normal;
font-size: 1.2em;
font-weight: bold;
color: #C2C5B1;
}

#logo a {
color: #FFFFFF;
}

/* Page */

#page {
width: 978px;
margin: 0 auto;
padding: 20px 0px 0 0px;
background: #FFFFFF;
border: 20px solid #F3F3F3;
border-top: none;
}

/* Content */

#content {
float: left;
width: 625px;
padding: 0px 0px 0px 20px;
}

.post {
}

.post .title {
margin: 0;
font-weight: normal;
}

.post h1.title {
background: url(img18.gif) no-repeat left top;
padding: 15px 0 0 15px;
height: 30px;
font-size: 2.4em;
}

.post .entry {
padding: 0 10px 30px 15px;
}

.post .meta {
margin: 0;
padding: 5px 0px 0px 15px;
background: url(img04.gif) repeat-x left bottom;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CFCFCF;
}

.post .meta a {
color: #CFCFCF;
}

.post .links {
margin: 0;
}

.post .tags {
margin: 0;
text-transform: uppercase;
font-size: .8em;
font-weight: bold;
background: url(img04.gif) repeat-x;
}

.post .links a, .post .tags a {
border: none;
}

/* Recent Posts */

#recent-posts {
}

#recent-posts h2 {
margin: 0;
background: url(img13.gif) no-repeat left top;
padding: 15px 0 0 15px;
height: 30px;
}

#recent-posts h3 {
margin: 0;
font-size: 13px;
padding: 15px 0 0 15px;
background: url(img04.gif) repeat-x left bottom;
}

#recent-posts p {
margin: 0 0 10px 0;
padding: 15px 0 0 15px;
line-height: 22px;
font-size: 13px;
}

/* Sidebars */

.sidebar {
float: left;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

.sidebar li {
margin-bottom: 2em;
}

.sidebar li ul {
}

.sidebar li li {
margin: 0;
}

.sidebar li h2 {
margin: 0 0 1em 0;
}

#sidebar1 {
width: 230px;
padding: 0px 0px 0px 20px;
}

#sidebar2 {
width: 240px;
padding: 0px 20px 0px 20px;
}

#sidebar2 li h2 {
margin: 0 0 1em 0;
background: url(img11.gif) no-repeat left top;
padding: 15px 0 0 15px;
height: 30px;
}

#sidebar2 li ul {
line-height: normal;
background: url(img04.gif) repeat-x;
}

#sidebar2 li li {
padding: 5px;
background: url(img04.gif) repeat-x left bottom;
font-size: .8em;
}

#sidebar2 li a {
border: none;
padding-left: 10px;
}

#sidebar2 li a:hover {
border: none;
padding-left: 10px;
}


/* Calendar */

#calendar {
margin: 0 auto;
}

#calendar caption {
font-weight: bold;
}

#calendar table {
width: 220px;
text-align: center;
border-collapse: collapse;
}

#calendar thead th {
background: #CCCCCC;
color: #FFFFFF;
}

#calendar tbody td {
background: #EEEEEE;
}

#calendar #today {
background: #B8D03B;
font-weight: bold;
color: #FFFFFF;
}

#calendar a {
font-weight: bold;
}

#calendar #prev {
text-align: left;
}

#calendar #next {
text-align: right;
}

/* Footer */

#footer {
text-align: center;
font-size: 9px;
}

y en la parte que dice #menu ..... se encuentra el css del menu:


según lo que figura en el código de tu pagina:

Cita:
<div id="menu">
<ul>
<li><a href="http://juegospcfull.com.ar/">Home</a></li>
<li><a href="1_2_Products.html">Products</a></li>
<li><a href="1_3_News.html">News</a></li>
<li><a href="1_4_A.html">A</a></li>
<li><a href="1_5_B.html">B</a></li>
<li><a href="1_6_C.html">C</a></li>
<li><a href="1_7_D.html">D</a></li>
<li><a href="1_8_E.html">E</a></li>
<li><a href="1_9_F.html">F</a></li>
<li><a href="1_10_G.html">G</a></li>
<li><a href="1_11_H.html">H</a></li>
<li><a href="1_12_I.html">I</a></li>
<li><a href="1_13_J.html">J</a></li>
<li><a href="1_14_K.html">K</a></li>
<li><a href="1_15_L.html">L</a></li>
<li><a href="1_16_M.html">M</a></li>
<li><a href="1_17_N.html">N</a></li>
<li><a href="1_18_O.html">O</a></li>
<li><a href="1_19_P.html">P</a></li>
<li><a href="1_20_Q.html">Q</a></li>
<li><a href="1_21_R.html">R</a></li>
<li><a href="1_22_S.html">S</a></li>
<li><a href="1_23_T.html">T</a></li>
<li><a href="1_24_U.html">U</a></li>
<li><a href="1_25_V.html">V</a></li>
<li><a href="1_26_W.html">W</a></li>
<li><a href="1_27_X.html">X</a></li>
<li><a href="1_28_Y.html">Y</a></li>
<li><a href="1_29_Z.html">Z</a></li>

</ul>
</div>
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #6 (permalink)  
Antiguo 01/10/2009, 23:17
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: no puedo encontrar css

Lo que quieres cambiar debería ser esto:

Cita:
#menu a {
display: block;
float: left;
height: 25px;
margin-right: 1px;
padding: 10px 20px 0 20px;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
color: #8C8F7D;
}


Sobre el código que pusiste, no será que no actualizaste lo que tienes en el servidor? porque es bastante parecido a lo que hay, pero algunas cositas difieren.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #7 (permalink)  
Antiguo 02/10/2009, 12:51
Avatar de luzzifer  
Fecha de Ingreso: julio-2009
Ubicación: Paraná - Argentina
Mensajes: 160
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: no puedo encontrar css

Se es justamente eso lo que queria cambiar gracias c2am las propiedades de css estaban donde me dijiste en images/style.css el problema era que habia varios por que los que probaba ivan quedando ahora tendria que hacer una buena limpiesa..


Muchas gracias !!!!! =)
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 13:45.