Autor Tema: [Soporte] Como puedo centrar este login  (Leído 1748 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado Ryuno
  • [L0] Ladrón de espacio en la BD
  • Mensajes: 16
    Ingreso: Noviembre de 2016
  • dz
  • Bienvenidos/as a Bomber Code
    • Ver Perfil
[Soporte] Como puedo centrar este login
« on: 20 Noviembre de 2016, 09:34 pm »

como centro esto ? realmente no e llegado a poder si me puediesen ayudar porfavor :)

Código: (html5) [Seleccionar]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" >
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
{$seo}
<title>{$servername}</title>
<link rel="shortcut icon" href="{$base_url}favicon.ico"  />
<link rel="stylesheet" href="{$base_url}{$tmp_dir}/css/divinity.css" type="text/css" />
<link rel="stylesheet" href="{$base_url}{$tmp_dir}/css/jquery.jgd.dropdown.min.css" type="text/css" />
<!--[if IE]><link rel="stylesheet" href="{$base_url}{$tmp_dir}/css/jquery.jgd.dropdown.ie.css" type="text/css" /><![endif]-->
<script language="javascript" src="{$base_url}{$tmp_dir}/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript" src="{$base_url}{$tmp_dir}/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script language="javascript" SRC="{$base_url}{$tmp_dir}/js/jquery.jgd.dropdown.min.js" type="text/javascript"></script>
<script language="javascript" src="{$base_url}{$tmp_dir}/js/main.js" type="text/javascript"></script>
<script type="text/javascript">{literal}
jQuery(document).ready(function(){
tooltip("img#ware, td#market, a#shop_logs","tooltip");

var actr = readCookie("actr") ? readCookie("actr") : 0;
var actl = readCookie("actl") ? readCookie("actl") : 0;

jQuery(".accordion h3:eq("+actr+")").addClass("active");
jQuery(".accordion p:eq("+actr+")").show();

jQuery(".accordion h3").click(function(){
var index = jQuery(".accordion h3").index(this);
createCookie("actr", index, 365);

jQuery(this).next("p").slideToggle("fast")
.siblings("p:visible").slideUp("fast");
jQuery(this).toggleClass("active");
jQuery(this).siblings("h3").removeClass("active");

});
});

{/literal}</script>
</head>
<body id="page" class="font-medium width-wide" onload="setDate();">
<div class="wrapper floatholder">
    <div class="wrapper-l">
<div class="wrapper-r">
<div class="wrapper-m">
{include file="sidebars/sidebar.html"}
<div id="main" style="padding-top:5px;">
<div id="contenttop" class="floatbox">
<div class="module">
<div class="mone">
<div class="mtwo">
<div class="mthree">
<div class="mfour">

Conectado Rock Lee

  • Administrador
  • *
  • Mensajes: 1121
    Ingreso: Enero de 2014
  • Sexo: Masculino
  • ar
  • Digitalizando tu Mundo
    • Ver Perfil
    • La nueva era del conocimiento
Re:[Soporte] Como puedo centrar este login
« Respuesta #1 on: 20 Noviembre de 2016, 10:43 pm »
Eso se edita mayormente desde el css sin tanto problemas, los div solo dan la estructura básica de la web y si no esta anidadas las variables del login al momento de centrar es cuestión darle a "inspeccionar elemento" (chrome) o "firebug" (firefox) sobre la zona que deseas editar y probar valores "text-align: center;" o "margin-left: 10%;" por ejemplo. El primero te hace es centrar el texto simplemente y la otra te da un margen del lado derecho del 10% en comparación al resto del div, si quieres puedes usar px aunque mayormente para hacerlo responsive se usa el porcentaje. Si tienes problemas déjame una url para poder verlo mas detenidamente y decirte como puedes lograrlo!


Saludos Familia!
« Última Modificación: 20 Noviembre de 2016, 10:46 pm por Rock Lee »

Desconectado Ryuno
  • [L0] Ladrón de espacio en la BD
  • Mensajes: 16
    Ingreso: Noviembre de 2016
  • dz
  • Bienvenidos/as a Bomber Code
    • Ver Perfil
