background preloader


Facebook Twitter

Content Layouts. Creating clickable background images using CSS. What this is about Okay, lets say you have a mostly finished template, with a typical corporate layout: A header, a content body area, and a footer.

Creating clickable background images using CSS

In the header you have placed a background image with a big company logo and some nice artwork next to it, with some dynamic content on top of the bottom right corner of the background image. Suddenly you realise that a click on the company logo part of that background image should bring the user back to the homepage. Usually you would cut out the image and place it directly inside the link. However you don't have enough time to cut up the image and re-work your template accordingly, so what you need is a quick-fix. At this point your HTML structure might look something like this: <div id="site"><div id="full-width-header"><div id="header-content">We love using Joomla! And your CSS like this: How to do it First: You can't just copy the #header-content div, position it over the logo, make the content invisible and enclose it in an anchor-tag. Web Designer Forums. YEAH!!

Web Designer Forums

I did it: vertical menu thats show/hide submenus! Firts!! Levels , no open levels (in aristeer) if you have the template installed, FTP /templates/yourtemplate/functions.php Quote :'vmenu' => array('show_submenus' => true, 'simple' => false) FALSE!! In joomla type of menu: legacy vertical or list, works start level:0 end level:0 IMPORTANT! Show always submenu YES chache: use globals (i have NO caché) module suffx: art-vmenu another: NO (no parent, no expand, nothing more) And it works finally!! Regards from Barcelona. Web Designer Forums. Web Designer Forums. Well; Obviously, I have clicked the main menu item many times.

I have sub menus selected in Aritisteer as I created the template in the first place. I can not expand out or retract the submenu items within Vertical menu. Additionally, they must all be showing for them to work in a standard menu. Since I upgraded to 2.4 version I have lost the ability to define how the menus expand out or show even in a standard menu. So now I have this HUGE main menu with links I do NOT want showing on the front page. The vertical menu does not even allow for it to expand out. Web Designer Forums. If the scroll bars are on lists only it might be this.... Scroll Arrows incorrectly show up in IE alongside list items .art-post ul li, .art-post ol ul li { background-image: url('.. /images/postbullets.png'); background-repeat: no-repeat; padding-left: 13px;/* makes "ul li" not to align behind the image if they are in the same line */ overflow: visible; I changed the intruction 'overflow: auto; to overflow: visible ####### This is a way to fix it in the Artisteer default template....

If you are feeling brave you can change this in the actual template file used by the program to generate the templates. look for it under program files: in windows default path on XP. C:\Program Files\Artisteer 2\Library\Data\Templates\Default\Common\Glyphs\PostBullets.css in PostBullets.css look for the code: News. Follow us: Artisteer 4.2 Now Supports Joomla 3.2 November 19, 2013 Artisteer export server was updated to support Joomla 3.2.


No updates to Artisteer itself are necessary, just please re-export your web designs that you want to be compatible with Joomla 3.2. Artisteer 4.2 Released! November 4, 2013 Artisteer 4.2 for Windows is finally here! Artisteer 4.2 for Windows ( The following additional bugs are fixed: • Blogger templates: headline and slogan shifting issues• Slideshow: image border transparency issue• Crash in slideshow panel• Shape visible in responsive mode• Shape background and image position issue • jQuery UI Slider widget issue• Responsive view - cell border issue • Preview in browser - Slideshow width issue in responsive mode• Opera 17 missing in Preview options• Image float in responsive view• Joomla system messages padding issue.