Topic: centrar logo

August 04, 2011 - 02:29 02:29

Hola!! Mi foro es este: http://consolashack.iblogger.org y le acabo de instalar el theme de Call Of Duty. Le he puesto el logo que quería y todo bien, pero lo que quiero es centrarlo. He ido a index.css del theme Call Of Duty y he puesto en h1.forumtitle esto: text-align: center; y le he quitado el float: left; que ya venia pero sigue igual. Que más puedo hacer? Decir que he borrado las cookies del foro, pero tampoco surge efecto. Tambíen quiero quitar el logo del call of duty, que no se como quitarlo, porque no se como se llama. Muchas gracias de antemano. Un saludo.

**Reply #1** August 04, 2011 - 11:10 11:10

Busca este codigo y le aumentas el margin:

Code: [Select]

/* float these items to the right */
#siteslogan, img#smflogo
{
margin: 0;
padding: 0;
float: left;
line-height: 3em;
}

aunuqe no estoy muy seguro, pero creo que es ahi...

Saludos

**Reply #2** August 04, 2011 - 10:15 22:15

Cambia

Code: [Select]

float: left;
por

Code: [Select]

float: center;
Maliante

**Reply #3** August 04, 2011 - 10:22 22:22

Maliante, no existe el valor center para el atributo float.

**Reply #4** August 04, 2011 - 11:00 23:00

Mejor busca la parte del logo en tu index.template y metelo dentro de un <center></center>
Pero la verdad mejor modifica el logo de abajo, ya que ese que tienes ahí arriba se ve feito u.u
De paso desinstala simple portal, no le veo el caso a tener 2 portales instalados al mismo tiempo.
Saludos

**Reply #5** August 04, 2011 - 11:25 23:25

Quote from: Lean on August 04, 2011 - 10:22 22:22

Maliante, no existe el valor center para el atributo float.

middle?

**Reply #6** August 04, 2011 - 11:31 23:31

Quote from: distante on August 04, 2011 - 11:25 23:25

Quote from: Lean on August 04, 2011 - 10:22 22:22
Maliante, no existe el valor center para el atributo float.

middle?

Tampoco

**Reply #7** August 04, 2011 - 11:38 23:38

in the inner point?

**Reply #8** August 04, 2011 - 11:48 23:48

si es mejor centrar con la etiqueta center de html el div del logo

**Reply #9** August 05, 2011 - 03:28 03:28

Muchas gracias por tantas respuestas. El div del logo es este:

Quote

<div id="top_section">
         <img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
         echo'
         <a href="', $scripturl, '"><img id="smflogo" style="margin-top: 10px;" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="logo" /></a>';
   echo '
      </div>';

Centrado deberia quedar así, creo yo:

Quote

<center><div id="top_section">
         <img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
         echo'
         <a href="', $scripturl, '"><img id="smflogo" style="margin-top: 10px;" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="logo" /></a>';
   echo '
      </div></center>';

Pero sigue igual. Es así como lo debo de centrar?

PD: lo de simple portal, cuando tenga tiempo lo desinstalaré, porque lo tengo que desinstalar por FTP y ahora estoy pasando los dias en el chalet y solo bajo por la mañana y algunas tardes (muy pocas).

**Reply #10** August 05, 2011 - 06:14 06:14

La etiqueta <center> esta deprecated. Tampoco es valida de usar ya que da errores en la validacion css. Lo correcto seria

Code: [Select]

<div style="text-align:center;">contenido</div>

**Reply #11** August 05, 2011 - 06:22 06:22

Quote from: Lean on August 05, 2011 - 06:14 06:14

La etiqueta <center> esta deprecated. Tampoco es valida de usar ya que da errores en la validacion css. Lo correcto seria
Code: [Select]
<div style="text-align:center;">contenido</div>

En el contenido que debo poner? Porque me da error al entrar al foro.

**Reply #12** August 05, 2011 - 08:51 08:51

El logo lo pones en la parte que dice contenido

**Reply #13** August 05, 2011 - 09:33 21:33

Intenta cambiar esto:

Code: [Select]

<div id="top_section">
         <img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
         echo'
         <a href="', $scripturl, '"><img id="smflogo"  style="margin-top: 10px;" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="logo" /></a>';
   echo '
      </div>';

Por este:

Code: [Select]

<div align="center">
         <img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
         echo'
         <a href="', $scripturl, '"><img id="smflogo"  style="margin-top: 10px;" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="logo" /></a>';
   echo '
      </div>';

Postea resultado.

Maliante

**Reply #14** August 07, 2011 - 12:36 12:36

Quote from: Maliante on August 05, 2011 - 09:33 21:33

Intenta cambiar esto:

Code: [Select]
<div id="top_section"> <img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />'; echo' <a href="', $scripturl, '"><img id="smflogo" style="margin-top: 10px;" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="logo" /></a>'; echo ' </div>';
Por este:

Code: [Select]
<div align="center"> <img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />'; echo' <a href="', $scripturl, '"><img id="smflogo" style="margin-top: 10px;" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="logo" /></a>'; echo ' </div>';
Postea resultado.

Maliante

No me ha funcionado. Mira como me sale ahora.

centrar logo