Joomla!WikiPL

<< Zobacz stronę Standardowe style CSS w Joomla!

Opisywany element	Selektor ID	Selektor klasy	Przyrostek
label, span		hasTip
Szablony dla:	Joomla 1.5
Zastosowany w:	components/com_content/helpers/icon.php components/com_user/views/remind/tmpl/default.php components/com_user/views/reset/tmpl/complete.php components/com_user/views/reset/tmpl/confirm.php components/com_user/views/reset/tmpl/default.php libraries/joomla/html/parameter/element.php
Stylizuje:	dymek z objaśnieniem etykiety
.hasTip {}

Przeznaczenie

Formatuje

Wykorzystany

W

• components/com_content/helpers/icon.php
• components/com_content/helpers/icon.php
• components/com_user/views/remind/tmpl/default.php
• components/com_user/views/reset/tmpl/complete.php
• components/com_user/views/reset/tmpl/confirm.php
• components/com_user/views/reset/tmpl/default.php
• libraries/joomla/html/parameter/element.php

Kod PHP

<form action="index.php?option=com_user&amp;task=completereset" method="post" class="josForm form-validate">
   <table cellpadding="0" cellspacing="0" border="0" width="100%" class="contentpane">
      <tr>
         <td colspan="2" height="40">
            <p><?php echo JText::_('RESET_PASSWORD_COMPLETE_DESCRIPTION'); ?></p>
         </td>
      </tr>
      <tr>
         <td height="40">
            <label for="password1" class="hasTip" title="<?php echo JText::_('RESET_PASSWORD_PASSWORD1_TIP_TITLE'); ?>::<?php echo JText::_('RESET_PASSWORD_PASSWORD1_TIP_TEXT'); ?>"><?php echo JText::_('Password'); ?>:</label>
         </td>
         <td>
            <input id="password1" name="password1" type="password" class="required validate-password" />
         </td>
      </tr>
      <tr>
         <td height="40">
            <label for="password2" class="hasTip" title="<?php echo JText::_('RESET_PASSWORD_PASSWORD2_TIP_TITLE'); ?>::<?php echo JText::_('RESET_PASSWORD_PASSWORD2_TIP_TEXT'); ?>"><?php echo JText::_('Verify Password'); ?>:</label>
         </td>
         <td>
            <input id="password2" name="password2" type="password" class="required validate-password" />
         </td>
      </tr>
   </table>
 
   <button type="submit" class="validate"><?php echo JText::_('Submit'); ?></button>
   <?php echo JHTML::_( 'form.token' ); ?>
</form>

Przykładowy kod CSS

.tool-tip {
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 200px;
}

.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
   font-size: 100%;
   margin: 0;
}

Wynik

Dziękujemy za wkład

» Stefan Wajda [zwiastun],