Webboard

wersja skryptu MyBB:1.8
adres forum:localhost
na czym polega problem (screen, opis, komunikaty):

Witam. Używam stylu Square.
Chciałbym zrobić własne podstrony przy użyciu SemanticUI. Niestety, po dołączeniu CSS semantica wszystko się rozwala. Czy jest możliwość, aby dołączyć ten css tylko w miejsce okna, w którym jest cała zawartość?

Kod pliku podstrony:

Kod:
<?php

define('IN_MYBB', 1); 

require ".././global.php"; 

include "dist/conn.php";

add_breadcrumb("Nazwa nowej podstrony", "podstrona.php");

$content .= "<table border='0' cellspacing='{$theme['borderwidth']}' cellpadding='{$theme['tablespace']}' class='tborder' style='clear: both; border-bottom-width: 0;'>";

    $content .= '<tr>';

        $content .= '<td class="thead" colspan="2">';

            $content .= 'Tutył';

        $content .= '</td>';

    $content .= '</tr>';

    $content .= '<td class="trow2 post_content ">';

        $content .="ZAWARTOŚĆ";

    $content .= ' </td>';

$content .= '</table>';

$out = "

<html>

    <head>

        <title>{$mybb->settings['bbname']} - {$pageTitle}</title>

        {$headerinclude}

    </head>

    <body>

        {$header}

        {$content}

        {$boardstats}

        {$footer}

    </body>

</html>

";

output_page($out);

?>

Przy tym kodzie strona wygląda tak:
[Obrazek: sdglZon.png]

Po dołączeniu CSS frameworka:
[Obrazek: KSEM2x2.png]

Kod:

Kod:
<?php

define('IN_MYBB', 1); 

require ".././global.php"; 

include "dist/conn.php";

add_breadcrumb("Nazwa nowej podstrony", "podstrona.php");

$content .= "<table border='0' cellspacing='{$theme['borderwidth']}' cellpadding='{$theme['tablespace']}' class='tborder' style='clear: both; border-bottom-width: 0;'>";

    $content .= '<tr>';

        $content .= '<td class="thead" colspan="2">';

            $content .= 'Tutył';

        $content .= '</td>';

    $content .= '</tr>';

    $content .= '<td class="trow2 post_content ">';

        $content .="ZAWARTOŚĆ";

    $content .= ' </td>';

$content .= '</table>';

$out = "

<html>

    <head>

    <link rel=\"stylesheet\" type=\"text/css\" class=\"ui\" href=\"dist2/semantic.min.css\">

        <title>{$mybb->settings['bbname']} - {$pageTitle}</title>

        {$headerinclude}

    </head>

    <body>

        {$header}

        {$content}

        {$boardstats}

        {$footer}

    </body>

</html>

";

output_page($out);

?>

Czy jest możliwość podłączenia tego CSS, tylko do zawartości tej "tabeli", aby nic się nie rozwalało?

Dziękuję za wszelką pomoc.

Tylko takie pytanie, dlaczego nie używasz szablonów globalnych? Znacznie łatwiej jest dojść co i jak, a HTML masz w jednym miejscu, jako zwykła strona.

Dobrze by było, gdybyśmy mieli to w 'live demo'.

Obecnie nie używałem szablonów globalnych, ponieważ będzie tona kodu PHP i łatwiej mi wszystko kontrolować, gdy mam to w osobnych plikach

A, czy gdybym użył szablonów globalnych, to udałoby się jakoś wepchać ten CSS do stylu, żeby go nie rozwalał?

Do czego tam class="ui"?

Spróbuj tak:

Kod PHP:
<?php
define('IN_MYBB', 1); 
require ".././global.php"; 
include "dist/conn.php";

add_breadcrumb("Nazwa nowej podstrony", "podstrona.php");


$content .= "<table border='0' cellspacing='{$theme['borderwidth']}' cellpadding='{$theme['tablespace']}' class='tborder' style='clear: both; border-bottom-width: 0;'>";
    $content .= '<tr>';
        $content .= '<td class="thead" colspan="2">';
            $content .= 'Tutył';
        $content .= '</td>';
    $content .= '</tr>';

        
    $content .= '<td class="trow2 post_content ">';

        $content .="ZAWARTOŚĆ";
    
    $content .= ' </td>';
    
$content .= '</table>';




$out = "
<html>
    <head>  
    <link rel=\"stylesheet\" type=\"text/css\" href=\"/dist/semantic.min.css\">
    <script src=\"/dist/semantic.min.js\"></script>
        <title>{$mybb->settings['bbname']} - {$pageTitle}</title>
        {$headerinclude}
        
    </head>

    <body>
        {$header}
        {$content}
        {$boardstats}
        {$footer}
    </body>

</html>
";

output_page($out);
?>

i sprawdź, czy wszystkie pliki wgrane na serwer, dodatkowo upewnij się, czy nic nie korzysta z takich klas.

To samo. Właśnie chodzi, o to że muszą kłócić się jakieś klasy, dlatego chciałbym ten CSS przypiąć do części strony, a nie bezpośrednio do wszystkiego. Nie jestem w stanie znaleźć jakie klasy się kłócą, ponieważ jest tego za dużo stanowczo, a CSS to nie moja działka w ogóle

dist/semantic.min.css, usuń ten fragment:

Kod PHP:
*,:after,:before{box-sizing:border-box} 

Dziękuję Ci za pomoc! Co prawda górna belka straciła trochę na wyglądzie, ale z tym sobie poradzę.
Jeszcze raz ogromnie dziękuję Ci za pomoc, a temat można zamknąć.

No niestety.. Chyba zbyt wiele rzeczy się gryzie, ponieważ np. dropdown nie chce działać. Nie da się rozwinąć. Niektóre rzeczy działają, niektóre nie. Chyba to się nie uda, no chyba że są jeszcze jakieś pomysły?

xQuByte

Snake_

xQuByte

Snake_

xQuByte

Snake_

xQuByte