[SOLUCIONADO] no puedo encontrar css

luzzifer · #1 (**permalink**) 01/10/2009, 19:51

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

luzzifer · #2 (**permalink**) 01/10/2009, 19:55

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

C2am · #3 (**permalink**) 01/10/2009, 21:44

Hola luzzifer

Tienes dos hojas de estilos que son las siguientes:

en la carpeta image, el archivo style.css

Cita:

en la carpeta raiz, el archivo cms_style.css

Cita:

ademas del estilo del menu del dhtml

Cita:

<link href="editor_images/menu.css" rel="stylesheet" type="text/css" />

y del estilo que aparece directamente en el archivo:

Cita:

fijate en cual esta lo que quieres modificar, me parece que en la primera

luzzifer · #4 (**permalink**) 01/10/2009, 21:59

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

C2am · #5 (**permalink**) 01/10/2009, 22:12

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>

C2am · #6 (**permalink**) 01/10/2009, 22:17

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.

luzzifer · #7 (**permalink**) 02/10/2009, 11:51

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 !!!!! =)