Re:[Soporte] Como puedo centrar este login
« Respuesta #2 on: 20 Noviembre de 2016, 10:49 pm »
Eso se edita mayormente desde el css sin tanto problemas, los div solo dan la estructura básica de la web y si no esta anidadas las variables del login al momento de centrar es cuestión darle a "inspeccionar elemento" (chrome) o "firebug" (firefox) sobre la zona que deseas editar y probar valores "text-align: center;" o "margin-left: 10%;" por ejemplo. El primero te hace es centrar el texto simplemente y la otra te da un margen del lado derecho del 10% en comparación al resto del div, si quieres puedes usar px aunque mayormente para hacerlo responsive se usa el porcentaje. Si tienes problemas déjame una url para poder verlo mas detenidamente y decirte como puedes lograrlo!


Saludos Familia!

claro mira  fue hacerlo con margen para centrarlo y pues realmente no pude

mu-legend.tk/shop


Conectado Rock Lee

  • Administrador
  • *
  • Mensajes: 1121
    Ingreso: Enero de 2014
  • Sexo: Masculino
  • ar
  • Digitalizando tu Mundo
    • Ver Perfil
    • La nueva era del conocimiento
Re:[Soporte] Como puedo centrar este login
« Respuesta #3 on: 20 Noviembre de 2016, 10:56 pm »
claro mira  fue hacerlo con margen para centrarlo y pues realmente no pude

mu-legend.tk/shop

Hay mirar bien la parte de las id`s aveces no es tan fácil ya que hay rebuscar bien pero si vas a:
Código: (css) [Seleccionar]
#contenttop div.module div.mthree {
    background: url(../images/content_module_tl.png) no-repeat 0 0;
    overflow: hidden;
    padding: 10px;
y lo dejas:
Código: (css) [Seleccionar]
#contenttop div.module div.mthree {
    background: url(../images/content_module_tl.png) no-repeat 0 0;
    overflow: hidden;
    padding: 10px;
    text-align: center;
Debería centrarte el texto en base al div proximo tenga...


Saludos Familia!
« Última Modificación: 20 Noviembre de 2016, 11:08 pm por Rock Lee »

Desconectado Ryuno
  • [L0] Ladrón de espacio en la BD
  • Mensajes: 16
    Ingreso: Noviembre de 2016
  • dz
  • Bienvenidos/as a Bomber Code
    • Ver Perfil
Re:[Soporte] Como puedo centrar este login
« Respuesta #4 on: 20 Noviembre de 2016, 11:08 pm »
no centra no ahi efecto. yo me la pase jugando con los id por ejemplo de poder centrar puedo centrarlo con  id main pero quedal mal centrado.



« Última Modificación: 20 Noviembre de 2016, 11:15 pm por Ryuno »

Conectado Rock Lee

  • Administrador
  • *
  • Mensajes: 1121
    Ingreso: Enero de 2014
  • Sexo: Masculino
  • ar
  • Digitalizando tu Mundo
    • Ver Perfil
    • La nueva era del conocimiento
Re:[Soporte] Como puedo centrar este login
« Respuesta #5 on: 20 Noviembre de 2016, 11:13 pm »
Recuerda borrar el cache o espera un poco que tarda en mostrar los resultados... yo al momento editar esa linea me quedo de esta manera:




Saludos Familia!

Desconectado Ryuno
  • [L0] Ladrón de espacio en la BD
  • Mensajes: 16
    Ingreso: Noviembre de 2016
  • dz
  • Bienvenidos/as a Bomber Code
    • Ver Perfil
Re:[Soporte] Como puedo centrar este login
« Respuesta #6 on: 20 Noviembre de 2016, 11:19 pm »
Recuerda borrar el cache o espera un poco que tarda en mostrar los resultados... yo al momento editar esa linea me quedo de esta manera:




Saludos Familia!

creo que me exprese mal mi idea es que el login quede en todo el centro del backgraund

algo asi  se que es con el id main pero no e podido lo salgo centrando mal


Conectado Rock Lee

  • Administrador
  • *
  • Mensajes: 1121
    Ingreso: Enero de 2014
  • Sexo: Masculino
  • ar
  • Digitalizando tu Mundo
    • Ver Perfil
    • La nueva era del conocimiento
Re:[Soporte] Como puedo centrar este login
« Respuesta #7 on: 20 Noviembre de 2016, 11:26 pm »
Ahh ahora comprendo... por lo que veo arrastra varias id`s con el estilo de login y no bastara solo usar lo que te dije mas arriba sino "padding". Al tener tantos contenedores dando inicio de varios niveles de css es claro no vas a poder centrarlo, ya que no estas editando todos los niveles para queden en su sitio. Por eso al editar el main se visualiza mal por que te falta tocarlo en otro punto para equilibrarlo, por eso odio anidar muchas veces por que no deja libre al css para poder editarlo sin tanto problema... Si me das algo de tiempo me pongo a ver el código y hacer pruebas para ver si logro centrarlo!


