在 Joomla 页面中编辑 HTML

Question

我不太习惯或熟悉 Joomla 系统。所以我在这里需要你的帮助。这是我的问题。 我正在建立一个网站，但模板出现了问题，模板制作者拒绝接受他们犯了错误。 AS Templates 不要从这些人那里买东西，除非你不关心如果发生什么事情要靠自己。

无论如何，基本上，网站的按钮都没有对齐。我尝试通过 CSS 修复它们，但没有运气。有些东西不能在 CSS 文件中修复，因为它们属于它的 HTML 部分。但正如你们中的一些人可能知道的那样，Joomla 是 PHP 而不是 HTML。所以我的问题是如何在 Joomla 中修复 HTML 代码行？

具体来说：

我的网站上有这段代码

<form name="logoutForm" method="post" action="/"> 
   <button class="btl-buttonsubmit"onclick="document.logoutForm.submit();" name="Submit" style="">Log out</button> 
   <input type="hidden" value="com_users" name="option"> 
   <input type="hidden" value="user.logout" name="task"> 
   <input type="hidden" value="aW5kZXgucGhwP0l0ZW1pZD0xMDE=" name="return"> 
   <input type="hidden" value="1" name="7b6cc3e246acff3e3943410a6f4919cf"> 
</form>

由于这不是 PHP 代码或 CSS，我无法在任何地方找到它

这是我的两个麻烦区域的截图

和

再次感谢

我正在重新编辑它以添加搜索结果的代码。请为我查看，同时参考屏幕截图以查看我看到的内容或访问我的网站并搜索任何内容

<?php
 defined('_JEXEC') or die;

 $lang = JFactory::getLanguage();
 $upper_limit = $lang->getUpperLimitSearchWord();

 JHtml::_('bootstrap.tooltip');
 ?>
 <form id="searchForm" action="<?php echo JRoute::_('index.php?option=com_search');?>" method="post">

<div class="btn-toolbar">
    <div class="btn-group pull-left">
        <input type="text" name="searchword" placeholder="<?php echo JText::_('COM_SEARCH_SEARCH_KEYWORD'); ?>" id="search-searchword" size="30" maxlength="<?php echo $upper_limit; ?>" value="<?php echo $this->escape($this->origkeyword); ?>" class="inputbox" />
    </div>
    <div class="btn group pull-left">
        <button name="Search" onclick="this.form.submit()" class="button btn btn hasTooltip" title="<?php echo JText::_('COM_SEARCH_SEARCH');?>"><span class="icon-search"></span></button>
    </div>
    <input type="hidden" name="task" value="search" />
    <div class="clearfix"></div>
</div>

<div class="searchintro<?php echo $this->params->get('pageclass_sfx'); ?>">
    <?php if (!empty($this->searchword)):?>
    <p><?php echo JText::plural('COM_SEARCH_SEARCH_KEYWORD_N_RESULTS', '<span class="badge badge-info">'. $this->total. '</span>');?></p>
    <?php endif;?>
</div>

<fieldset class="phrases">
    <legend><?php echo JText::_('COM_SEARCH_FOR');?>
    </legend>
        <div class="phrases-box">
        <?php echo $this->lists['searchphrase']; ?>
        </div>
        <div class="ordering-box">
        <label for="ordering" class="ordering">
            <?php echo JText::_('COM_SEARCH_ORDERING');?>
        </label>
        <?php echo $this->lists['ordering'];?>
        </div>
</fieldset>

<?php if ($this->params->get('search_areas', 1)) : ?>
    <fieldset class="only">
    <legend><?php echo JText::_('COM_SEARCH_SEARCH_ONLY');?></legend>
    <?php foreach ($this->searchareas['search'] as $val => $txt) :
        $checked = is_array($this->searchareas['active']) && in_array($val, $this->searchareas['active']) ? 'checked="checked"' : '';
    ?>
    <label for="area-<?php echo $val;?>" class="checkbox">
        <input type="checkbox" name="areas[]" value="<?php echo $val;?>" id="area-<?php echo $val;?>" <?php echo $checked;?> >
        <?php echo JText::_($txt); ?>
    </label>
    <?php endforeach; ?>
    </fieldset>
<?php endif; ?>

    <?php if ($this->total > 0) : ?>

<div class="form-limit">
    <label for="limit">
        <?php echo JText::_('JGLOBAL_DISPLAY_NUM'); ?>
    </label>
    <?php echo $this->pagination->getLimitBox(); ?>
</div>
    <p class="counter">
    <?php echo $this->pagination->getPagesCounter(); ?>
</p>

    <?php endif; ?>

    </form>

Answer 1

嗯，是的，我明白你的意思。模板确实有一些问题。这不仅是您的问题，还有很多地方需要您编辑样式表。但是很难将所有这些都集中起来并将所有解决方案包含在一个答案中。

但作为建议，如果您使用的是 firefox 或 google 开发人员工具，则可以通过按 ctrl shift j 打开它们来使用 firebug。您可以实时编辑您的一些内容，并查看需要在特定位置进行的更改，然后您只需执行它们即可。

例如，我在 CONTACT 部分发现右上方横幅的标题从模板中弹出。通过将填充设置为 0 0 20px，修复位于 /templates/as002035/css/tmpl.custom.css 第 11 行。

创建帐户时，一个模态框会飞溅到我的脸上。您需要使用这些工具再次编辑该窗口的宽度和高度来解决此问题。

最后我看不到注销按钮“表单”，因为我的电子邮件中没有发送邮件，因此我无法注册到您的网站。因此，您可能需要开发人员来解决所有这些问题。

我希望我能帮上一点忙。

Answer 2

除了已经提供的（好的）建议之外，您的问题还缺少一个答案：HTML 标记来自哪里？

您会在以下两个地方之一找到它：首先检查您的模板覆盖（我认为这是查看您的问题的情况），它位于

/templates/as002035/html/com_users/login/default_logout.php (logout component)
/templates/as002035/html/mod_login/ (login|logout module)

如果它们不存在，则默认的 Joomla 布局在

/components/com_users/views/...
/modules/mod_login/tmpl

在下面澄清后添加，这是cmets的答案。

你缺少一个类“按钮”，所以模块的行应该是：

<input type="submit" value="Log out" class="button btn btn-primary" name="Submit">

而不是

<input type="submit" value="Log out" class="btn btn-primary" name="Submit">

（看到添加的“按钮”？）。你找到模板了吗？它在覆盖范围内吗？如果您可以进行更改，您将修复模块。至于组件注销表单，http://www.guhlmotors.com/index.php?option=com_users

<button class="button btn" type="submit">Log out</button>

而不是

<button class="button" type="submit">Log out</button>