Temas

Hola buenas tardes mi duda es que estoy tratando de insertar un formulario de login en en header php que he creado.......
concretamente el header es un include ........

ahora estoy tratando de agreguarle un inicio de sesion para el partado del blog principalmente....

asi que he empezado a buscar por la web posibles plantillas php de login y he intentado adaptar varias a mi proyecto sin mucho exito.....

el problema reside en que todas las plantillas que he encontrado  estan  basadas en un sistema  de varias redirecciones a varias paginas y varios archivos php y ahi es donde me pierdo un poco.......

https://www.tutorialspoint.com/php/php_mysql_login.htm
http://blog.hostdime.com.co/guia-para-crear-un-sistema-de-inicio-de-sesion-y-registro-usando-php-y-mysql/

en estas dos paginas el ejemplo pasa por cuando te conectas te redirecciona a una pagina llamada welcome o login y eso es lo que yo estoy tratando de evitar......
lo que yo quiero es que cuando se loguee alguien  no me redirecione a ningun sitio , en cambio si que quiero que cuando se loguee alguien aparezca en el header su nombre de usuario y su avatar tanto si tiene uno elegido por si mismo , como si tiene uno por defecto.......

y que cuando le de a regictrarse abra el formulario que tengo en una ventana modal en otra pagina que se llama comentarios.php.....

alguien puede orientarme sobre como puedo optimizar el codigo de alguna de estas dos paginas de forma  que todo ese codigo, o almenos todo el codigo posible vaya dentro del archivo header.inc.php?????

gracias

[MOD: No hacer triple post.]

hola , posteo aqui este problema , pq no se si potearlo aqui o en la sección de javascript
Mi problema es el siguiente .....

tengo una galeria creada en php, que me muestra un thumbs, o imagenes  en miniatura  de 260 por 156 pixeles  y cuando le doy a la imagen se deberia de abrir el lightbox y mostrarme la misma imagen pero con mas tamaño......

El problema reside en que da igual que imagen le configure al lightbox.....
da igual que sea grande o pequeña cuando le doy a una imagen se me oscurece la pantalla, o sea se abre el overlay pero no aparece ninguna imagen, ni las imagenes que lleva el lightbox predeterminadas para  cerrar(close) ni las de pasar imagenes(prev y next), ni loading , y mucho menos las que yo quiero que se visualicen..... alguien podira echarme una mano, u orientarme sobre que  podria estar pasando para que no me visualice las imagenes......

ya he probado de todo desactivar los demas scripts por si alguno estaba enredando con el lightbox todo sin exito......

subo fragmento de codigo de la pagina , donde esta lo del lightbox.....

Código [Seleccionar] Expandir


echo '<a href="img/imagenes_lightbox/' . $trabajo['url_imagen'].'" rel="lightbox[roadtrip]"><img src="img/thumb_proyectos/' . $trabajo['url_thumbs'] .'"
alt="" class="img-responsive borderImage slickHoverPlus" width="260px" height="156px" onmouseover()="slickHoverPlus"></img></a>';
echo'<br>';
echo'<div class="row3">';
echo'<div class="col-lg-10 col-lg-push-1 col-md-4 col-sm-9 col-xs-12 col-xs-pull-1">';
echo'<p class="vert text-center text-muted"><span class="text-warning">Autor:</span> '.$trabajo['autor'].'</p>';
echo'<p class="vert text-center text-muted"><span class="text-warning">Categoria:</span> '.$trabajo['nombre'].'</p>';
echo'</div>';
echo'</div>';
aver si a alguien se le ocurre que pueda estar pasando.....

ahora mismo ya ni me oscurece la pagina y me da mal la direccion de la pagina....
me da esta direccion:
http://localhost/practicasphp/Pagina%20final/img/imagenes_lightboxJxxxx.jpg
y deberia de ser esta otra:
http://localhost/practicasphp/Pagina%20final/img/imagenes_lightbox/Jxxxx.jpg

pq en el php asi le comunico que es la ruta.....

Código [Seleccionar] Expandir

<a href="img/imagenes_lightbox/' . $trabajo['url_imagen'].'" rel="lightbox[roadtrip]">

gracias y saludos

Solucionado lo de que no salian las imagenes , ahora el problema es que el fondo no es el tipico fondo oscuro transparente , si no fondo oscuro opaco.....

