v7‰PNG  IHDR Ÿ f Õ†C1 sRGB ®Îé gAMA ± üa pHYs à ÃÇo¨d GIDATx^íÜL”÷ð÷Yçªö("Bh_ò«®¸¢§q5kÖ*:þ0A­ºšÖ¥]VkJ¢M»¶f¸±8\k2íll£1]q®ÙÔ‚ÆT PK\͸cc solid-color/public/css/theme.cssnu[ .am-header .am-header-content-wrapper { border: none; background: none; } .am-header { background: %color%; } .am-layout { background: %color%; } .am-header-line { border:none; background: %color%; } .am-footer .am-footer-content-wrapper { background: %color%; color: inherit; } .am-body { background: none; } .am-body .am-body-content-wrapper { border: none; } .am-header-content-wrapper { padding: 0; } .am-header-content-content { display: none; } .am-header .am-header-content .am-header-content-logo { float: none; margin: 0; } .am-header .am-header-content { text-align: %logo_align%; } .am-main { max-width: %max_width%px; } .am-header-content img { width: %logo_width%; } .am-footer-actions { display:none; } .am-footer .am-footer-content-wrapper { color: %color_c%; }PK\TL L solid-color/Theme.phpnu[removeElementByName('header'); $el = HTML_QuickForm2_Factory::createElement('advradio', 'logo_align', null, array( 'options' => array( 'left' => ___('Left'), 'center' => ___('Center'), 'right' => ___('Right') ) )); $el->setLabel(___('Logo Position')); $form->insertBefore($el, $form->getElementById('logo-link-group')); $el = HTML_QuickForm2_Factory::createElement('advradio', 'logo_width', null, array( 'options' => array( 'auto' => ___('As Is'), '100%' => ___('Responsive') ) )); $el->setLabel(___('Logo Width')); $form->insertBefore($el, $form->getElementById('logo-link-group')); $form->addText('color', array('size' => 7)) ->setLabel("Theme Color\n" . 'you can use any valid HTML color, you can find useful color palette here'); $gr = $form->addGroup() ->setLabel(___('Layout Width')); $gr->setSeparator(' '); $gr->addText('max_width', array('size' => 3)); $gr->addHtml()->setHtml('px'); $form->addSaveCallbacks(array($this, 'findInverseColor'), null); } public function findInverseColor(Am_Config $before, Am_Config $after) { $t_id = "themes.{$this->getId()}.color"; $t_new = "themes.{$this->getId()}.color_c"; $after->set($t_new, $this->inverse($after->get($t_id))); } protected function inverse($color) { $color = str_replace('#', '', $color); if (strlen($color) != 6){ return '#ffffff'; } $rgb = ''; for ($x=0; $x<3; $x++){ $c = 255 - hexdec(substr($color,(2*$x),2)); $c = ($c < 0) ? 0 : dechex($c); $rgb .= (strlen($c) < 2) ? '0'.$c : $c; } return '#'.$rgb; } public function getDefaults() { return parent::getDefaults() + array( 'color' => '#446787', 'color_c' => '#fffff', 'logo_align' => 'left', 'max_width' => 800, 'logo_width' => 'auto' ); } }PK\~..sample/public/css/theme.cssnu[/** This CSS file is included into of each user template after amember.css and before site.css (if it is exists). There you can see variable %bgcolor% - it is configured in setup form (see application/default/themes/sample/Theme.php) and now substituted here. Files with variables must be added to special list ($publicWithVars) of Am_Theme class and these files are routed via special URL. Routed via URL, it is cached in browser for 1 hour. @link Am_View->printLayoutHead() */ body {background-color: %bgcolor%;} PK\!sample/public/img/large-alert.pngnu[PNG  IHDR DgAMAOX2tEXtSoftwareAdobe ImageReadyqe<PLTEKKKMMMϙnfS!Ҡ'+!HݤONL-ޥ3aYEt܅{/ܣ0kΙl`B"ڢ!ߥmލҠ(%5!ߏUSPop4Ovs1~qb=yc70,YVLwg?ą:}\ߑQOL(y]¿ˤE͘2˴}=k7JمȉÒQPO$G0ʛ(ܤ4ʒkI+ތ݊0ve=Z‘}6<{pn'agUSQ)o=fc\}VRHnl$ѼVؠP4_|rXʻƥFlaXTKSRPǬڀ48,he\k9np"OONL͹#^YLvx8URLbhcSteA*oa^X¾0Syx-{YWR_YLأ#URJ)WUPvlWlr4!pgR}f7mԝÿ[~)̗iľWSJ1ۃ1\Ny|8s|aj]WGn< |yp[?eʄy,Ӆu9VRIsvlUrˠ+tRNSyFIDATxbA0v /vLـGAвXIp*8mՉ 4-Ў`|X]Gm"\/nbSj}7A.nnXdǼ YaFxCXu F^ Qp콹`>I3-5 1DdXP# oW-v T9a:Pa'm',¢v`8rffff7@!įqC_;ɉ*Kű-eX%).c,) 2]خ;2addText('bgcolor')->setLabel('Background Color')->default = '#00e'; } }PK\O_I I sample/layout.phtmlnu[ <?php p(isset($meta_title) ? $meta_title : $title) ?> printLayoutHead(); ?> placeholder('body-start'); ?>
_script('_logo.phtml'); ?>
getConfig('header'); ?>

Hello From Sample Template

Here is a sample of theme-based image and you can "override" base images.

You can change color of this panel here.

You can find some info about some customizations here.

_script('_content.phtml'); ?>
Built on aMember Pro™ membership software
placeholder('body-finish'); ?> PK\͸cc solid-color/public/css/theme.cssnu[PK\TL L solid-color/Theme.phpnu[PK\~..Dsample/public/css/theme.cssnu[PK\!sample/public/img/large-alert.pngnu[PK\Yy;BBsample/Theme.phpnu[PK\O_I I sample/layout.phtmlnu[PK#