Als eerste moet je de folder 'mod_faveffects' kopiëren en bewaren als 'mod_faveffects-orig', of zo iets, dan heb je in ieder geval de originele code nog.
Daarna het bestand '/mod_faveffects/mod_faveffects.php' openen en onderstaande code in z'n geheel over de bestaande code heen plakken en bewaren.
Code:
<?php
/**
* @file
* @brief Responsive FavEffects Module
* @author FavThemes
* @version 1.2
* @remarks Copyright (C) 2013 FavThemes
* @remarks Licensed under GNU/GPLv3, see http://www.gnu.org/licenses/gpl-3.0.html
* @see http://www.favthemes.com/
*/
defined('_JEXEC') or die;
for($j = 1; $j < 7; $j++)
{
${'showIcon' . $j} = $params->get('showIcon' . $j);
${'effectIcon' . $j} = $params->get('effectIcon' . $j);
${'iconLink' . $j} = $params->get('iconLink' . $j);
${'iconLinkTarget' . $j} = $params->get('iconLinkTarget' . $j);
${'bgColorIcon' . $j} = $params->get('bgColorIcon' . $j);
${'borderWidthIcon' . $j} = $params->get('borderWidthIcon' . $j);
${'borderTypeIcon' . $j} = $params->get('borderTypeIcon' . $j);
${'borderColorIcon' . $j} = $params->get('borderColorIcon' . $j);
${'borderRadiusIcon' . $j} = $params->get('borderRadiusIcon' . $j);
${'nameIcon' . $j} = $params->get('nameIcon' . $j);
${'colorIcon' . $j} = $params->get('colorIcon' . $j);
${'fontSizeIcon' . $j} = $params->get('fontSizeIcon' . $j);
${'titleText' . $j} = $params->get('titleText' . $j);
${'titleSubText' . $j} = $params->get('titleSubText' . $j);
${'titleColor' . $j} = $params->get('titleColor' . $j);
${'titleGoogleFont' . $j} = $params->get('titleGoogleFont' . $j);
${'titleFontSize' . $j} = $params->get('titleFontSize' . $j);
}
// Load Bootstrap
JHtml::_('bootstrap.framework');
JHTML::stylesheet('/media/jui/css/bootstrap.min.css');
JHTML::stylesheet('/media/jui/css/bootstrap-responsive.css');
// Module CSS
JHTML::stylesheet('modules/mod_faveffects/theme/FontAwesome/css/font-awesome.css');
JHTML::stylesheet('modules/mod_faveffects/theme/faveffects.css');
JHTML::stylesheet('http://fonts.googleapis.com/css?family=' . $titleGoogleFont1);
JHTML::stylesheet('http://fonts.googleapis.com/css?family=' . $titleGoogleFont2);
JHTML::stylesheet('http://fonts.googleapis.com/css?family=' . $titleGoogleFont3);
JHTML::stylesheet('http://fonts.googleapis.com/css?family=' . $titleGoogleFont4);
JHTML::stylesheet('http://fonts.googleapis.com/css?family=' . $titleGoogleFont5);
JHTML::stylesheet('http://fonts.googleapis.com/css?family=' . $titleGoogleFont6);
?>
<div id="faveffects" class="row-fluid">
<?php
$scls = '';
$arrchk = array($showIcon1, $showIcon2, $showIcon3, $showIcon4, $showIcon5, $showIcon6);
$ichk = 0;
foreach($arrchk as $arck)
{
if($arck == 1)
{
$ichk++;
}
}
if($ichk > 0)
{
$scls = 'span' . (str_replace(".", "-", 12 / $ichk));
}
for($i = 1; $i < 7; $i++)
{
if((${'showIcon' . $i}) != 0)
{
?>
<div id="faveffects-box<?php echo $i; ?>" class="<?php echo $scls; ?>">
<div id="faveffects-icon<?php echo $i; ?>" class="faveffects-<?php echo ${'effectIcon'.$i}; ?>">
<a href="<?php echo ${'iconLink'.$i}; ?>" target="_<?php echo ${'iconLinkTarget'.$i}; ?>">
<img id="<?php echo ${'nameIcon'.$i}; ?>" src="images/icons/<?php echo ${'nameIcon'.$i}; ?>.png" />
</a>
</div>
<p id="faveffects-title<?php echo $i; ?>"
style="font-family: <?php echo ${'titleGoogleFont'.$i}; ?>; font-size: <?php echo ${'titleFontSize'.$i}; ?>; font-weight: 700;">
<a href="<?php echo ${'iconLink'.$i}; ?>"
target="_<?php echo ${'iconLinkTarget'.$i}; ?>"
style="color: #<?php echo ${'titleColor'.$i}; ?>;">
<?php echo ${'titleText'.$i}; ?>
</a>
</p>
<p id="faveffects-title<?php echo $i; ?>"
style="font-family: <?php echo ${'titleGoogleFont'.$i}; ?>; font-size: <?php echo ${'titleFontSize'.$i}; ?>; padding-left: 10px; padding-right: 10px;">
<a href="<?php echo ${'iconLink'.$i}; ?>"
target="_<?php echo ${'iconLinkTarget'.$i}; ?>"
style="color: #aaaaaa;">
<?php echo ${'titleSubText'.$i}; ?>
</a>
</p>
</div>
<?php
}
}
?>
</div>
Voor mijn situatie (zie de afbeelding eerder) heb ik 4 afbeeldingen gemaakt op 240x240 pixels met een transparante achtergrond, opgeslagen als 'icon1.png' t/m 'icon4.png'. Je kunt tot maximaal 6 afbeeldingen gebruiken in FavEffects.
Edit 1: de afbeelding zelf is al een rondje, gemaakt in Photoshop, formaat 240x240 pixels.
Edit 2: zo dus ...
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
Deze afbeeldingen bewaren in '/images/icons/'. Dat is gewoon de image-folder van Joomla!, submap maken, naam 'icons'.
Dat pad staat ook in de code hierboven, je kunt het uiteraard ook naar wens aanpassen.
Het .css-bestand dat bij FavEffects hoort moet je ook even aanpassen.
Dat staat in de volgende folder '/mod_faveffects/themes/faveffects.css'.
Daarin de code
Code:
background-color: #eee!important;
vervangen door
Code:
/* background-color: #eee!important; */
anders krijg je grijze achtergrondjes bij de effecten. Het is - meen ik - niet in te stellen via de instellingen in de module van FavEffects.
Tot slot de instellingen in de module van FavEffects gaan inregelen. Ik heb dat zo gedaan:
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
Je kunt natuurlijk met die parameters spelen, maar sommige zullen niet meer werken, omdat de code van de module is aangepast.
Als naam moet je gewoon alleen 'icon1' (bij eerste), 'icon2' (bij tweede), etc. invullen.
Het pad en de extensie is in de aangepaste module geregeld.
Je moet het maar even gaan proberen zo, volgens mij heb ik alles wel genoteerd.
Heeft onderwerp gestart