Saludos Familia!

Desconectado Ryuno
  • [L0] Ladrón de espacio en la BD
  • Mensajes: 16
    Ingreso: Noviembre de 2016
  • dz
  • Bienvenidos/as a Bomber Code
    • Ver Perfil
Re:[Soporte] Como puedo centrar este login
« Respuesta #8 on: 20 Noviembre de 2016, 11:33 pm »
Ahh ahora comprendo... por lo que veo arrastra varias id`s con el estilo de login y no bastara solo usar lo que te dije mas arriba sino "padding". Al tener tantos contenedores dando inicio de varios niveles de css es claro no vas a poder centrarlo, ya que no estas editando todos los niveles para queden en su sitio. Por eso al editar el main se visualiza mal por que te falta tocarlo en otro punto para equilibrarlo, por eso odio anidar muchas veces por que no deja libre al css para poder editarlo sin tanto problema... Si me das algo de tiempo me pongo a ver el código y hacer pruebas para ver si logro centrarlo!


Saludos Familia!

Gracias y si tenes razon mira asi me queda editando solo la id main . falta el otro y queda



no me dejo escribiar aca el css error "Hubo un error mientras se enviaba este mensaje.
El mensaje excede la longitúd máxima permitida (20000 caracteres)."

pero ahi lo subi para que lo puedas descargar, Gracias por la ayuda :)
« Última Modificación: 20 Noviembre de 2016, 11:37 pm por Ryuno »

Conectado Rock Lee

  • Administrador
  • *
  • Mensajes: 1121
    Ingreso: Enero de 2014
  • Sexo: Masculino
  • ar
  • Digitalizando tu Mundo
    • Ver Perfil
    • La nueva era del conocimiento
Re:[Soporte] Como puedo centrar este login
« Respuesta #9 on: 21 Noviembre de 2016, 10:59 am »
Gracias y si tenes razon mira asi me queda editando solo la id main . falta el otro y queda



no me dejo escribiar aca el css error "Hubo un error mientras se enviaba este mensaje.
El mensaje excede la longitúd máxima permitida (20000 caracteres)."

pero ahi lo subi para que lo puedas descargar, Gracias por la ayuda :)


Tu mensaje no debería tener tantos caracteres O.o que raro.... igualmente mirare por la dudas, ya que 20000 lo podes ver en Métodos y tipos de ataque Parte I [Historia] por ejemplo. Ahora respecto al diseño perdona tarde un poco pero prueba el que te adjunto a ver si te funciona ;) edite en:
Código: (css) [Seleccionar]
div#middle {
    clear: both;
    width: auto;
    margin-top: 30%;
Lo que agregue fue "margin-top: 30%;" yo estoy en una pantalla chica ahora pero tenes variar el porcentaje para ubicarlo donde te gusta o sino usa px sino termina de convencerte el %.


Saludos Familia!

Desconectado Ryuno
  • [L0] Ladrón de espacio en la BD
  • Mensajes: 16
    Ingreso: Noviembre de 2016
  • dz
  • Bienvenidos/as a Bomber Code
    • Ver Perfil
Re:[Soporte] Como puedo centrar este login
« Respuesta #10 on: 22 Noviembre de 2016, 08:16 pm »
Gracias :) como siempre teniendo una buena respuesta de aqui ala vuelta busco la id correcta D: gracias realmente :)

Conectado Rock Lee

  • Administrador
  • *
  • Mensajes: 1121
    Ingreso: Enero de 2014
  • Sexo: Masculino
  • ar
  • Digitalizando tu Mundo
    • Ver Perfil
    • La nueva era del conocimiento
Re:[Soporte] Como puedo centrar este login
« Respuesta #11 on: 22 Noviembre de 2016, 08:50 pm »
Gracias :) como siempre teniendo una buena respuesta de aqui ala vuelta busco la id correcta D: gracias realmente :)

Genial, si aveces con algo de tiempo es ir probando las ID ademas probando encontré 2 o 3 formas mas de centrarlo D: por eso cualquier cosa comentalo o abre un nuevo tema ;)


Saludos Familia!