a nadie le ha pasado esto nunca???
nadie puede decir de por donde viene el error.....???

Solucionado proble transparencia fondo lightbox

era el script html5.js para que bootstrap funcione bien en IE, que aunque lo tenia comentado , me lo continuaba cargando he tenido que eliminarlo del todo....

saludos

MOD: No hacer triple post.

 hola buenas tardes

estoy creando un select  para un formulario  de comentarios  la funcion de este select quiero que sea la de seleccionar una imagen(avatar) y escribir la url en la base de datos  a ese usuario o sea que se quede relacionada la imagen y el usuario.....

pero que al mismo tiempo cuando el usuario seleccione una imagen se vea la imagen arriba del select
y ademas que dentro del select haya una opcion de personalizar en la que pueda abrir un input type=file  o de alguna otra forma buscar una imagen , subirla al server
y añadir la ulr de esta imagen a la base de datos........

esto es lo que he conseguido hacer hasta ahora pero no  me muestra la imagen......

Código [Seleccionar] Expandir


<p class=" avatar text-warning">Avatar:<p>
<?php
$formatos_imagen = array('.png', '.gif');
$extension_archivo = substr($nombre_archivo, strrpos($nombre_archivo, '.'));
$directorio = 'img/icons/avatar/';
$dir = opendir("$directorio") ;
$imagen = $directorio . $file;
echo '<select class="seleccion_avatar" name="avatar_usuario" onChange="showimage()">';
   echo '<option class="opcion" value=$directorio/Anonimo.png selected>- Sin imagen -</option>'; while ($file = readdir($dir)) 
{
if ($file != "." && $file != "..") 
{
echo '<option class="opcion" value=$file>$file</option>';
}
}
echo '<option class="opcion">Personalizar</option>';

echo" </select>";
?>
<img class="image_avatar" id="imagen" src="<?php echo $ruta.$file ?>" alt="" name="avatar_usuario" onload="recargar()"
width="108px" height="auto">
<?php
 closedir($dir);
?>


alguien puede decirme u orientarme sobre como tengo que hacer para que al seleccionar una imagen en el select se me previsualice arriba del select,

y como hacer para que me escriba la url de la imagen en la base de datos?????

subo tambien archivo sql del formulario de comentarios......

Código [Seleccionar] Expandir


<?php //SQL insertar nuevo comentario a Tabla Comentarios

//Comprobamos si esta definida nuestra variable de envio(submit)
if(isset($_POST['insertar_comentario'])){

//incluimos conexion
require_once('includes/conexion_blog.inc.php');

//Obtenemos datos Formulario(escapando string por seguridad)
$usario = mysqli_real_escape_string($ConDB, $POST['usuario']);
$avatar_usuario = mysqli_real_escape_string($ConDB, $POST['avatar_usuario']);
$comentario = mysqli_real_escape_string($ConDB, $POST['comentario']);
$fecha = mysqli_real_escape_string($ConDB,$POST['fecha']);


// Comprobamos Campos obligatorios
if($usuario && $avatar_usuario && $comentario && $fecha){

//Si todo esta bien inyectamos datos a nuestra base de datos
$sql = "INSERT INTO comentarios VALUES('', '{$_GET['id']}', '$usuario', '$avatar_usuario', '$comentario', '$fecha')";

mysqli_query($ConDB, $sql);
//Redirigimos a nuestro comentario Publicado
header('location: #comentario');
//cerramos conexion
mysqli_close($ConDB);


}else{
echo'<div class="holder-error">Debes rellenar todos los campos</div>';
}
}// Fin Isset
?>


archivo javascript del select

Código [Seleccionar] Expandir


<SCRIPT type="text/javascript">
function showimage() {
if (!document.images)
return
document.images.avatar.src=
'avatar/' + document.formulario.avatar.options[document.formulario.avatar.selectedIndex].value
}
</SCRIPT>          


Hola buenas tardes alguien podria decirme si seria correcta la composicion de este href......
en teroria hace su trabajo a medias una es hacer que se visualicen unos accesos filtrados de categorias que en teoria que si que lo hace pero su otra funcion que es...
abrir una consulta a la base de datos y filtrarme es categoria, osea crearme una nueva pagina con esa categoria no lo hace......

