Iniciar sesión

**TheGarfielD**

Buenas familia, creo que he publicado este mismo post en las comunidades de MyBB español/inglés, y estaba buscando este sitio, pues aquí, he saldado muchas dudas con respecto a MyBB, y quisiera saldar esta también. Estoy planeando un proyecto, pero lo quiero hacer local, primero, para saber a lo que me enfrento, he descargado videos de Bootstrap 5 y la verdad es un jamón, como aquel quien dice, nada más es copiar y pegar y arreglar a tu manera. Pero con respecto a esto, tengo una simple duda, al menos para ustedes no es dudad ninguna, pero en mi caso, si, porque es la primera vez que pienso usar este tipo de cosas (me refiero a bootstrap), para no ir con tanto rollo, voy directo al tema..

Quiero usar bootstrap, pero quiero hacerlo primero con la plantilla Default como base, para empezar y de hay sacar mis proyectos, pero cuando uno hace una página o sitio web con esta herramienta, lo tiene sencillo y no es lo mismo que el código de MyBB...

Código: ( Seleccionar Todo )

<link href="Registrate o inicia tu sesión para ver este contenido@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">





<script src="Registrate o inicia tu sesión para ver este contenido@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>

Estos dos son las líneas principales para usar bootstrap, en una plantilla o sitio web desde cero, pero lo que no sé donde ponerlo o como ponerlo que me quede conforme.... he probado unas cuantas maneras pero me sale mal, pues primero lo pongo en el sitio online y cuando descargo la plantilla para subirla de nuevo me da error, como que no es compatible algo de eso. Si pudieran decirme como ubicarlo que no me de problemas estaré agradecido..

**Tronlar** · (Última modificación: 07-31-2022, 09:22 AM por Tronlar.)

1

Mejor respuesta del mensaje RE: Usar Bootstrap en Theme Default

Hola @TheGarfielD#140 bienvenido.
Ya he creado temas con bootstrap, el tema que está en desarrollo es con bootstrap 5 y te facilita mucho el trabajo usar un framework.
Eso lo tienes que poner en main_header.tpl y main_footer.tpl, en main_header.tpl debajo de <head> , en su documentación tienes más ejemplos.

Código PHP: ( Seleccionar Todo )

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="Registrate o inicia tu sesión para ver este contenido@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <title>{$tsTitle}</title>

En main_footer.tpl arriba de

Código PHP: ( Seleccionar Todo )

</body>

Código PHP: ( Seleccionar Todo )

<!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="Registrate o inicia tu sesión para ver este contenido@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="Registrate o inicia tu sesión para ver este contenido@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="Registrate o inicia tu sesión para ver este contenido@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
    -->
  </body>

Prueba así y no te debería de dar error.
Te recomiendo que uses de base la V7, tiene muchas más funciones y está actualizada, para que no tengas problemas con la compatibilidad.
Si haces eso y sigues teniendo el mismo problema, deja aquí el error que te sale para verlo o si tienes dudas de otra cosa lo comentas.
Y perdona por la espera.
Saludos

**TheGarfielD** · (Última modificación: 07-31-2022, 02:51 PM por TheGarfielD.)

0

@Tronlar#1 Gracias por responder mi duda, te comento aquí el código base, del theme default, de hecho aun sin hacerle nada, tratando de mirar y buscar pero no lo encuentro, ¿crees que se pueda poner el código de bootstrap, en cualquier lugar, me refiero?

me imagino que eso no hace nada..??
Este es el código de la template: hearderinclude

Código: ( Seleccionar Todo )

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />

<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />

<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />

<meta http-equiv="Content-Script-Type" content="text/javascript" />

<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1823"></script>

<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1821"></script>

<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1827"></script>



<------- Aquí poner el código de bootstrap (<link href="Registrate o inicia tu sesión para ver este contenido@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">)------->



{$stylesheets}

<script type="text/javascript">

<!--

    lang.unknown_error = "{$lang->unknown_error}";

    lang.confirm_title = "{$lang->confirm_title}";

    lang.expcol_collapse = "{$lang->expcol_collapse}";

    lang.expcol_expand = "{$lang->expcol_expand}";

    lang.select2_match = "{$lang->select2_match}";

    lang.select2_matches = "{$lang->select2_matches}";

    lang.select2_nomatches = "{$lang->select2_nomatches}";

    lang.select2_inputtooshort_single = "{$lang->select2_inputtooshort_single}";

    lang.select2_inputtooshort_plural = "{$lang->select2_inputtooshort_plural}";

    lang.select2_inputtoolong_single = "{$lang->select2_inputtoolong_single}";

    lang.select2_inputtoolong_plural = "{$lang->select2_inputtoolong_plural}";

    lang.select2_selectiontoobig_single = "{$lang->select2_selectiontoobig_single}";

    lang.select2_selectiontoobig_plural = "{$lang->select2_selectiontoobig_plural}";

    lang.select2_loadmore = "{$lang->select2_loadmore}";

    lang.select2_searching = "{$lang->select2_searching}";



    var templates = {

        modal: '{$jsTemplates['modal']}',

        modal_button: '{$jsTemplates['modal_button']}'

    };



    var cookieDomain = "{$mybb->settings['cookiedomain']}";

    var cookiePath = "{$mybb->settings['cookiepath']}";

    var cookiePrefix = "{$mybb->settings['cookieprefix']}";

    var cookieSecureFlag = "{$mybb->settings['cookiesecureflag']}";

    var deleteevent_confirm = "{$lang->deleteevent_confirm}";

    var removeattach_confirm = "{$lang->removeattach_confirm}";

    var loading_text = '{$lang->ajax_loading}';

    var saving_changes = '{$lang->saving_changes}';

    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";

    var my_post_key = "{$mybb->post_code}";

    var rootpath = "{$mybb->settings['bburl']}";

    var imagepath = "{$theme['imgdir']}";

      var yes_confirm = "{$lang->yes}";

    var no_confirm = "{$lang->no}";

    var MyBBEditor = null;

    var spinner_image = "{$theme['imgdir']}/spinner.gif";

    var spinner = "<img src='" + spinner_image +"' alt='' />";

    var modal_zindex = 9999;

