.
Cerrar Ventana

Algunas cookies de este sitio son esenciales, y el sitio no funcionará como se espera sin ellas. Estas cookies se establecen en el momento de enviar un formulario, inicie sesión o interactuar con el sitio realizando una acción que va más allá de hacer clic en un simple enlace.


Leer Más

Solicitar soporte AQUÍ
Hosting Gratis, Hosting P2H y de pago, más información AQUÍ o AQUÍ    (Ver PLANES).
Solicitar Hosting Gratis AQUÍ .
Para que se habrán los enlaces de descarga pulsar el  Botón Gracias.

POR RESOLVER Usar Bootstrap en Theme Default



07-30-2022, 11:12 PM #1
0
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...

 
<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..

(Última modificación: 07-31-2022, 03:53 PM por Tronlar. Razón: Mover y añadir prefijo )
 Responder
07-31-2022, 07:47 AM #2
0
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.
 
<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
 
</body
 
<!-- Optional JavaScriptchoose one of the two! -->

    <!-- 
Option 1Bootstrap 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 2Separate 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

(Última modificación: 07-31-2022, 09:22 AM por Tronlar.)
 Responder
07-31-2022, 01:58 PM #3
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

 
 
<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
 
<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"

(Última modificación: 07-31-2022, 02:51 PM por TheGarfielD.)
 Responder
07-31-2022, 03:47 PM #4
0
A vale, perdona, creía que era risus.
En mybb está bien como lo quieres poner, la estructura es esta

index
<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.

 Responder
07-31-2022, 08:19 PM #5
1
Mejor respuesta del mensaje RE: Usar Bootstrap en Theme DefaultComo 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...

 Responder



Compartir en:

Salto de foro:



Usuarios navegando en este tema:
1 invitado(s)