Código [Seleccionar] Expandir

echo '<a href="categoria.php?id_categoria='.$row['id_categoria'].'">'.$row['categoria'].'</a>';
pongo todo el codigo po si alguien ve algo raro....

Código [Seleccionar] Expandir

<?php
//Incluimos conexion
require_once('includes/conexion_blog.inc.php');
//Consulta SQL
$sql = "SELECT * FROM categorias WHERE id_categoria > 8 Order By categoria";
$query = mysqli_query($ConDB,$sql);
// Comprobamos existencias
if(mysqli_num_rows($query) > 0 ){
?>
        <!--Visualizamos categorias desde la Base de datos Tabla categorias -->
        <?php
echo'<nav class="filter_cat col-lg-12 col-lg-pull-3">';
echo '<ul class="list-inline1 col-lg-10 col-lg-push-4 col-sm-12 col-xs-11 col-xs-push-5">';
while($row = mysqli_fetch_assoc($query))
{
                $id_categoria = $row['id_categoria'];
echo '<li class="navbar-nav navbar-category divider">';
echo '<a href="categoria.php?id_categoria='.$row['id_categoria'].'">'.$row['categoria'].'</a>';
echo '</li>';
} //fin while
}// fin if
echo '</ul>';
echo'<br>';
echo'</nav>';
?>

Hola , buenos dias.....
he creado una consulta en php , que me arroja unas categorias  el problema es que,
cuando se ejecuta dicha estructura los resultados que arroja o sea los links no me los deja todos iguales(no me los deja con la misma separacion entre ellos)unos estam mas separados de otros y encima cuando intento mertrle un divider entre ambos  , no hay forma, el divider se queda  pegado a estas etiquetas y no hay forma de posicionarlo o centrarlo...... subo codigo para que se hagan una idea.......

Código [Seleccionar] Expandir

<div class="holder-categorias">
<h2 class="holder-tit-cat"></h2>
<?php
require_once('includes/conexion_blog.inc.php');
$sql = "SELECT * FROM categorias WHERE id_categoria > 8 Order By categoria DESC";
$query = mysqli_query($ConDB,$sql);
if(mysqli_num_rows($query) > 0 ){
while($row = mysqli_fetch_assoc($query)){
$id_categoria = $row['id_categoria'];
?>
       <!--Visualizamos categorias desde la Base de datos Tabla categorias -->
       <div class="holder-a-cat list-inline1 divider">
        <p class="text-center">
        <a href="categoria.php?id=<?php echo $row['id_categoria']; ?>">
        <?php echo $row['categoria']; ?>
           </a>
           </p>
       </div>
       <?php

}//fin while

}//fin if
        ?>
</div>
<!-- Fin Categorias -->

Ha alguien se le ocuerre como podria hacerlo para que quedara todo bien c entradito......


gracias....

hola
he creado un a ventana modal en bootstrap 3  y bueno la ventana se abre cuando le doy a acceso que la debe abrir .....

pero el supuesto div del modal donde va el texto y tal no sale centrado a la ventana con lo que al centrar el texto  tanto imagenes como texto se me pierden por la derecha ...

alguien sabe como centrar este div , yo lo he probado todo....
gracias

Hola buenas tardes ....
aver si9 me pueden ayudar en esto ........

estoy creando una pagina en bootstrap 3 en la pagina de contacto de decidido poner una sección a la izquierda con el nombre de la empresa, telefonos , direccion y email
........... y en la parte derecha .....

un script de la api de google maps con  los datos de la direccion de la empresa.......

el problema viene pq  al meter el script de google map la pagina me crea un scroll horizontal abajo....
alguien sabria decirme como puedo solucionar esto?????
para poder meter este script sin que me haga scroll horizontal....
esta es la linea que comento para que no me haga scroll.....

Código [Seleccionar] Expandir


<div id="google-map" class="map"></div>
               </div>



y este el script...... al que le he quitado las coordenadas

Código [Seleccionar] Expandir