// -->

</script>

Aquí te comento la de la template: footer

Código: ( Seleccionar Todo )

<debugstuff>

    </div>

</div>

<div id="footer">

    <div class="upper">

        <div class="wrapper">

            {$lang_select}

            {$theme_select}

            <ul class="menu bottom_links">

                {$showteamlink}

                {$contact_us}

                <li><a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a></li>

                <li><a href="#top">{$lang->bottomlinks_returntop}</a></li>

                <li><a href="<archive_url>">{$lang->bottomlinks_litemode}</a></li>

                <li><a href="{$mybb->settings['bburl']}/misc.php?action=markread{$post_code_string}">{$lang->bottomlinks_markread}</a></li>

                <li><a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></li>

            </ul>

        </div>

    </div>

    <div class="lower">

        <div class="wrapper">

            <span id="current_time">{$lang->welcome_current_time}</span>

            <span id="copyright">

                <!-- MyBB is free software developed and maintained by a volunteer community.

                    It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact,

                    to show your support for MyBB.  If you choose to remove or modify the copyright below,

                    you may be refused support on the MyBB Community Forums.



                    This is free software, support us and we'll support you. -->

                {$lang->powered_by} <a href="Registrate o inicia tu sesión para ver este contenido" target="_blank" rel="noopener">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="Registrate o inicia tu sesión para ver este contenido" target="_blank" rel="noopener">MyBB Group</a>.

                <!-- End powered by -->

            </span>

        </div>

    </div>

</div>

<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->

{$auto_dst_detection}

</div>



<------- Aquí poner el código de bootstrap (.js) (<script src="Registrate o inicia tu sesión para ver este contenido@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>)------->

NOTA: Olvida los paréntesis, me imagino que debería quedar de esa manera, suponiendo que va de esa forma?

En este caso en la template footer, pudiera poner el código 1 o 2 que me mencionastes... anteriormente por debajo del "</div>" final¿?
Puedo preguntarte lo de la base v7 a que te refieres con eso? es que estuve mucho tiempo fuera, de todo esto, y como que me desvincule del seguimiento, quiero retomar todo nuevamente pero veo muchas cosas nuevas.. y esto de trabajar con el framework bootstrap para mi ahora es un reto que debo cumplir..

"No importa la demora, yo estoy empezando ahora con esto, puedo esperar lo necesario, con saldar mis dudas"

**Tronlar** · 07-31-2022, 03:47 PM

0

A vale, perdona, creía que era risus.
En mybb está bien como lo quieres poner, la estructura es esta

index

Código PHP: ( Seleccionar Todo )

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}{$dntstats_script}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}{$dntstats}
<div class="sb_forums">{$inferno_shoutbox}{$forums}</div><div class="sb_sidebox">{$sidebox}</div>
{$boardstats}

<dl class="forum_legend smalltext">
    <dt><span class="forum_status forum_on" title="{$lang->new_posts}"></span></dt>
    <dd>{$lang->new_posts}</dd>

    <dt><span class="forum_status forum_off" title="{$lang->no_new_posts}"></span></dt>
    <dd>{$lang->no_new_posts}</dd>

    <dt><span class="forum_status forum_offclose" title="{$lang->forum_closed}"></span></dt>
    <dd>{$lang->forum_closed}</dd>

    <dt><span class="forum_status forum_offlink" title="{$lang->forum_redirect}"></span></dt>
    <dd>{$lang->forum_redirect}</dd>
</dl>
<br class="clear" />
{$footer}
</body>
</html>

lo pones como dices en headerinclude y en footer.

La V7 es un tema que no tiene nada que ver con mybb, creía que me lo decías por risus y te dije eso, el tema lo puedes ver en el menú en descargas y demos.
Prueba de esa manera y te debería de funcionar bien, con mybb no he usado ningúbn framework, el tema este del foro es puro código pero tiene que ser igual, vas a tener conflictos entre reglas css, tienes que mirar eso, ir depurando el código viejo para que no tengas problemas.

**Javier** · 07-31-2022, 08:19 PM

1

Como comento @Tronlar, el CDN Link lo colocaras en la plantilla headerinclude, y la de script en la plantilla footer. Con eso debería de funcionarte perfectamente en todo tu sitio MyBB. Saludos...

Iniciar sesión
Nombre de usuario:
Contraseña:	¿Perdiste tu contraseña?
	Recordarme