No estás registrado (Registrarse)

Vanilla 1.1.10 es un producto de Lussumo. Para más información: Documentación, Soporte.

Desarrollo Web: Como hago para que este más arriba el título ? (con código)

Abajo

1 a 8 de 8

  1.  
    •  
      CommentAuthorCKO
    • CommentTimeOct 22nd 2014 editado
     # 1
    Hola, tengo un template (bootstrap) y solo necesito una parte sola de todo el template, eso lo hice borrando el resto del código, pero me queda más abajo el título, como hago para que "Contact Start Bootstrap" quede más arriba?




    <!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">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Grayscale - Start Bootstrap Theme</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/grayscale.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]&gt;
    &lt;script src=&quot;https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js&quot;&gt;&lt;/script&gt;
    &lt;![endif]--></head>

    <body>
    <!-- Contact Section -->
    <section id="contact" class="container content-section text-center">
    <div class="row">
    <div class="col-lg-8 col-lg-offset-2">
    <h2>Contact Start Bootstrap</h2>
    <p>Feel free to email us to provide some feedback on our templates, give us suggestions for new templates and themes, or to just say hello!</p>
    <p><a href="mailto:feedback@startbootstrap.com">feedback@startbootstrap.com</a>
    </p>
    <ul class="list-inline banner-social-buttons">
    <li>
    <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
    </li>
    <li>
    <a href="https://github.com/IronSummitMedia/startbootstrap" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">FACEBOOK</span></a>
    </li>
    <li>
    <a href="https://plus.google.com/+Startbootstrap/posts" class="btn btn-default btn-lg"><i class="fa fa-google-plus fa-fw"></i> <span class="network-name">Google+</span></a>
    </li>
    </ul>
    </div>
    </div>
    </section>

    </body>
    </html>
    •  
      CommentAuthorGumersindo
    • CommentTimeOct 22nd 2014
     # 2
    Imagino que con la hoja de estiloAgencia de Dominios La mejor Agencia de Dominios del mundo mundial y parte de Murcia - Entreidiomas.com Aprende idiomas conviviendo con hablantes nativos
    •  
      CommentAuthorOrquin
    • CommentTimeOct 22nd 2014
     # 3
    Faltará el código de los css para poder darte soluciónSEO + Dominios
    •  
      CommentAuthorCKO
    • CommentTimeOct 22nd 2014
     # 4
    Aca va el código, espero que sea este el css porque el otro tiene 107 kb y no se entiende nada :bigsmile:


    body {
    width: 100%;
    height: 100%;
    font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #fff;
    background-color: #000;
    }

    html {
    width: 100%;
    height: 100%;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    }

    p {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 1.5;
    }

    @media(min-width:767px) {
    p {
    margin: 0 0 35px;
    font-size: 20px;
    line-height: 1.6;
    }
    }

    a {
    color: #219ab3;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    }

    a:hover,
    a:focus {
    text-decoration: none;
    color: #11505d;
    }

    .light {
    font-weight: 400;
    }

    .navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #000;
    }

    .navbar-custom .navbar-brand {
    font-weight: 700;
    }

    .navbar-custom .navbar-brand:focus {
    outline: 0;
    }

    .navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
    }

    .navbar-custom .navbar-brand .navbar-toggle:focus,
    .navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
    }

    .navbar-custom a {
    color: #fff;
    }

    .navbar-custom .nav li.active {
    outline: nonte;
    background-color: rgba(255,255,255,.3);
    }

    .navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    }

    .navbar-custom .nav li a:hover,
    .navbar-custom .nav li a:focus,
    .navbar-custom .nav li a.active {
    outline: 0;
    background-color: rgba(255,255,255,.3);
    }

    @media(min-width:767px) {
    .navbar {
    padding: 20px 0;
    border-bottom: 0;
    letter-spacing: 1px;
    background: 0 0;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
    padding: 0;
    background-color: #000;
    }

    .navbar-custom.top-nav-collapse {
    border-bottom: 1px solid rgba(255,255,255,.3);
    }
    }

    .intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }

    .intro .intro-body {
    display: table-cell;
    vertical-align: middle;
    }

    .intro .intro-body .brand-heading {
    font-size: 40px;
    }

    .intro .intro-body .intro-text {
    font-size: 18px;
    }

    @media(min-width:767px) {
    .intro {
    height: 100%;
    padding: 0;
    }

    .intro .intro-body .brand-heading {
    font-size: 100px;
    }

    .intro .intro-body .intro-text {
    font-size: 25px;
    }
    }

    .btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 35px;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    }

    .btn-circle:hover,
    .btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
    }

    .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    }

    .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    }

    @-webkit-keyframes pulse {
    0 {
    -webkit-transform: scale(1);
    transform: scale(1);
    }

    50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    }

    100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    }
    }

    @-moz-keyframes pulse {
    0 {
    -moz-transform: scale(1);
    transform: scale(1);
    }

    50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    }

    100% {
    -moz-transform: scale(1);
    transform: scale(1);
    }
    }

    .content-section {
    padding-top: 100px;
    }

    .download-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }

    #map {
    width: 100%;
    height: 200px;
    margin-top: 100px;
    }

    @media(min-width:767px) {
    .content-section {
    padding-top: 250px;
    }

    .download-section {
    padding: 100px 0;
    }

    #map {
    height: 400px;
    margin-top: 250px;
    }
    }

    .btn {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    }

    .btn-default {
    border: 1px solid #219ab3;
    color: #219ab3;
    background-color: transparent;
    }

    .btn-default:hover,
    .btn-default:focus {
    border: 1px solid #219ab3;
    outline: 0;
    color: #000;
    background-color: #219ab3;
    }

    ul.banner-social-buttons {
    margin-top: 0;
    }

    @media(max-width:1199px) {
    ul.banner-social-buttons {
    margin-top: 15px;
    }
    }

    @media(max-width:767px) {
    ul.banner-social-buttons li {
    display: block;
    margin-bottom: 20px;
    padding: 0;
    }

    ul.banner-social-buttons li:last-child {
    margin-bottom: 0;
    }
    }

    footer {
    padding: 50px 0;
    }

    footer p {
    margin: 0;
    }

    ::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
    }

    ::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
    }

    img::selection {
    background: 0 0;
    }

    img::-moz-selection {
    background: 0 0;
    }

    body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
    }
    •  
      CommentAuthorprekfawkz
    • CommentTimeOct 22nd 2014 editado
     # 5
    Lo que ocurre es que baja todo por el bloque debido a la clase content-section en <section id="contact" class="container content-section text-center">

    .content-section {
    padding-top: 100px;
    }


    &

    @media(min-width:767px) {
    .content-section {
    padding-top: 250px;
    }
    COCK AND BALL TORTURE
    •  
      CommentAuthorCKO
    • CommentTimeOct 22nd 2014
     # 6
    mmmm y que tendría que hacer ? :cata:
    •  
      CommentAuthorNameAgency
    • CommentTimeOct 22nd 2014
     # 7
    Bajar el num de pixels del padding. Prueba con diferentes valores menores de 100 hasta que te guste.Mi perfil Linkedin
    •  
      CommentAuthorCKO
    • CommentTimeOct 22nd 2014
     # 8
    Muchisimas gracias primerlloc !!! tema solucionado, un genio (lo que es saber)

    También gracias a Orquin, Gumersindo y prekfawkz.

1 a 8 de 8

  1.