<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"></script>
<script>
                   var myCenter=new google.maps.LatLng(00.0000000,-0.0000000000000000);
                   var marker;
                       function initialize()
                           {
                           var mapProp =
                             {
                             center:myCenter,
                             zoom:17,
                             mapTypeId:google.maps.MapTypeId.ROADMAP
                             };
                           var map=new google.maps.Map(document.getElementById("google-map"),mapProp);
                           marker=new google.maps.Marker({ position:myCenter,animation:google.maps.Animation.BOUNCE});
                                                               
                           marker.setMap(map);
                           var infowindow = new google.maps.InfoWindow({content:"Hola Mundo!"});
                                                                           
                           google.maps.event.addListener(marker, 'click', function()
                           {
                             infowindow.open(map,marker);
                             });
                           }
                           google.maps.event.addDomListener(window, 'load', initialize);
               </script>


Bueno pos como dice el titulo quiero limitar el height de una pagina , que estoy haciendo en bootstrap......

conta de 5 paginas independientes en todas el footer me queda bien , menos en esta ultima que me deja un espacio vacio entre el ultimo elemento de la pagina y el footer y si le subo el footer se me queda el espacio vacio por debajo del footer .... asi que tendre que limitar el height de la pagina.....

aunque creo que bootstrap viene con un height auto, pero no se pq no funciona.......
he probado a poner un height auto en el container  en poner un height por px , he probado de todo..... , pero el resultado es siempre el mismo.......

alguien sabe como puedo limitar el height de esta pagina o en su defecto ponerlo auto en bootstrap 3 ???

aver si alguien  puede ayudarme , ya le he dado mil vueltas al codigo y no encuentro donde esta el error.............

me deja el footer debajo del todo pero con un gran trecho en medio vacio........ i si subo el footer se me queda  espacio vacio del trecho que tenia, abajo del footer.... ya lo he probado todo y no doy con el problema , alguien podria ayudarme a ver si ve algo que a mi se me escapa????

es como si tuviera un height fijo.....

Código [Seleccionar] Expandir


<div class="container">
<h1 class="text-center text-danger">Servicios</h1>
  <hr>
   <div class="row">
    <div class="logot col-xs-6 col-xs-offset-2">
        <img class="img-responsive" src="img/desarrollo_web.png" alt="">
    </div>
       <div class="repar col-xs-6 col-xs-offset-2 pull-left">
        <img class="img-responsive" src="img/reparacion_de_pc_moviles.png" alt="">
  </div>
           <div class="col-xs-8 col-xs-offset-0">
            <h5 class="text-warning">
            <div class="text4 text-left"><a data-toggle="modal" href="#logosModal" id="logos" target="_blank" title="+info">Logos e Imagenes</a>
                    <div class="modal fade" id="logosModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <img class="close img-responsive cerrar" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                                <div class="modal-content">
                        <div class="modal-body col-xs-10 col-xs-offset-4">
                    <h4 class="modal-title text-center" id="myModalLabel">Logos e Imagenes</h4>
                    <p class="text-muted serv">En proceso de edici&oacute;n</p>
                    </div>
                    </div>
                    </div>
                    </div>
                   </div>
                   <div class="text1 text-right"><a data-toggle="modal" href="#reparaModal" id="reparo" target="_blank" title="+info">Reparaci&oacute;n Pc´s y Moviles</a>
                    <div class="modal fade" id="reparaModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <img class="close img-responsive cerrar" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-body col-xs-10 col-xs-offset-4">
                    <h4 class="modal-title text-center" id="myModalLabel">Reparaci&oacute;n Pc´s y Moviles</h4>
                    <p class="text-muted serv">En proceso de edici&oacute;n</p>
                    </div>
                    </div>
                    </div>
                    </div>
                   </div>
               </h5>
            <hr class="servicios">
      </div>
   </div>
   <div class="row1">
    <div class="impress col-xs-6 col-xs-offset-2">
        <img class="img-responsive" src="img/3d.png" alt="">
    </div>
       <div class="vent col-xs-6 col-xs-offset-2 pull-left">
        <img class="img-responsive" src="img/venta_de_pc´s.png" alt="">
  </div>
            <div class="col-xs-8 col-xs-offset-0 pull-left">
            <h5 class="servicios text-warning">
            <div class="text5 text-left"><a data-toggle="modal" href="#impresModal" id="impress_3d" target="_blank" title="+info">Impresiones 3D</a>
                    <div class="modal fade" id="impresModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <img class="close img-responsive cerrar" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-body col-xs-10 col-xs-offset-4">
                                <h4 class="modal-title text-center" id="myModalLabel">Impresiones 3D</h4>
                    <p class="text-muted serv">En proceso de edici&oacute;n</p>
                </div>
                    </div>
                    </div>
                    </div>
                    </div>
            <div class="text2 text-right"><a data-toggle="modal" href="#ventaModal" id="venta_pc" target="_blank" title="+info">Venta Pc´s Personalizados</a>
                    <div class="modal fade" id="ventaModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <img class="close img-responsive cerrar" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-body col-xs-10 col-xs-offset-4">
                    <h4 class="modal-title text-center" id="myModalLabel">Venta Pc´s Personalizados</h4>
                    <p class="text-muted serv">En proceso de edici&oacute;n</p>
                    </div>
                    </div>
                    </div>
                    </div>
                    </div>
            </h5>
            <hr class="servicios servicios1">
      </div>
   </div>
  <div class="row2">
    <div class="ddw col-xs-6 col-xs-offset-2">
        <img class="img-responsive" src="img/Desarrollo-y-Diseno-Web1.png" alt="">
    </div>
       <div class="wifi col-xs-6 col-xs-offset-2 pull-left">
        <img class="img-responsive" src="img/antenas_wifi.png" alt="">
  </div>
           <div class="textos col-xs-10 ">
            <h5 class="servicios text-warning">
            <div class="text6 text-left"><a data-toggle="modal" href="#DisenyoModal" id="disenyo" target="_blank" title="+info">Dise&ntilde;o y Desarrollo Web</a>
                    <div class="modal fade" id="DisenyoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <img class="close img-responsive cerrar1" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-body col-xs-10 col-xs-offset-4">
<h4 class="modal-title text-center" id="myModalLabel">Dise&ntilde;o y Desarrollo Web</h4>
                    <p class="text-muted serv"></p>
                    </div>
                    </div>
                    </div>
                    </div>
                   </div>
                  <div class="text3 text-right"><a data-toggle="modal" href="#wifiModal" id="wifi" target="_blank"  title="+info">Instalaci&oacute;n Antenas Wifi</a>
                    <div class="modal fade" id="wifiModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <img class="close img-responsive cerrar1" data-dismiss="modal" aria-label="Close" src="img/lightbox/close.png">
                    <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-body col-xs-10 col-xs-offset-4">
      <h4 class="modal-title text-center" id="myModalLabel">Instalaci&oacute;n Antenas Wifi</h4>
                    <p class="text-muted serv">En proceso de edici&oacute;n</p>
                    </div>
                    </div>
                    </div>
                    </div>
                   </div>
               </h5>
            <hr class="nulo">
      </div>
  </div>
 <hr class="servicios3">
<?php
include_once('includes/footer.inc.php');
?>
</div>


saludos  estoy intentando crear un menu con bootstrap he probado tanto con dropdown como con treeview , si conseguir la jerarquia que consigo con tree javascript......

alguien puede decirme si se puede conseguir esta jaraquia con bootstrap.... y si se puede decirme como.......

Código [Seleccionar] Expandir


<ul>
        <li><span><i class="fa fa-bars fa-2x"></i></span> <a href=""><!--Padre--></a>
            <ul>
                <li><span><i class="fa fa-angle-left pull-right inicio"></i>Inicio</span> <a href=""></a>
                <ul>
                        <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                        </li><!--Nieto-->
                    </ul>
                </li><!--Hijo-->
                <li><span><i class="fa fa-angle-left pull-right moda"></i> Colecciones Moda</span> <a href=""><!--Hijo--></a>
                    <ul>
                        <li><span><i class="fa fa-angle-left pull-right nacido"></i> Recien Nacido</span> <a href=""></a>
                            <ul>
                        <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                        </li><!--BisNieto-->
                        <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                        </li><!--BisNieto-->
                    </ul>
                        </li><!--Nieto-->
                        <li><span><i class="fa fa-angle-left pull-right colect"></i> Colecciones</span> <a href=""></a>
                            <ul>
                        <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                        </li><!--BisNieto-->
                        <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                        </li><!--BisNieto-->
                    </ul>
                        </li><!--Nieto-->
                        <li><span><i class="fa fa-angle-left pull-right sin_nombre"></i> Sin nombre</span> <a href=""></a>
                            <ul>
                        <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                        </li><!--BisNieto-->
                        <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                        </li><!--BisNieto-->
                    </ul>
                        </li><!--Nieto-->
                        <li><span><i class="fa fa-angle-left pull-right patuc"></i> Patucos</span> <a href=""></a>
                            <ul>
                                <li><span><i class="fa fa-angle-left pull-right bebe"></i> Beb&eacute; Ni&ntilde;a 3-24 Meses</span> <a href=""></a>
                            <ul>
                                <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                                </li><!--Tataranieto-->
                                <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                                </li><!--Tataranieto-->
                            </ul>
                                </li><!--BisNieto-->
                                <li><span><i class="fa fa-angle-left pull-right bebe"></i> Beb&eacute; Ni&ntilde;o 3-24 Meses</span> <a href=""></a>
                                    <ul>
                                <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                                </li><!--Tataranieto-->
                                <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                                </li><!--Tataranieto-->
                            </ul>
                                </li><!--Bisnieto-->
                                <li><span><i class="fa fa-angle-left pull-right nene"></i> Ni&ntilde;as 2-10 a&ntilde;as</span> <a href=""></a>
                                    <ul>
                                <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                                </li><!--Tataranieto-->
                                <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                                </li><!--Tataranieto-->
                            </ul>
                                </li><!--BisNieto-->
                                <li><span><i class="fa fa-angle-left pull-right nene"></i> Ni&ntilde;as 2-10 a&ntilde;os</span> <a href=""></a>
                                    <ul>
                                <li><span><i class="icon-leaf"></i> Submenu 1</span> <a href=""></a>
                                </li><!--Tataranieto-->
                                <li><span><i class="icon-leaf"></i> Submenu 2</span> <a href=""></a>
                                </li><!--Tataranieto-->
                            </ul>
                                </li><!--BisNieto-->
                            </ul>
                        </li><!--Nieto-->
            </ul><!-- fin lista nietos-->
        </li>
    </ul><!-- fin lista padre-->
</div>


Hola pues sólo quiero saber si alguien sabe como se llama el paquete javascript que es como un lightbox pero para poner texto o formularios....   Ósea que se abra una ventana A modo lightbox transparente o semitransparente algo oscura y que en vez de fotos muestre texto o formularios.....
Gracias y saludos

hola aver si alguien me puede aclarar esta duda que tengo.....

estoy creando una pagina web  responsive con bootstrap 3  ya la tengo armada y como de normal la he creado  con la rejilla col-lg  para pantallas grandes .......
pues la pantalla de mi pc es de 22 pulgadas y una resolucion de 1360 x 768px....

con lo cual la media query que entra en trabajo con esta pantalla es la de min-width 1200px
pues bien ahora que la tengo montada empiezo a adaptarla para otros dispositivos.....
y adapto de la siguiente forma.......

media query min-width 768px ---> col-sm
esta la adapto para smartphones en horizontal y tablets en vertical
nota: adaptando el col-sm para estos dispositivos se me queda la pagina configurada para smartphones y tablets en vertical y horizontal.
tambien se me queda configurada para smartphones pequeños, se podria ajustar mas, pero me vale como se ve, si decidiera ajustarla mas, bastaria con ajustar con el col-xs.....

media query  min-width 992px ---> col-md
en teoria esta seria para tablets en horizontal y dispositivos medianos ,pantallas de 10 o 15 pulgadas.

el problema viene en que al adaptarla a una resolucion inferior si le  ajusto el col-sm , consigo que se vea bien en las pantallas de smartphones y tablets , pero  se desajusta el col-lg que es para pantallas grandes...
alguien puede decirme si es que estoy haciendo algo mal???

alguien me puede decir si es que tengo que poner los ajustes de la css dentro de cada media query???
por ejemplo : si quiero que el footer tenga un formato, en smartphones y otro en desktops , tengo que poner el ajuste css de cada uno dentro de su respectivo media query???
otra cosa que me he dado cuenta es que la pagina deja algo de scroll horizontal tanto si la veo en smartphone como si la veo en tablet ,tanto en vertical como en horizontal es poco seran unos 20 px pero me gustaria quitarselo.

Gracias y saludos

Hola estoy creando una pagina web responsive , con bootstrap V2.0.4....
ya se que la ultima version es la 3.3.7, pero me he acogido a esta version pq  de la version 2.0.4  si
habian ejemplos sobre como crear los contenedores y todo eso , pero para la 3.3.7 no he encontrado ningun ejemplo sobre como crear los contenedores......la cuestion es que una vez creada la pagina, la tengo respònsive y la puedo ver en casi todos los navegadores , y con distintas resoluciones , el problema viene a que no se me acaban de adaptar todo lo bien que me gustaria a las distintas resoluciones........

he estado leyendo por la web que apartir de la version 3 de bootstrap  se adapta mejor a las distintas resoluciones.....

y mi duda es que no encuentro o no se que scripts he de meter en la pagina para hacerla funcionar en bootstrap 3, ni que etiquetas de la version 2 he de cambiar a las de la version 3......

o en su defecto como hacer para  que la version 2 se   adapte bien a todas las resoluciones...

aver en mi pagina con la version 2 tengo estos scripts intergrados:

Código [Seleccionar] Expandir


<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
<script src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>

el nuevo paquete de bootstrap 3.3.7 contiene todo esto:
bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   ├── bootstrap.min.js
│   └── npm.js
└── fonts/
   ├── glyphicons-halflings-regular.eot
   ├── glyphicons-halflings-regular.svg
   ├── glyphicons-halflings-regular.ttf
   ├── glyphicons-halflings-regular.woff
   └── glyphicons-halflings-regular.woff2
tambien lleva un archivo npm.js  que no se si he de incluirlo o incluir los scripts a los que apunta:

Código [Seleccionar] Expandir


//contenido npm.js
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
require('../../js/transition.js')
require('../../js/alert.js')
require('../../js/button.js')
require('../../js/carousel.js')
require('../../js/collapse.js')
require('../../js/dropdown.js')
require('../../js/modal.js')
require('../../js/tooltip.js')
require('../../js/popover.js')
require('../../js/scrollspy.js')
require('../../js/tab.js')
require('../../js/affix.js')

entonces me lio y ahora mismo no se que scripts son los que he de poner en la pagina....

Por otro lado la pagina creada con la version 2.0.4
esta toda creada apartir de containers con clase row
y dentro de los container de clase row, div´s con span1,2,3,4....... y cada span con unas medidas ya predeterminadas para bootstrap que yo he ido eligiendo cada span segun la medida que tenia asignada y que me convenia o necesitaba..... para la visualizacion de mi pagina.
ejemplo:

Código [Seleccionar] Expandir


<div class="row">
    <div class="span6">
    <h3 class="presentacion">bwekejkjrejkreth</h3>
      <p>jfsdljhgfdjghñfdklhj</p>
    </div>
  </div>

ejemplo de otra pagina:

Código [Seleccionar] Expandir


<div class="row">
   <div class="span4">
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a>
     <h3>Autor :</h3>
     <p>Categoria :</a><p>
</div>
   <div class="span4">
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a>
     <h3>Autor :</h3>
     <p>Categoria :</a><p>
</div>
   <div class="span4">(segun documentacion bootstrap 3 deberia cambia estas clases a alguna de estas Rejillas ....
Rejilla diminuta (<768 px)-.col-xs-*
Rejilla pequeña (>768 px)-.col-sm-*
Rejilla mediana (>992 px).col-md-*
Rejilla grande (>1200 px).col-lg-*)
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a>
     <h3>Autor :</h3>
     <p>Categoria :</a><p>
</div>
 </div>

si no estoy equivovado.....
y luego hay unas de esas rejillas que estan preparadas para dispositivos pequeños, otras  para dispositivos grandes ,  y otras para dispositivos grandes y pequeños , supongo que esta es la que deberia elegir para mi pagina...

Alguien me podria aclarar estas dudas lo agradeceria mucho....

yperdon por el ladrillo pero sin exponer dudo que alguien me entienda.....
Saludos....

[[MOD] Eliminado el otro hilo, tema duplicado, según Reglas.]

Hola espero que alguien pueda ayudarme pues andoun poco perdido en lo que ha php se refiere...
aver si alguien me puede ayudar u orientar hacia que es lo que estoy haciendo mal.......

me estoy creando una pagina y y necesito que me cargue las url de las imagenes desde la base de datos
eso ya lo he conseguido ....
la cuestion es que no consigo que por medio de php salgan las imagenes con el formato que yo quiero...
quiero que php me cree este formato, html......

Código [Seleccionar] Expandir


<div class="row">
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb2.jpg"><img src="img/thumb2.jpg" alt=""></a></div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
 </div>
 <div class="row">
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb2.jpg"><img src="img/thumb2.jpg" alt=""></a></div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
 </div>
 <div class="row">
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb2.jpg"><img src="img/thumb2.jpg" alt=""></a></div>
   <div class="span4">
     <h3></h3>
     <a rel="lightbox" href="img/thumb1.jpg"><img src="img/thumb1.jpg" alt=""></a> </div>
 </div>


yo he creado este otro.....

Código [Seleccionar] Expandir


<?php
echo'<div class="row">';
while ($trabajo = $trabajos_categoria->fetch_array())
 {
    echo'<div class="span4">';
   if (empty ($trabajo['url_imagen']))
     {
      echo '<iframe width="240" height="156" src="' . $trabajo['url_video'] .'"frameborder="0" allowfullscreen"></iframe>';
      echo'<p class="image_gallery">Autor: '.$trabajo['autor'].'</p>';
      echo'<p id="image_category">Categoria: '.$trabajo['nombre'].'</p>';
     }
     else
     {
      echo '<a href="img/'.$trabajo['url_imagen'].'" rel="lightbox[roadtrip]"><img src="img/'.$trabajo['url_imagen'].'" alt="" 
      class="borderImage slickHoverPlus" width="260px" height="156px" onmouseover()="slickHoverPlus"></img></a>';
      echo'<p class="image_gallery">Autor: '.$trabajo['autor'].'</p>';
      echo'<p id="image_category">Categoria: '.$trabajo['nombre'].'</p>';
     }
     echo'</div>';
}
$conexion->close();
?>


pero con este codigo solo consigo  que me cree un solo div class="row" con muchos div class="span4" dentro....
y eso no es lo que yo quiero.....
lo que yo quiero es  que cuando en un div class="row" hayan 3 div class="span4" se cree un nuevo  div class="row" en el cual meta un nuevo div class"span4" hasta un maximo de 3 , no se si me explico o no ...... lamentablemente  mis nociones de php son limitadas , pero estoy seguro de que se puede hacer, que hay una forma de hacerlo. Por eso pido ayuda a aver si alguien puede echarme una mano o decirme como puedo crear ese codigo o como hacerlo... y orientarme un poco....

gracias y saludos


[MOD] Eliminado el otro hilo, tema duplicado, según Reglas.

 estoy creando un pagina web en wordpress  y todo bien tengo todas la paginas creadas y todo bien  excepto en una pagina en la que tengo un submenu de filtrado por categorias , las cuales me deben deben de filtrar las imagenes segun su caegoria.... asi que he usado  el jquery. isotope que era el que  mas fama tiene y el que he encontrado con mas  infomacion pues tiene hasta su propia pagina web con ejemplos y tal.....

solo que pòne muchos ejemplos pero explica mas bien poco como montarlo o configurarlo....
uma vez creada la plantilla de wordpress con istope en teoria las  el menu me filtra solo que no  lo puedo comprobar pues no me saca las imagenes como yo quiero con lo cual no lo puedo comprobar...

para que isotope me saque las imagenes como yo quiero  tengo  que configurarle,crearle o añadirle el layout o layout mode  que no encuentro al forma de como configurarlo o añadirselo, ni en su propia pagina.......

http://isotope.metafizzy.co/

alguien me puede ayudar con esto ser lo agradeciria mucho pues es lo unico que me falta para terminar mi pagina ...... gracias de antemando

Hola alguien me puede ayudar y decir como puedo implementar dos jquery en la misma pagina.....

lo he probado todo .... necesito los dos pq uno me lleva el lightbox y el otro me lleva los slickhovers y la unica forma de que vayan las dos cosas es implementando los dos jquery a la vez....

si quito un jquery.min.js pierdo parte del lightbox y si quito el jquery_2.2.3.min.js pierdo los slickhovers  asi que necesito los dos....

alguien que le haya pasado algo partecido o lo sepa y pueda ayudareme.....


saludos